@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('edit.product.info', ['id' => $obj->id]) }}" class="btn btn-primary">Product
                                Info</a>
                            <a href="{{ route('edit.gemstone.info', ['id' => $obj->id]) }}" class="btn btn-danger">Gemstone
                                info</a>
                            <a href="{{ route('edit.product.images', ['id' => $obj->id]) }}"
                                class="btn btn-danger">Images</a>
                            <a href="{{ route('edit.product.videos', ['id' => $obj->id]) }}"
                                class="btn btn-danger">videos</a>
                            <a href="{{ route('edit.product.price', ['id' => $obj->id]) }}"
                                class="btn btn-danger">Prices</a>
                            <a href="{{ route('edit.product.mapping', ['id' => $obj->id]) }}"
                                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" required>
                                            <option value=''>--choose--</option>
                                            <option value="parent_product" {{ old('type', $obj->type) == 'parent_product' ? 'selected' : '' }}>PARENT
                                            </option>
                                            <option value="child_product" {{ old('type', $obj->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" required>

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

                                            <option value="fully_composed" {{ old('product_mode', $obj->product_mode ?? 'general') === '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', $obj->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', $obj->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=""
                                            name="slug" value="{{ old('slug', $obj->slug) }}">
                                        {{-- <small>Leave blank if you want system generated</small> --}}
                                        @error('slug')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                    <div class="form-group">
                                        <label for="validationCustomtitle" class="col-form-label pt-0"><span>*</span>
                                            SKU</label>
                                        <input class="form-control" id="validationCustomtitle"
                                            value="{{ old('sama_sku', $obj->sama_sku) }}" type="text" name="sama_sku">
                                        @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', $obj->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', $obj->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', $obj->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', $obj->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 value="">--select--</option>
                                            <option value="TAKE PEG HEAD" {{ old('CenterShape', $obj->CenterShape) == 'TAKE PEG HEAD' ? 'selected' : '' }}>
                                                TAKE PEG
                                                HEAD
                                            </option>
                                            @foreach ($centerShapes as $center_shape)
                                                <option value="{{ strtoupper($center_shape->shape) }}" {{ old('CenterShape', $obj->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 disabled>--select--</option>
                                            @php
                                                $centerStoneOptions = old('center_stone_options', $obj->center_stone_options ?? '');

                                                // If it's an array (from old input), convert to string
                                                if (is_array($centerStoneOptions)) {
                                                    $centerStoneOptions = implode('/', $centerStoneOptions);
                                                }

                                                $selectedShapes = explode('/', $centerStoneOptions);
                                            @endphp

                                            @foreach ($centerShapes as $center_shape)
                                                @php
                                                    $shapeValue = ucfirst($center_shape->shape);
                                                @endphp
                                                <option value="{{ $shapeValue }}" {{ in_array($shapeValue, $selectedShapes) ? 'selected' : '' }}>
                                                    {{ $shapeValue }}
                                                </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="text"
                                            value="{{ old('SideDiamondNumber', $obj->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', $obj->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', $obj->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', $obj->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', $obj->metalWeight_Min) }}">
                                        @error('metalWeight_Min')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>

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

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

                                    <div class="form-group">
                                        <label for="validationCustom02" class="col-form-label">
                                            TotalDiamondWeight</label>
                                        <input class="form-control" name="TotalDiamondWeight" type="number"
                                            value="{{ old('TotalDiamondWeight', $obj->TotalDiamondWeight) }}">
                                    </div>

                                    <div class="form-group">
                                        <label for="validationCustom02" class="col-form-label">
                                            Default Image alt text</label>
                                        <input class="form-control" name="default_image_alt" type="text"
                                            value="{{ old('default_image_alt', isset($obj->default_image_alt) ? $obj->default_image_alt : $obj->name) }}">
                                    </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', isset($obj->meta_title) ? $obj->meta_title : $obj->product_browse_pg_name) }}">
                                </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', isset($obj->meta_description) ? $obj->meta_description : $obj->description) }}</textarea>
                                </div>
                            </div>
                        </div>


                    </div>
                    <div class="col-xl-6">
                        <div class="card">
                            <div class="card-header ">
                                <h5><span style="color:red">*</span> Add Description</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" cols="10"
                                                    rows="4">{{ old('description', $obj->description) }}</textarea>
                                            </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" name="menu" id="product-menu" required="">
                                        <option selected disabled>--Select--</option>
                                        @foreach ($Menus as $menu)
                                            <option value="{{ $menu['id'] }}" {{ old('menu', $obj->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>
                                        Categories</label>

                                    <select class="custom-select form-control" name="category" id="product-category">
                                        <option selected disabled>--Select--</option>

                                        @if (!empty($categories))
                                        @foreach ($categories as $category)
                                        <option value="{{ $category['id'] }}" {{ $category['id']==$obj['category']
                                            ? 'selected' : '' }}>
                                            {{ $category['name'] }}</option>
                                        @endforeach
                                        @endif;
                                    </select>
                                    @error('catagory')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                                <div class="form-group">
                                    <label class="col-form-label categories-basic"><span>*</span>
                                        Sub Categories</label>
                                    <select class="custom-select form-control" name="subcatagory" id="product-subcatagory">
                                        <option selected disabled>--Select--</option>
                                        @if (!empty($sub_categories))
                                        @foreach ($sub_categories as $sub_category)
                                        <option value="{{ $sub_category['id'] }}" {{
                                            $sub_category['id']==$obj['sub_category'] ? 'selected' : '' }}>
                                            {{ $sub_category['name'] }}</option>
                                        @endforeach
                                        @endif
                                    </select>
                                    @error('subcatagory')
                                    <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_id" required="">
                                        <option value="">--Select--</option>
                                        @foreach ($metalType as $metaltype)
                                            <option value="{{ $metaltype['id'] }}" {{ old('metalType', $obj->metalType_id) == $metaltype['id'] ? 'selected' : '' }}>
                                                {{ $metaltype['metal'] }}
                                            </option>
                                        @endforeach
                                    </select>
                                    @error('metalType_id')
                                        <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_id" required="">
                                        <option value="">--Select--</option>
                                        @foreach ($metalColor as $color)
                                            <option value="{{ $color['id'] }}" {{ old('metalColor_id', $obj->metalColor_id) == $color['id'] ? 'selected' : '' }}>
                                                {{ $color['name'] }}
                                            </option>
                                        @endforeach
                                    </select>
                                    @error('metalColor_id')
                                        <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', $obj->finishLevel) == 'Polished Blank (no stones)' ? 'selected' : '' }}>
                                            Polished
                                            Blank (no stones)</option>
                                        <option value="Semi-mount (no center)" {{ old('finishLevel', $obj->finishLevel) == 'Semi-mount (no center)' ? 'selected' : '' }}>
                                            Semi-mount
                                            (no center)</option>
                                        <option value="Complete" {{ old('finishLevel', $obj->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">
                                        Diamond Quality</label>
                                    <select name="diamondQuality" class="form-control">
                                        <option selected disabled>--Select--</option>
                                        <option value="SI1-SI2, G-H" {{ old('diamondQuality', $obj->diamondQuality) == 'SI1-SI2, G-H' ? 'selected' : '' }}>
                                            SI1-SI2, G-H
                                        </option>
                                        <option value="SI1, G" {{ old('diamondQuality', $obj->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="FingerSize" name="FingerSize" class="form-control" autocomplete="off">
                                        <option disabled>
                                            --select--
                                        </option>
                                        <option value="Stock" {{ old('FingerSize', $obj->FingerSize) == 'Stock' ? 'selected' : '' }}>Stock
                                        </option>
                                        <option value="3" {{ old('FingerSize', $obj->FingerSize) == '3' ? 'selected' : '' }}>3
                                        </option>
                                        <option value="3 1/4" {{ old('FingerSize', $obj->FingerSize) == '3 1/4' ? 'selected' : '' }}>3 1/4
                                        </option>
                                        <option value="3 1/2" {{ old('FingerSize', $obj->FingerSize) == '3 1/2' ? 'selected' : '' }}>3 1/2
                                        </option>
                                        <option value="3 3/4" {{ old('FingerSize', $obj->FingerSize) == '3 3/4' ? 'selected' : '' }}>3 3/4
                                        </option>
                                        <option value="4" {{ old('FingerSize', $obj->FingerSize) == '4' ? 'selected' : '' }}>4
                                        </option>
                                        <option value="4 1/4" {{ old('FingerSize', $obj->FingerSize) == '4 1/4' ? 'selected' : '' }}>4 1/4
                                        </option>
                                        <option value="4 1/2" {{ old('FingerSize', $obj->FingerSize) == '4 1/2' ? 'selected' : '' }}>4 1/2
                                        </option>
                                        <option value="4 3/4" {{ old('FingerSize', $obj->FingerSize) == '4 3/4' ? 'selected' : '' }}>4 3/4
                                        </option>
                                        <option value="5" {{ old('FingerSize', $obj->FingerSize) == '5' ? 'selected' : '' }}>5
                                        </option>
                                        <option value="5 1/4" {{ old('FingerSize', $obj->FingerSize) == '5 1/4' ? 'selected' : '' }}>5 1/4
                                        </option>
                                        <option value="5 1/2" {{ old('FingerSize', $obj->FingerSize) == '5 1/2' ? 'selected' : '' }}>5 1/2
                                        </option>
                                        <option value="5 3/4" {{ old('FingerSize', $obj->FingerSize) == '5 3/4' ? 'selected' : '' }}>5 3/4
                                        </option>
                                        <option value="6" {{ old('FingerSize', $obj->FingerSize) == '6' ? 'selected' : '' }}>6
                                        </option>
                                        <option value="6 1/4" {{ old('FingerSize', $obj->FingerSize) == '6 1/4' ? 'selected' : '' }}>6 1/4
                                        </option>
                                        <option value="6 1/2" {{ old('FingerSize', $obj->FingerSize) == '6 1/2' ? 'selected' : '' }}>6 1/2
                                        </option>
                                        <option value="6 3/4" {{ old('FingerSize', $obj->FingerSize) == '6 3/4' ? 'selected' : '' }}>6 3/4
                                        </option>
                                        <option value="7" {{ old('FingerSize', $obj->FingerSize) == '7' ? 'selected' : '' }}>7
                                        </option>
                                        <option value="7 1/4" {{ old('FingerSize', $obj->FingerSize) == '7 1/4' ? 'selected' : '' }}>7 1/4
                                        </option>
                                        <option value="7 1/2" {{ old('FingerSize', $obj->FingerSize) == '7 1/2' ? 'selected' : '' }}>7 1/2
                                        </option>
                                        <option value="7 3/4" {{ old('FingerSize', $obj->FingerSize) == '7 3/4' ? 'selected' : '' }}>7 3/4
                                        </option>
                                        <option value="8" {{ old('FingerSize', $obj->FingerSize) == '8' ? 'selected' : '' }}>8
                                        </option>
                                        <option value="8 1/4" {{ old('FingerSize', $obj->FingerSize) == '8 1/4' ? 'selected' : '' }}>8 1/4
                                        </option>
                                        <option value="8 1/2" {{ old('FingerSize', $obj->FingerSize) == '8 1/2' ? 'selected' : '' }}>8 1/2
                                        </option>
                                        <option value="8 3/4" {{ old('FingerSize', $obj->FingerSize) == '8 3/4' ? 'selected' : '' }}>8 3/4
                                        </option>
                                        <option value="9" {{ old('FingerSize', $obj->FingerSize) == '9' ? 'selected' : '' }}>9
                                        </option>
                                        <option value="9 1/4" {{ old('FingerSize', $obj->FingerSize) == '9 1/4' ? 'selected' : '' }}>9 1/4
                                        </option>
                                        <option value="9 1/2" {{ old('FingerSize', $obj->FingerSize) == '9 1/2' ? 'selected' : '' }}>9 1/2
                                        </option>
                                        <option value="9 3/4" {{ old('FingerSize', $obj->FingerSize) == '9 3/4' ? 'selected' : '' }}>9 3/4
                                        </option>
                                        <option value="10" {{ old('FingerSize', $obj->FingerSize) == '10' ? 'selected' : '' }}>10
                                        </option>
                                        <option value="10 1/4" {{ old('FingerSize', $obj->FingerSize) == '10 1/4' ? 'selected' : '' }}>10 1/4
                                        </option>
                                        <option value="10 1/2" {{ old('FingerSize', $obj->FingerSize) == '10 1/2' ? 'selected' : '' }}>10 1/2
                                        </option>
                                        <option value="10 3/4" {{ old('FingerSize', $obj->FingerSize) == '10 3/4' ? 'selected' : '' }}>10 3/4
                                        </option>
                                        <option value="11" {{ old('FingerSize', $obj->FingerSize) == '11' ? 'selected' : '' }}>11
                                        </option>
                                        <option value="11 1/4" {{ old('FingerSize', $obj->FingerSize) == '11 1/4' ? 'selected' : '' }}>11 1/4
                                        </option>
                                        <option value="11 1/2" {{ old('FingerSize', $obj->FingerSize) == '11 1/2' ? 'selected' : '' }}>11 1/2
                                        </option>
                                        <option value="11 3/4" {{ old('FingerSize', $obj->FingerSize) == '11 3/4' ? 'selected' : '' }}>11 3/4
                                        </option>
                                        <option value="12" {{ old('FingerSize', $obj->FingerSize) == '12' ? 'selected' : '' }}>12
                                        </option>
                                        <option value="12 1/4" {{ old('FingerSize', $obj->FingerSize) == '12 1/4' ? 'selected' : '' }}>12 1/4
                                        </option>
                                        <option value="12 1/2" {{ old('FingerSize', $obj->FingerSize) == '12 1/2' ? 'selected' : '' }}>12 1/2
                                        </option>
                                        <option value="12 3/4" {{ old('FingerSize', $obj->FingerSize) == '12 3/4' ? 'selected' : '' }}>12 3/4
                                        </option>
                                        <option value="13" {{ old('FingerSize', $obj->FingerSize) == '13' ? 'selected' : '' }}>13
                                        </option>
                                        <option value="13 1/4" {{ old('FingerSize', $obj->FingerSize) == '13 1/4' ? 'selected' : '' }}>13 1/4
                                        </option>
                                        <option value="13 1/2" {{ old('FingerSize', $obj->FingerSize) == '13 1/2' ? 'selected' : '' }}>13 1/2
                                        </option>
                                        <option value="13 3/4" {{ old('FingerSize', $obj->FingerSize) == '13 3/4' ? 'selected' : '' }}>13 3/4
                                        </option>
                                        <option value="14" {{ old('FingerSize', $obj->FingerSize) == '14' ? 'selected' : '' }}>14
                                        </option>
                                        <option value="14 1/4" {{ old('FingerSize', $obj->FingerSize) == '14 1/4' ? 'selected' : '' }}>14 1/4
                                        </option>
                                        <option value="14 1/2" {{ old('FingerSize', $obj->FingerSize) == '14 1/2' ? 'selected' : '' }}>14 1/2
                                        </option>
                                        <option value="14 3/4" {{ old('FingerSize', $obj->FingerSize) == '14 3/4' ? 'selected' : '' }}>14 3/4
                                        </option>
                                        <option value="15" {{ old('FingerSize', $obj->FingerSize) == '15' ? 'selected' : '' }}>15
                                        </option>
                                        <option value="15 1/4" {{ old('FingerSize', $obj->FingerSize) == '15 1/4' ? 'selected' : '' }}>15 1/4
                                        </option>
                                        <option value="15 1/2" {{ old('FingerSize', $obj->FingerSize) == '15 1/2' ? 'selected' : '' }}>15 1/2
                                        </option>
                                        <option value="15 3/4" {{ old('FingerSize', $obj->FingerSize) == '15 3/4' ? 'selected' : '' }}>15 3/4
                                        </option>
                                    </select>

                                    @error('FingerSize')
                                        <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">

                                        {{ $match_menu = $obj->menu == 7 ? 'Wedding band' : 'Engagement ring' }}
                                    </label>
                                    <select
                                        class="custom-select form-control search-select  @error('matching_wedding_band') is-invalid @enderror"
                                        name="matching_wedding_band" id="matching_wedding_band">
                                        <option value="" selected>--Select--</option>
                                        @foreach ($wedding_bands as $bands)
                                            <option value="{{ $bands['sama_sku'] }}" {{ old('matching_wedding_band', $obj->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">
                                        <option selected disabled>--select--</option>
                                        @foreach ($product_categories as $product_category)
                                            <option value="{{ $product_category['id'] }}" {{ old('category_id', $obj->category_id) == $product_category['id'] ? 'selected' : '' }}>
                                                {{ $product_category['name'] }}
                                            </option>
                                        @endforeach
                                    </select>
                                </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 " multiple>
                                        <option selected disabled>--select--</option>
                                        @foreach ($product_subcategories as $product_subcategory)
                                            <option value="{{ $product_subcategory['id'] }}" {{ in_array($product_subcategory['id'], explode(',', $obj->subcategory_ids)) ? 'selected' : '' }}>
                                                {{ $product_subcategory['name'] }}
                                            </option>
                                        @endforeach
                                    </select>
                                </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="" {{ $obj->is_newest == '1' ? 'checked' : '' }} 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="" {{ $obj->is_bestseller == '1' ? 'checked' : '' }} 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 mr-3">
                                            <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">
                                            <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', $obj->sort_order) }}">
                                </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 () {
                $('#center_stone_options').select2();
                // Initialize Select2 on subcategory_ids
                $('#subcategory_ids').select2();
                $('.search-select').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
                            $('#subcategory_ids').empty();
                            if (Array.isArray(data)) {
                                data.forEach(function (subcategory) {
                                    var newOption = new Option(subcategory.name, subcategory
                                        .id, false, false);
                                    $('#subcategory_ids').append(newOption).trigger(
                                        'change');
                                });
                                $('#subcategory_ids').trigger('change');
                            } else {
                                console.error('Invalid data format received:',
                                    data);
                            }
                        },
                        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