@extends('layouts.layout')
@section('content')
    <style>
        label {
            text-transform: capitalize;
        }

        .form-group-inner-main {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        input#validationCustom02 {
            width: 85%;
        }

        .table th {
            font-size: 14px !important;
        }

        .card .card-header {
            background-color: #fff;
            border-bottom: none;
            padding: 30px 30px 10px;
            border-bottom: 1px solid #f8f8f9;
            border-top-left-radius: 8px;
            border-top-right-radius: 8px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
        }

        .card .card-body {
            padding: 2px 30px 30px;
        }
    </style>
    <div class="page-body">
        <!-- Container-fluid starts-->
        <div class="container-fluid">
            <div class="page-header">
                <div class="row">
                    <div class="col-lg-6">
                        <div class="page-header-left">
                            <h3>Add Sama Products
                                <small>Diamond Admin panel</small>
                            </h3>
                        </div>
                    </div>
                    <div class="col-lg-6">
                        <ol class="breadcrumb pull-right">
                            <li class="breadcrumb-item">
                                <a href="{{ route('admin.dashboard') }}">
                                    <i data-feather="home"></i>
                                </a>
                            </li>
                            <li class="breadcrumb-item"><a href="{{ route('sama.internal-product.list') }}">Product List</a>
                            </li>
                            <li class="breadcrumb-item active">Add Product</li>
                        </ol>
                    </div>
                </div>
            </div>
        </div>
        <!-- Container-fluid Ends-->
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <div class="card">
                        <div class="card-header">
                            <a href="{{ route('sama.product.info') }}" class="btn btn-primary">Product Info</a>
                            <a href="{{ route('sama.gemstone.info') }}" class="btn btn-danger">Gemstone info</a>
                            <a href="{{ route('sama.product.images') }}" class="btn btn-danger">Images</a>
                            <a href="{{ route('sama.product.videos') }}" class="btn btn-danger">videos</a>
                            <a href="{{ route('sama.product.price') }}" class="btn btn-danger">Prices</a>
                            <a href="{{ route('add.product.mapping') }}" class="btn btn-danger">products mapping</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- Container-fluid starts-->
        <div class="container-fluid">
            <form action="{{ $action_url }}" method="POST" enctype="multipart/form-data" class="needs-validation "
                novalidate>
                @csrf
                <div class="row product-adding">
                    <div class="col-xl-6">
                        <div class="card">
                            <div class="card-body">
                                <div class="digital-add needs-validation">
                                    <div class="form-group">
                                        <label for="validationCustom01" class="col-form-label pt-0"><span>*</span>
                                            Product Type</label>
                                        <select name="type" id="product_type"
                                            class="form-control @error('type') is-invalid @enderror">
                                            <option value=''>--choose--</option>
                                            <option value="parent_product"
                                                {{ old('type') == 'parent_product' ? 'selected' : '' }}>PARENT </option>
                                            <option value="child_product"
                                                {{ old('type') == 'child_product' ? 'selected' : '' }}>
                                                CHILD </option>
                                        </select>
                                        @error('type')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                    <div class="form-group">
    <label for="product_mode" class="col-form-label pt-0">
        <span>*</span> Product Mode
    </label>

    <select name="product_mode" id="product_mode"
        class="form-control @error('product_mode') is-invalid @enderror">

        <option value="general"
            {{ old('product_mode', 'general') === 'general' ? 'selected' : '' }}>
            General
        </option>

        <option value="fully_composed"
            {{ old('product_mode') === 'fully_composed' ? 'selected' : '' }}>
            Fully Composed
        </option>

    </select>

    @error('product_mode')
        <div class="invalid-feedback">{{ $message }}</div>
    @enderror
</div>

                                    <div class="form-group">
                                        <label for="validationCustom01" class="col-form-label pt-0"><span>*</span>
                                            Name</label>
                                        <input class="form-control  @error('name') is-invalid @enderror" name="name"
                                            id="validationCustom01" type="text" value="{{ old('name') }}">
                                        @error('name')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                    <div class="form-group">
                                        <label for="validationCustom01" class="col-form-label pt-0"><span>*</span>
                                            Product Browse PG Name</label>
                                        <input class="form-control  @error('product_browse_pg_name') is-invalid @enderror"
                                            name="product_browse_pg_name" id="validationCustom01" type="text"
                                            value="{{ old('product_browse_pg_name') }}">
                                        @error('product_browse_pg_name')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                    <div class="form-group">
                                        <label for="validationCustomtitle" class="col-form-label pt-0">Slug</label>
                                        <input class="form-control" id="validationCustomtitle" type="text"
                                            placeholder="">
                                        <small>Leave blank if you want system generated</small>
                                    </div>
                                    <div class="form-group">
                                        <label for="validationCustomtitle" class="col-form-label pt-0"><span>*</span>
                                            SKU</label>
                                        <input class="form-control  @error('sama_sku') is-invalid @enderror"
                                            id="validationCustomtitle" value="{{ old('sama_sku') }}" type="text"
                                            name="sama_sku" required>
                                        @error('sama_sku')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                    <div class="form-group">
                                        <label for="validationCustomtitle" class="col-form-label pt-0">
                                            Fractionsemimount (ct tw)</label>
                                        <input class="form-control" id="validationCustomtitle"
                                            value="{{ old('fractionsemimount') }}" type="text" name="fractionsemimount">
                                        @error('fractionsemimount')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                    <div class="form-group">
                                        <label for="validationCustomtitle" class="col-form-label pt-0">
                                            Fractionsemimount value</label>
                                        <input class="form-control" id="validationCustomtitle"
                                            value="{{ old('fractionsemimount_value') }}" type="text"
                                            name="fractionsemimount_value">
                                        @error('fractionsemimount_value')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                    <div class="form-group">
                                        <label for="validationCustom02" class="col-form-label">
                                            Band Width</label>
                                        <input type="text" name="bandwidth" class="form-control"
                                            value="{{ old('bandwidth') }}">
                                        @error('bandwidth')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>


                                    <div class="form-group">
                                        <label for="validationCustom02" class="col-form-label">
                                            Band Weight</label>
                                        <input type="text" name="bandweight" class="form-control"
                                            value="{{ old('bandwidth') }}">
                                        @error('bandweight')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>

                                    <div class="form-group">
                                        <label for="validationCustom02" class="col-form-label">
                                            Center Shape</label>
                                        <select name="CenterShape" class="form-control">
                                            <option>--select--</option>
                                            <option value="TAKE PEG HEAD"
                                                {{ old('CenterShape') == 'TAKE PEG HEAD' ? 'selected' : '' }}>TAKE PEG
                                                HEAD
                                            </option>
                                            @foreach ($centerShapes as $center_shape)
                                                <option value="{{ strtoupper($center_shape->shape) }}"
                                                    {{ old('CenterShape') == strtoupper($center_shape->shape) ? 'selected' : '' }}>
                                                    {{ strtoupper($center_shape->shape) }}</option>
                                            @endforeach
                                        </select>
                                        @error('CenterShape')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>

                                    {{-- center stone options  --}}
                                    <div class="form-group">
                                        <label for="center_stone_options" class="col-form-label">Center stone
                                            options</label>
                                        <select name="center_stone_options[]" id="center_stone_options"
                                            class="custom-select form-control " multiple>
                                            <option selected disabled>--select--</option>
                                            @foreach ($centerShapes as $center_shape)
                                                <option value="{{ ucfirst($center_shape->shape) }}"
                                                    {{ old('center_stone_options') == ucfirst($center_shape->shape) ? 'selected' : '' }}>
                                                    {{ ucfirst($center_shape->shape) }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                    {{-- center stone options  --}}

                                    <div class="form-group">
                                        <label for="validationCustom02" class="col-form-label">
                                            SideDiamondNumber</label>
                                        <input class="form-control" id="" name="SideDiamondNumber"
                                            type="number" value="{{ old('SideDiamondNumber') }}">
                                        @error('SideDiamondNumber')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>

                                    <div class="form-group">
                                        <label for="validationCustom02" class="col-form-label">
                                            Side Diamond Number Min</label>
                                        <input class="form-control" id="" name="SideDiamondNumber_Min"
                                            type="number" value="{{ old('SideDiamondNumber_Min') }}">
                                        @error('SideDiamondNumber_Min')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>

                                    <div class="form-group">
                                        <label for="validationCustom02" class="col-form-label">
                                            Side Diamond Number Max</label>
                                        <input class="form-control" id="" name="SideDiamondNumber_Max"
                                            type="number" value="{{ old('SideDiamondNumber_Max') }}">
                                        @error('SideDiamondNumber_Max')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>

                                    <div class="form-group">
                                        <label for="validationCustom02" class="col-form-label">
                                            metalWeight</label>
                                        <input class="form-control" id="" name="metalWeight" type="number"
                                            value="{{ old('metalWeight') }}">
                                        @error('metalWeight')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>

                                    <div class="form-group">
                                        <label for="validationCustom02" class="col-form-label">
                                            metal Weight Min</label>
                                        <input class="form-control" id="" name="metalWeight_Min" type="number"
                                            value="{{ old('metalWeight_Min') }}">
                                        @error('metalWeight_Min')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>

                                    <div class="form-group">
                                        <label for="validationCustom02" class="col-form-label">
                                            Metal Weight Max</label>
                                        <input class="form-control" id="" name="metalWeight_Max" type="number"
                                            required="" value="{{ old('metalWeight_Max') }}">
                                        @error('metalWeight_Max')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>

                                    <div class="form-group">
                                        <label for="validationCustom02" class="col-form-label">
                                            Shipping Day</label>
                                        <input class="form-control" name="shippingDay" type="number" required=""
                                            value="{{ old('shippingDay') }}">
                                    </div>

                                    <div class="form-group">
                                        <label for="validationCustom02" class="col-form-label">
                                            Total Diamond Weight</label>
                                        <input class="form-control" name="TotalDiamondWeight" type="number"
                                            value="{{ old('TotalDiamondWeight') }}">
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="card">
                            <div class="card-header">
                                <h5 class="col-form-label">SEO TAGS</h5>
                            </div>
                            <div class="card-body">
                                <div class="form-group">
                                    <label for="validationCustom02" class="col-form-label">
                                        Meta Title</label>
                                    <input class="form-control" name="meta_title" type="text"
                                        value="{{ old('meta_title') }}">
                                </div>
                                <div class="form-group">
                                    <label for="validationCustom02" class="col-form-label">
                                        Meta Description</label>
                                    <textarea class="form-control" name="meta_description">{{ old('meta_description') }}</textarea>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-6">
                        <div class="card">
                            <div class="card-header">
                                <h5>Add Description <span style="color: red">*</span></h5>
                            </div>
                            <div class="card-body">
                                <div class="form-group">
                                    <div class="digital-add needs-validation">
                                        <div class="form-group mb-0">
                                            <div class="description-sm">
                                                <textarea name="description" class="form-control @error('description') is-invalid @enderror" cols="10"
                                                    rows="4">{{ old('description') }}</textarea>
                                                @error('description')
                                                    <div class="invalid-feedback">{{ $message }}</div>
                                                @enderror
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="card">
                            <div class="card-header">
                                <h5 class="col-form-label">Configuration</h5>
                            </div>
                            <div class="card-body needs-validation " id="similar-table">
                                <div class="form-group">
                                    <label class="col-form-label categories-basic"><span>*</span>
                                        Menu</label>
                                    <select class="custom-select form-control @error('menu') is-invalid @enderror"
                                        name="menu" id="product-menu">
                                        <option selected disabled>--Select--</option>
                                        @foreach ($Menus as $menu)
                                            <option value="{{ $menu['id'] }}"
                                                {{ old('menu') == $menu['id'] ? 'selected' : '' }}>{{ $menu['name'] }}
                                            </option>
                                        @endforeach

                                    </select>
                                    @error('menu')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>

                                <div class="form-group">
                                    <label class="col-form-label categories-basic"><span>*</span>
                                        Metal Type</label>
                                    <select class="custom-select form-control" name="metalType" required="">
                                        <option value="">--Select--</option>
                                        @foreach ($metalType as $metaltype)
                                            <option value="{{ $metaltype['id'] }}"
                                                {{ old('metalType') == $metaltype['id'] ? 'selected' : '' }}>
                                                {{ $metaltype['metal'] }}</option>
                                        @endforeach
                                    </select>
                                    @error('metalType')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>

                                <div class="form-group">
                                    <label class="col-form-label categories-basic"><span>*</span>
                                        Metal Color</label>
                                    <select class="custom-select form-control" name="metalColor" required="">
                                        <option value="">--Select--</option>
                                        @foreach ($metalColor as $color)
                                            <option value="{{ $color['id'] }}"
                                                {{ old('metalColor') == $color['id'] ? 'selected' : '' }}>
                                                {{ $color['name'] }}
                                            </option>
                                        @endforeach
                                    </select>
                                    @error('metalColor')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>

                                <div class="form-group">
                                    <label for="validationCustom02" class="col-form-label">
                                        Finish Level</label>
                                    <select name="finishLevel" class="form-control">
                                        <option selected disabled>--Select--</option>
                                        <option value="Polished Blank (no stones)"
                                            {{ old('finishLevel') == 'Polished Blank (no stones)' ? 'selected' : '' }}>
                                            Polished
                                            Blank (no stones)</option>
                                        <option value="Semi-mount (no center)"
                                            {{ old('finishLevel') == 'Semi-mount (no center)' ? 'selected' : '' }}>
                                            Semi-mount
                                            (no center)</option>
                                        <option value="Complete" {{ old('finishLevel') == 'Complete' ? 'selected' : '' }}>
                                            Complete</option>
                                    </select>
                                    @error('finishLevel')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>

                                <div class="form-group">
                                    <label for="validationCustom02" class="col-form-label"><span>*</span>
                                        Diamond Quality</label>
                                    <select name="diamondQuality"
                                        class="form-control @error('diamondQuality') is-invalid @enderror">
                                        <option selected disabled>--Select--</option>
                                        <option value="SI1-SI2, G-H"
                                            {{ old('diamondQuality') == 'SI1-SI2, G-H' ? 'selected' : '' }}>SI1-SI2,G-H
                                        </option>
                                        <option value="SI1, G" {{ old('diamondQuality') == 'SI1, G' ? 'selected' : '' }}>
                                            SI1,
                                            G</option>
                                    </select>
                                    @error('diamondQuality')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>

                                <div class="form-group">
                                    <label for="validationCustom02" class="col-form-label">
                                        Finger Size
                                    </label>
                                    <select id="finger_size" name="FingerSize" class="form-control" autocomplete="off">
                                        <option value="Stock" {{ old('finger_size') == 'Stock' ? 'selected' : '' }}>Stock
                                        </option>
                                        <option value="3" {{ old('finger_size') == '3' ? 'selected' : '' }}>3
                                        </option>
                                        <option value="3 1/4" {{ old('finger_size') == '3 1/4' ? 'selected' : '' }}>3 1/4
                                        </option>
                                        <option value="3 1/2" {{ old('finger_size') == '3 1/2' ? 'selected' : '' }}>3 1/2
                                        </option>
                                        <option value="3 3/4" {{ old('finger_size') == '3 3/4' ? 'selected' : '' }}>3 3/4
                                        </option>

                                        <option value="4" {{ old('finger_size') == '4' ? 'selected' : '' }}>4
                                        </option>
                                        <option value="4 1/4" {{ old('finger_size') == '4 1/4' ? 'selected' : '' }}>4 1/4
                                        </option>
                                        <option value="4 1/2" {{ old('finger_size') == '4 1/2' ? 'selected' : '' }}>4 1/2
                                        </option>
                                        <option value="4 3/4" {{ old('finger_size') == '4 3/4' ? 'selected' : '' }}>4 3/4
                                        </option>

                                        <option value="5" {{ old('finger_size') == '5' ? 'selected' : '' }}>5
                                        </option>
                                        <option value="5 1/4" {{ old('finger_size') == '5 1/4' ? 'selected' : '' }}>5 1/4
                                        </option>
                                        <option value="5 1/2" {{ old('finger_size') == '5 1/2' ? 'selected' : '' }}>5 1/2
                                        </option>
                                        <option value="5 3/4" {{ old('finger_size') == '5 3/4' ? 'selected' : '' }}>5 3/4
                                        </option>

                                        <option value="6" {{ old('finger_size') == '6' ? 'selected' : '' }}>6
                                        </option>
                                        <option value="6 1/4" {{ old('finger_size') == '6 1/4' ? 'selected' : '' }}>6 1/4
                                        </option>
                                        <option value="6 1/2" {{ old('finger_size') == '6 1/2' ? 'selected' : '' }}>6 1/2
                                        </option>
                                        <option value="6 3/4" {{ old('finger_size') == '6 3/4' ? 'selected' : '' }}>6 3/4
                                        </option>

                                        <option value="7" {{ old('finger_size') == '7' ? 'selected' : '' }}>7
                                        </option>
                                        <option value="7 1/4" {{ old('finger_size') == '7 1/4' ? 'selected' : '' }}>7 1/4
                                        </option>
                                        <option value="7 1/2" {{ old('finger_size') == '7 1/2' ? 'selected' : '' }}>7 1/2
                                        </option>
                                        <option value="7 3/4" {{ old('finger_size') == '7 3/4' ? 'selected' : '' }}>7 3/4
                                        </option>

                                        <option value="8" {{ old('finger_size') == '8' ? 'selected' : '' }}>8
                                        </option>
                                        <option value="8 1/4" {{ old('finger_size') == '8 1/4' ? 'selected' : '' }}>8 1/4
                                        </option>
                                        <option value="8 1/2" {{ old('finger_size') == '8 1/2' ? 'selected' : '' }}>8 1/2
                                        </option>
                                        <option value="8 3/4" {{ old('finger_size') == '8 3/4' ? 'selected' : '' }}>8 3/4
                                        </option>

                                        <option value="9" {{ old('finger_size') == '9' ? 'selected' : '' }}>9
                                        </option>
                                        <option value="9 1/4" {{ old('finger_size') == '9 1/4' ? 'selected' : '' }}>9 1/4
                                        </option>
                                        <option value="9 1/2" {{ old('finger_size') == '9 1/2' ? 'selected' : '' }}>9
                                            1/2
                                        </option>
                                        <option value="9 3/4" {{ old('finger_size') == '9 3/4' ? 'selected' : '' }}>9
                                            3/4
                                        </option>

                                        <option value="10" {{ old('finger_size') == '10' ? 'selected' : '' }}>10
                                        </option>
                                        <option value="10 1/4" {{ old('finger_size') == '10 1/4' ? 'selected' : '' }}>10
                                            1/4</option>
                                        <option value="10 1/2" {{ old('finger_size') == '10 1/2' ? 'selected' : '' }}>10
                                            1/2</option>
                                        <option value="10 3/4" {{ old('finger_size') == '10 3/4' ? 'selected' : '' }}>10
                                            3/4</option>

                                        <option value="11" {{ old('finger_size') == '11' ? 'selected' : '' }}>11
                                        </option>
                                        <option value="11 1/4" {{ old('finger_size') == '11 1/4' ? 'selected' : '' }}>11
                                            1/4</option>
                                        <option value="11 1/2" {{ old('finger_size') == '11 1/2' ? 'selected' : '' }}>11
                                            1/2</option>
                                        <option value="11 3/4" {{ old('finger_size') == '11 3/4' ? 'selected' : '' }}>11
                                            3/4</option>

                                        <option value="12" {{ old('finger_size') == '12' ? 'selected' : '' }}>12
                                        </option>
                                        <option value="12 1/4" {{ old('finger_size') == '12 1/4' ? 'selected' : '' }}>12
                                            1/4</option>
                                        <option value="12 1/2" {{ old('finger_size') == '12 1/2' ? 'selected' : '' }}>12
                                            1/2</option>
                                        <option value="12 3/4" {{ old('finger_size') == '12 3/4' ? 'selected' : '' }}>12
                                            3/4</option>

                                        <option value="13" {{ old('finger_size') == '13' ? 'selected' : '' }}>13
                                        </option>
                                        <option value="13 1/4" {{ old('finger_size') == '13 1/4' ? 'selected' : '' }}>13
                                            1/4</option>
                                        <option value="13 1/2" {{ old('finger_size') == '13 1/2' ? 'selected' : '' }}>13
                                            1/2</option>
                                        <option value="13 3/4" {{ old('finger_size') == '13 3/4' ? 'selected' : '' }}>13
                                            3/4</option>

                                        <option value="14" {{ old('finger_size') == '14' ? 'selected' : '' }}>14
                                        </option>
                                        <option value="14 1/4" {{ old('finger_size') == '14 1/4' ? 'selected' : '' }}>14
                                            1/4</option>
                                        <option value="14 1/2" {{ old('finger_size') == '14 1/2' ? 'selected' : '' }}>14
                                            1/2</option>
                                        <option value="14 3/4" {{ old('finger_size') == '14 3/4' ? 'selected' : '' }}>14
                                            3/4</option>

                                        <option value="15" {{ old('finger_size') == '15' ? 'selected' : '' }}>15
                                        </option>
                                        <option value="15 1/4" {{ old('finger_size') == '15 1/4' ? 'selected' : '' }}>15
                                            1/4</option>
                                        <option value="15 1/2" {{ old('finger_size') == '15 1/2' ? 'selected' : '' }}>15
                                            1/2</option>
                                        <option value="15 3/4" {{ old('finger_size') == '15 3/4' ? 'selected' : '' }}>15
                                            3/4</option>
                                    </select>
                                    @error('finger_size')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>



                            </div>
                        </div>


                        <div class="card">
                            <div class="card-header">
                                <h5 class="col-form-label">Matching set</h5>
                            </div>
                            <div class="card-body">
                                <small>Please choose a matching set when adding an engagement ring to ensure compatibility
                                    and style consistency.</small>
                            </div>
                            <div class="card-body needs-validation " id="similar-table">
                                <div class="form-group">
                                    <label class="col-form-label categories-basic">
                                        Wedding band</label>
                                    <select
                                        class="custom-select form-control @error('matching_wedding_band') is-invalid @enderror"
                                        name="matching_wedding_band" id="matching_wedding_band">
                                        <option selected disabled>--Select--</option>
                                        @foreach ($wedding_bands as $bands)
                                            <option value="{{ $bands['sama_sku'] }}"
                                                {{ old('matching_wedding_band') == $bands['sama_sku'] ? 'selected' : '' }}>
                                                {{ $bands['name'] }} -- {{ $bands['sama_sku'] }}
                                            </option>
                                        @endforeach

                                    </select>
                                    @error('matching_wedding_band')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                        </div>


                        <div class="card">
                            <div class="card-header">
                                <h5 class="col-form-label">Product Category and Subcategory</h5>
                            </div>
                            <div class="card-body needs-validation " id="similar-table">
                                <div class="form-group">
                                    <label for="category_id" class="col-form-label"><span>*</span> Product
                                        Category</label>
                                    <select name="category_id" id="category_id"
                                        class="custom-select form-control @error('category_id') is-invalid @enderror">
                                        <option selected disabled>--select--</option>
                                        @foreach ($product_categories as $product_category)
                                            <option value="{{ $product_category['id'] }}"
                                                {{ old('category_id') == $product_category['id'] ? 'selected' : '' }}>
                                                {{ $product_category['name'] }}
                                            </option>
                                        @endforeach
                                    </select>
                                    @error('category_id')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                                <div class="form-group">
                                    <label for="subcategory_ids" class="col-form-label"><span>*</span> Product
                                        Subcategory</label>
                                    <select name="subcategory_ids[]" id="subcategory_ids"
                                        class="custom-select form-control @error('subcategory_ids') is-invalid @enderror"
                                        multiple>
                                        <option selected disabled>--select--</option>
                                        @foreach ($product_subcategories as $product_subcategory)
                                            <option value="{{ $product_subcategory['id'] }}">
                                                {{ $product_subcategory['name'] }}
                                            </option>
                                        @endforeach
                                    </select>
                                    @error('subcategory_ids')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                                <div class="form-group">
                                    <label for="validationCustom02" class="col-form-label">
                                        Default Image </label>
                                    <input class="form-control dropify @error('default_image_url') is-invalid @enderror"
                                        name="default_image_url" type="file" accept="image/*">
                                    @error('default_image_url')
                                        <style>
                                            .dropify-wrapper {
                                                border: 1px solid #dc3545;
                                                border-radius: 0.25rem;
                                            }
                                        </style>
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                                <div class="form-group">
                                    <label class="col-form-label"> Product Mark As</label>
                                    <div class="m-checkbox-inline mb-0 custom-radio-ml d-flex radio-animated">
                                        <div class="checkbox checkbox-primary">
                                            <input id="is_newest" type="checkbox" data-original-title=""
                                                name="is_newest" value="1" title="">
                                            <label for="is_newest">Newest</label>
                                        </div>
                                        <div class="checkbox checkbox-primary">
                                            <input id="is_bestseller" type="checkbox" data-original-title=""
                                                name="is_bestseller" value="1" title="">
                                            <label for="is_bestseller">Best seller</label>
                                        </div>

                                    </div>
                                </div>


                               <div class="form-group">
                                    <label class="col-form-label">Status</label>

                                    <div class="m-checkbox-inline mb-0 custom-radio-ml d-flex radio-animated">

                                        <div class="radio radio-primary mr-3">
                                            <input type="radio" id="status_true" name="status" value="true"
                                                {{ old('status', $obj->status ?? 'true') == 'true' ? 'checked' : '' }}>
                                            <label for="status_true">Enable</label>
                                        </div>

                                        <div class="radio radio-danger">
                                            <input type="radio" id="status_false" name="status" value="false"
                                                {{ old('status', $obj->status ?? '') == 'false' ? 'checked' : '' }}>
                                            <label for="status_false">Disable</label>
                                        </div>

                                        <div class="radio radio-warning mr-3">
                                            <input type="radio" id="status_staging" name="status" value="staging"
                                                {{ old('status', $obj->status ?? '') == 'staging' ? 'checked' : '' }}>
                                            <label for="status_staging">Staging</label>
                                        </div>
                                         <div class="radio radio-info">
        <input type="radio" id="status_internal_test" name="status" value="internal_test"
            {{ old('status', $obj->status ?? '') == 'internal_test' ? 'checked' : '' }}>
        <label for="status_internal_test">Internal Test</label>
    </div>

                                    </div>
                                </div>

                                <div class="form-group">
                                    <label for="validationCustom02" class="col-form-label">
                                        Sort Order</label>
                                    <input class="form-control" name="sort_order" type="number"
                                        value="{{ old('sort_order', 0) }}">
                                </div>




                            </div>
                        </div>
                    </div>
                    <div class="digital-add needs-validation mb-3" style="display: flex;flex-direction: row-reverse;">
                        <div class="form-group mb-0">
                            <div class="product-buttons">
                                <button type="submit" class="btn btn-primary">Save</button>
                                <button type="reset" class="btn btn-dark">Discard</button>
                            </div>
                        </div>
                    </div>
                </div>

            </form>
        </div>
        <!-- Container-fluid Ends-->
    </div>
    @push('scripts')
        <script src="https://cdn.jsdelivr.net/npm/choices.js/public/assets/scripts/choices.min.js"></script>

        <script>
            $(document).ready(function() {
                // Initialize Select2 on subcategory_ids
                $('#center_stone_options').select2();
                $('#subcategory_ids').select2();

                $('#category_id').change(function() {
                    var categoryId = $(this).val();
                    var url = "{{ route('admin.getsubcategories', ['category_id' => ':categoryId']) }}";
                    url = url.replace(':categoryId', categoryId);
                    $.ajax({
                        url: url,
                        type: 'GET',
                        success: function(data) {
                            console.log('Data received from server:', data); // Debug AJAX response

                            // Clear existing options
                            $('#subcategory_ids').empty();

                            // Ensure data is an array
                            if (Array.isArray(data)) {
                                // Add new options
                                data.forEach(function(subcategory) {
                                    var newOption = new Option(subcategory.name, subcategory
                                        .id, false, false);
                                    $('#subcategory_ids').append(newOption).trigger(
                                        'change');
                                });

                                // Ensure the Select2 options are updated
                                $('#subcategory_ids').trigger('change');
                            } else {
                                console.error('Invalid data format received:',
                                    data); // Handle invalid data format
                            }
                        },
                        error: function() {
                            alert('Error fetching subcategories.');
                        }
                    });
                });

            });

            // added new script for change manu category and subcategory
            $("#product-menu").change(function() {
                var menuid = $("#product-menu").val();
                var url = "{{ route('filter.category', ['id' => ':menuid']) }}";
                url = url.replace(':menuid', menuid);
                $("#product-category").load(url);
            });


            $("#product-category").change(function() {
                var menuid = $("#product-menu").val();
                var catid = $("#product-category").val();
                var url = "{{ route('filter.subcategory', ['menu' => ':menuid', 'category' => ':catid']) }}";
                url = url.replace(':menuid', menuid).replace(':catid', catid);
                $("#product-subcatagory").load(url);
            });
        </script>
    @endpush
@endsection