<div class="col-lg-12">
    <div class="general_wrapper">
        <div class="outline-wrapper">
            <div class="card shadow--card-2 border-0 bg-animate">
                <div class="card-header">
                    <h5 class="card-title">
                        <span class="card-header-icon mr-2">
                            <i class="tio-tune-horizontal"></i>
                        </span>
                        <span> {{ translate('Store_&_Category_Info') }} </span>
                    </h5>
                    @if (isset($openai_config) && data_get($openai_config, 'status') == 1)
                        <button type="button"
                            class="btn bg-white text-primary opacity-1 generate_btn_wrapper p-0 mb-2 general_setup_auto_fill"
                            id="general_setup_auto_fill"
                            data-route="{{ route('admin.product.general-setup-auto-fill') }}"
                            data-error="{{ translate('Please provide an item name and description so the AI can generate a suitable data.') }}"
                            data-restaurant-id=""
                            data-lang="en">
                            <div class="btn-svg-wrapper">
                                <img width="18" height="18" class=""
                                    src="{{ asset('public/assets/admin/img/svg/blink-right-small.svg') }}"
                                    alt="">
                            </div>
                            <span class="ai-text-animation d-none" role="status">
                                {{ translate('Just_a_second') }}
                            </span>
                            <span class="btn-text">{{ translate('Generate') }}</span>
                        </button>
                    @endif

                </div>
                <div class="card-body">
                    <div class="row g-2">
                        @php($column = 4)
                        @if (Auth::guard('admin')->check())
                            <div class="col-sm-6 col-lg-3">

                                <div class="form-group mb-0 error-wrapper">
                                    <label class="input-label" for="store_id">{{ translate('messages.store') }} <span
                                            class="form-label-secondary text-danger" data-toggle="tooltip"
                                            data-placement="right"
                                            data-original-title="{{ translate('messages.Required.') }}"> *
                                        </span><span class="input-label-secondary"></span></label>
                                    <select name="store_id" id="store_id"
                                        title="{{ translate('messages.select_store') }}"
                                        {{ isset(request()->product_gellary) == false ? 'required' : '' }}
                                        data-placeholder="{{ translate('messages.select_store') }}"
                                        class="js-data-example-ajax form-control">
                                        @if (isset($defaultStore) && $defaultStore)
                                            <option value="{{ $defaultStore->id }}" selected="selected">
                                                {{ $defaultStore->name }}</option>
                                        @elseif (isset($product->store) && request()->product_gellary != 1)
                                            <option value="{{ $product->store_id }}" selected="selected">
                                                {{ $product->store->name }}</option>
                                        @endif
                                    </select>
                                </div>


                            </div>
                            @php($column = 3)
                            <div class="col-sm-6 col-lg-{{ $column }}">
                                <div class="form-group mb-0 error-wrapper">
                                    <label class="input-label"
                                        for="exampleFormControlSelect1">{{ translate('messages.category') }}<span
                                            class="form-label-secondary text-danger" data-toggle="tooltip"
                                            data-placement="right"
                                            data-original-title="{{ translate('messages.Required.') }}"> *
                                        </span></label>
                                    <select name="category_id" id="category_id"
                                        data-placeholder="{{ translate('Select_Category') }}"
                                        @if (!Auth::guard('admin')->check()) data-url="{{ url('/') }}/vendor-panel/item/get-categories?parent_id=" data-id="sub-categories" @endif
                                        class="form-control js-data-example-ajax get-request" required>

                                        @if (isset($category))
                                            <option selected value="{{ $category['id'] }}">{{ $category['name'] }}
                                            </option>
                                        @endif
                                    </select>
                                </div>
                            </div>
                        @else
                            <div class="col-sm-6 col-lg-4">
                                <div class="form-group mb-0 error-wrapper">
                                    <label class="input-label"
                                        for="exampleFormControlSelect1">{{ translate('messages.category') }}<span
                                            class="input-label-secondary">*</span></label>
                                    <select name="category_id" id="category_id"
                                        class="form-control js-select2-custom get-request"
                                        data-url="{{ url('/') }}/vendor-panel/item/get-categories?parent_id="
                                        data-id="sub-categories">
                                        <option value="">---{{ translate('messages.select') }}---</option>
                                        @foreach($categories as $category)
                                                <option
                                                    value="{{$category['id']}}" {{ isset($product) && $category->id==$product_category[0]->id ? 'selected' : ''}} >{{$category['name']}}</option>
                                            @endforeach
                                    </select>
                                </div>
                            </div>

                        @endif



                        <div class="col-sm-6 col-lg-{{ $column }}">


                            <div class="form-group mb-0 error-wrapper">
                                <label class="input-label"
                                    for="exampleFormControlSelect1">{{ translate('messages.sub_category') }}<span
                                        class="form-label-secondary" data-toggle="tooltip" data-placement="right"
                                        data-original-title="{{ translate('messages.category_required_warning') }}"><img
                                            src="{{ asset('/public/assets/admin/img/info-circle.svg') }}"
                                            alt="{{ translate('messages.category_required_warning') }}"></span></label>



                                <select name="sub_category_id"
                                    data-placeholder="{{ translate('Select_Sub_Category') }}"
                                    class="js-data-example-ajax form-control" id="sub-categories">
                                    @if (isset($sub_category))
                                        <option value="{{ $sub_category['id'] }}">{{ $sub_category['name'] }}
                                        </option>
                                    @endif
                                </select>
                            </div>


                        </div>

                        @if (Config::get('module.current_module_type') == 'food')
                            <div class="col-sm-6 col-lg-{{ $column }}" id="veg_input">
                                <div class="form-group mb-0 error-wrapper">
                                    <label class="input-label"
                                        for="exampleFormControlInput1">{{ translate('messages.item_type') }} <span
                                            class="form-label-secondary text-danger" data-toggle="tooltip"
                                            data-placement="right"
                                            data-original-title="{{ translate('messages.Required.') }}"> *
                                        </span></label>
                                    <select name="veg" id="veg" class="form-control js-select2-custom"
                                        required>
                                        <option {{ isset($product) && $product->veg == 1 ? 'selected' : '' }}
                                            value="1">{{ translate('messages.veg') }}</option>
                                        <option {{ isset($product) && $product->veg == 0 ? 'selected' : '' }}
                                            value="0">{{ translate('messages.non_veg') }}</option>
                                    </select>
                                </div>
                            </div>
                        @endif




                        @if (Config::get('module.current_module_type') == 'pharmacy')

                            <div class="col-sm-6 col-lg-{{ $column }}" id="condition_input">

                                <div class="form-group mb-0 error-wrapper">
                                    <label class="input-label"
                                        for="condition_id">{{ translate('messages.Suitable_For') }}<span
                                            class="input-label-secondary"></span></label>
                                    <select name="condition_id" id="condition_id"
                                        data-placeholder="{{ translate('messages.Select_Condition') }}"
                                        class="js-data-example-ajax form-control">

                                        @if (isset($product?->pharmacy_item_details?->common_condition_id))
                                            <option value="{{ $product->pharmacy_item_details->common_condition_id }}"
                                                selected="selected">
                                                {{ $product->pharmacy_item_details?->common_condition->name }}</option>
                                        @elseif(isset($temp_product) && $temp_product == 1 && $product->common_condition_id)
                                            <option value="{{ $product->common_condition_id }}" selected="selected">
                                                {{ $product->common_condition->name }}</option>
                                        @endif
                                    </select>
                                </div>
                            </div>
                        @endif

                        @if (Config::get('module.current_module_type') == 'ecommerce')

                            <div class="col-sm-6 col-lg-{{ $column }}" id="brand_input">
                                <div class="form-group mb-0 error-wrapper">
                                    <label class="input-label" for="brand_id">{{ translate('messages.Brand') }}<span
                                            class="input-label-secondary"></span></label>
                                    <select name="brand_id" id="brand_id"
                                        data-placeholder="{{ translate('messages.Select_brand') }}"
                                        class="js-data-example-ajax form-control">
                                        @if (isset($product->ecommerce_item_details?->brand_id))
                                            <option value="{{ $product->ecommerce_item_details->brand_id }}"
                                                selected="selected">
                                                {{ $product->ecommerce_item_details?->brand->name }}</option>
                                        @elseif(isset($temp_product) && $temp_product == 1 && $product->brand_id)
                                            <option value="{{ $product->brand_id }}" selected="selected">
                                                {{ $product->brand->name }}</option>
                                        @endif
                                    </select>
                                </div>
                            </div>

                            <div class="col-sm-6 col-lg-{{ $column }}">
                                <div class="form-group mb-0 error-wrapper">
                                    <label class="input-label" for="item_delivery_charge">
                                        {{ translate('Delivery charge per quantity') }}
                                    </label>
                                    <input type="number" min="0"
                                        step="{{ \App\CentralLogics\Helpers::getDecimalPlaces() }}"
                                        class="form-control" id="item_delivery_charge" name="item_delivery_charge"
                                        value="{{ old('item_delivery_charge', isset($product) ? ($product->item_delivery_charge ?? 0) : 0) }}"
                                        placeholder="{{ translate('Ex: 50') }}">
                                </div>
                            </div>

                            <div class="col-sm-6 col-lg-{{ $column }}">
                                <div class="form-group mb-0 error-wrapper">
                                    <label class="input-label" for="item_packaging_charge">
                                        {{ translate('Packaging charge per quantity') }}
                                    </label>
                                    <input type="number" min="0"
                                        step="{{ \App\CentralLogics\Helpers::getDecimalPlaces() }}"
                                        class="form-control" id="item_packaging_charge" name="item_packaging_charge"
                                        value="{{ old('item_packaging_charge', isset($product) ? ($product->item_packaging_charge ?? 0) : 0) }}"
                                        placeholder="{{ translate('Ex: 20') }}">
                                </div>
                            </div>

                            <div class="col-sm-6 col-lg-{{ $column }}">
                                <div class="form-group mb-0 error-wrapper">
                                    <label class="input-label" for="weight_kg">
                                        {{ translate('Weight (KG)') }}
                                    </label>
                                    <input type="number" min="0.001" step="0.001"
                                        class="form-control" id="weight_kg" name="weight_kg"
                                        value="{{ old('weight_kg', isset($product) ? $product->weight_kg : null) }}"
                                        placeholder="{{ translate('Ex: 1.250') }}">
                                    <small class="text-muted d-block mt-2">
                                        {{ translate('SteadFast courier booking uses the combined order weight from this field.') }}
                                    </small>
                                </div>
                            </div>

                            <div class="col-sm-6 col-lg-{{ $column }}">
                                <div class="form-group mb-0 error-wrapper">
                                    <label class="input-label d-block" for="free_delivery_badge_status">
                                        {{ translate('Free delivery badge') }}
                                    </label>
                                    <input type="hidden" name="free_delivery_badge_status" value="0">
                                    <div class="form-check mb-0">
                                        <input class="form-check-input" type="checkbox" value="1"
                                            id="free_delivery_badge_status" name="free_delivery_badge_status"
                                            {{ old('free_delivery_badge_status', isset($product) ? ($product->free_delivery_badge_status ?? 0) : 0) ? 'checked' : '' }}>
                                        <label class="form-check-label" for="free_delivery_badge_status">
                                            {{ translate('Show a small free delivery badge on the product image') }}
                                        </label>
                                    </div>
                                    <small class="text-muted d-block mt-2">
                                        {{ translate('This only controls the visual badge for this product. Existing amount based free delivery settings remain unchanged.') }}
                                    </small>
                                </div>
                            </div>
                        @endif
                        @if (Config::get('module.current_module_type') != 'food')

                            <div class="col-sm-6 col-lg-{{ $column }}" id="unit_input">
                                <div class="form-group mb-0 error-wrapper">
                                    <label class="input-label text-capitalize"
                                        for="unit">{{ translate('messages.unit') }}</label>
                                    <select name="unit" id="unit"
                                        data-placeholder="{{ translate('messages.select_unit') }}"
                                        class="form-control js-select2-custom">
                                        @foreach (\App\Models\Unit::get(['id', 'unit']) as $unit)
                                            <option value="{{ $unit->id }}"
                                                {{ isset($product) && $unit->id == $product->unit_id ? 'selected' : '' }}>
                                                {{ $unit->unit }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                        @endif




                        @if (Config::get('module.current_module_type') == 'grocery' || Config::get('module.current_module_type') == 'food')
                            @if (isset($temp_product) && $temp_product == 1)
                                @php($product_nutritions = \App\Models\Nutrition::whereIn('id', json_decode($product?->nutrition_ids))->pluck('id'))
                                @php($product_allergies = \App\Models\Allergy::whereIn('id', json_decode($product?->allergy_ids))->pluck('id'))
                            @else
                                @php($product_nutritions = isset($product) ? $product->nutritions->pluck('id') : null)
                                @php($product_allergies = isset($product) ? $product->allergies->pluck('id') : null)
                            @endif

                            <div class="col-sm-6 col-lg-6 error-wrapper" id="nutrition">
                                <label class="input-label" for="">
                                    {{ translate('Nutrition') }}
                                    <span class="input-label-secondary"
                                        title="{{ translate('Specify the necessary keywords relating to energy values for the item and type this content & press enter.') }}"
                                        data-toggle="tooltip">
                                        <i class="tio-info-outined"></i>
                                    </span>
                                </label>
                                <select name="nutritions[]" id="nutritions_input"
                                    class="form-control multiple-select2"
                                    data-placeholder="{{ translate('messages.Type your content and press enter') }}"
                                    multiple>
                                    @php($nutritions = \App\Models\Nutrition::select(['id','nutrition'])->get() ?? [])
                                    @foreach ($nutritions as $nutrition)
                                        <option
                                            {{ $product_nutritions && $product_nutritions->contains($nutrition->id) ? 'selected' : '' }}
                                            value="{{ $nutrition->nutrition }}">{{ $nutrition->nutrition }}</option>
                                    @endforeach
                                </select>
                            </div>


                            <div class="col-sm-6 col-lg-6 error-wrapper" id="allergy">
                                <label class="input-label" for="">
                                    {{ translate('Allegren Ingredients') }}
                                    <span class="input-label-secondary"
                                        title="{{ translate('Specify the ingredients of the item which can make a reaction as an allergen and type this content & press enter.') }}"
                                        data-toggle="tooltip">
                                        <i class="tio-info-outined"></i>
                                    </span>
                                </label>
                                <select name="allergies[]" class="form-control multiple-select2" id="allergy_input"
                                    data-placeholder="{{ translate('messages.Type your content and press enter') }}"
                                    multiple>
                                    @php($allergies = \App\Models\Allergy::select(['id','allergy'])->get() ?? [])

                                    @foreach ($allergies as $allergy)
                                        <option
                                            {{ $product_allergies && $product_allergies->contains($allergy->id) ? 'selected' : '' }}
                                            value="{{ $allergy->allergy }}">{{ $allergy->allergy }}</option>
                                    @endforeach
                                </select>
                            </div>
                        @endif



                        @if (Config::get('module.current_module_type') == 'grocery' || Config::get('module.current_module_type') == 'food')
                            <div class="col-sm-6 col-lg-4 error-wrapper" id="halal">
                                <div class="form-check mb-sm-2 pb-sm-1">
                                    <input class="form-check-input" name="is_halal" type="checkbox" value="1"
                                        id="is_halal"
                                        {{ isset($product) && $product->is_halal == 1 ? 'checked' : (isset($temp_product) && $temp_product == 1 && $product->is_halal == 1 ? 'checked' : '') }}>
                                    <label class="form-check-label" for="is_halal">
                                        {{ translate('messages.Is_It_Halal') }}
                                    </label>
                                </div>
                            </div>
                        @endif
                        @if (Config::get('module.current_module_type') == 'pharmacy')
                            <div class="col-sm-6 col-lg--6 error-wrapper" id="generic_name">
                                <label class="input-label" for="sub-categories">
                                    {{ translate('generic_name') }}
                                    <span class="input-label-secondary"
                                        title="{{ translate('Specify the medicine`s active ingredient that makes it work') }}"
                                        data-toggle="tooltip">
                                        <i class="tio-info-outined"></i>
                                    </span>
                                </label>
                                <div class="dropdown suggestion_dropdown">
                                    <input type="text" id="generic_name_input"
                                        value="{{ (isset($temp_product) && $temp_product == 1 ? \App\Models\GenericName::where('id', json_decode($product?->generic_ids))->first()?->generic_name : isset($product)) ? $product?->generic->pluck('generic_name')->first() : '' }}"
                                        class="form-control" name="generic_name" autocomplete="off">
                                    @php($generic_names = \App\Models\GenericName::select(['id','generic_name'])->get() ?? [])
                                    @if (count($generic_names) > 0)
                                        <div class="dropdown-menu">
                                            @foreach ($generic_names ?? [] as $generic_name)
                                                <div class="dropdown-item">{{ $generic_name->generic_name }}</div>
                                            @endforeach
                                        </div>
                                    @endif
                                </div>
                            </div>

                            <div class="col-sm-6 col-lg-4 error-wrapper" id="basic">
                                <div class="form-check mb-sm-2 pb-sm-1">
                                    <input class="form-check-input" name="basic" type="checkbox" value="1"
                                        id="is_basic_medicine"
                                        {{ isset($product) && $product->pharmacy_item_details?->is_basic == 1 ? 'checked' : (isset($temp_product) && $temp_product == 1 && $product->basic == 1 ? 'checked' : '') }}>
                                    <label class="form-check-label" for="is_basic_medicine">
                                        {{ translate('messages.Is_Basic_Medicine') }}
                                    </label>
                                </div>
                            </div>

                            <div class="col-sm-6 col-lg-4 error-wrapper" id="is_prescription_required">
                                <div class="form-check mb-sm-2 pb-sm-1">
                                    <input class="form-check-input" name="is_prescription_required" type="checkbox"
                                        value="1" id="prescription_required"
                                        {{ isset($product) && $product->pharmacy_item_details?->is_prescription_required == 1 ? 'checked' : (isset($temp_product) && $temp_product == 1 && $product->is_prescription_required == 1 ? 'checked' : '') }}>
                                    <label class="form-check-label" for="prescription_required">
                                        {{ translate('messages.is_prescription_required') }}
                                    </label>
                                </div>
                            </div>
                        @endif
                        @if (Config::get('module.current_module_type') == 'grocery')
                            <div class="col-sm-6 col-lg-4 error-wrapper" id="organic">
                                <div class="form-check mb-sm-2 pb-sm-1">
                                    <input class="form-check-input" name="organic" type="checkbox" value="1"
                                        id="is_organic"
                                        {{ isset($product) && $product->organic == 1 ? 'checked' : '' }}>
                                    <label class="form-check-label" for="is_organic">
                                        {{ translate('messages.is_organic') }}
                                    </label>
                                </div>
                            </div>
                        @endif


                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@if (Config::get('module.current_module_type') == 'food')
    @if (Auth::guard('admin')->check())
        <div class="col-lg-6" id="addon_input">
            <div class="general_wrapper">
                <div class="outline-wrapper">
                    <div class="card shadow--card-2 border-0 bg-animate">
                        <div class="card-header">
                            <h5 class="card-title">
                                <span class="card-header-icon mr-2">
                                    <i class="tio-dashboard-outlined"></i>
                                </span>
                                <span>{{ translate('messages.addon') }}</span>
                            </h5>
                        </div>
                        <div class="card-body error-wrapper">
                            <label class="input-label"
                                for="exampleFormControlSelect1">{{ translate('Select_Add-on') }}<span
                                    class="input-label-secondary" data-toggle="tooltip" data-placement="right"
                                    data-original-title="{{ translate('messages.The_selected_addon’s_will_be_displayed_in_this_food_details') }}"><img
                                        src="{{ asset('/public/assets/admin/img/info-circle.svg') }}"
                                        alt="{{ translate('messages.The_selected_addon’s_will_be_displayed_in_this_food_details') }}"></span></label>
                            <select name="addon_ids[]" class="form-control border js-select2-custom"
                                multiple="multiple" id="add_on">

                            </select>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    @else
        <div class="col-lg-6">
            <div class="general_wrapper">
                <div class="outline-wrapper">
                    <div class="card shadow--card-2 border-0 bg-animate">
                        <div class="card-header">
                            <h5 class="card-title">
                                <span class="card-header-icon"><i class="tio-puzzle"></i></span>
                                <span>{{ translate('addon') }}</span>
                            </h5>
                        </div>
                        <div class="card-body pb-0">
                            <div class="row g-2">
                                <div class="col-12">
                                    <div class="form-group error-wrapper">
                                        <label class="input-label"
                                            for="exampleFormControlSelect1">{{ translate('messages.addon') }}<span
                                                class="input-label-secondary"></span></label>
                                        <select name="addon_ids[]" class="form-control js-select2-custom" id="add_on"
                                            multiple="multiple">
                                            @foreach (\App\Models\AddOn::where('store_id', \App\CentralLogics\Helpers::get_store_id())->orderBy('name')->get() as $addon)
                                                <option value="{{ $addon['id'] }}"
                                                    {{ isset($product) && in_array($addon->id, json_decode($product['add_ons'], true)) ? 'selected' : '' }}>
                                                    {{ $addon['name'] }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    @endif

    <div class="col-lg-6" id="time_input">
        <div class="general_wrapper">
            <div class="outline-wrapper">
                <div class="card shadow--card-2 border-0 bg-animate">
                    <div class="card-header">
                        <h5 class="card-title">
                            <span class="card-header-icon mr-2"><i class="tio-date-range"></i></span>
                            <span>{{ translate('time_schedule') }}</span>
                        </h5>
                    </div>
                    <div class="card-body">
                        <div class="row g-2">
                            <div class="col-sm-6">
                                <div class="form-group mb-0 error-wrapper">
                                    <label class="input-label"
                                        for="exampleFormControlInput1">{{ translate('messages.available_time_starts') }}<span
                                            class="form-label-secondary text-danger" data-toggle="tooltip"
                                            data-placement="right"
                                            data-original-title="{{ translate('messages.Required.') }}">
                                            *
                                        </span></label>
                                    <input type="time" name="available_time_starts"
                                        value="{{ isset($product) ? $product?->available_time_starts : old('available_time_starts') }}"
                                        class="form-control" id="available_time_starts"
                                        placeholder="{{ translate('messages.Ex:_10:30_am') }} " required>
                                </div>
                            </div>
                            <div class="col-sm-6">
                                <div class="form-group mb-0 error-wrapper">
                                    <label class="input-label"
                                        for="exampleFormControlInput1">{{ translate('messages.available_time_ends') }}<span
                                            class="form-label-secondary text-danger" data-toggle="tooltip"
                                            data-placement="right"
                                            data-original-title="{{ translate('messages.Required.') }}">
                                            *
                                        </span></label>
                                    <input type="time" name="available_time_ends" class="form-control"
                                        value="{{ isset($product) ? $product?->available_time_ends : old('available_time_ends') }}"
                                        id="available_time_ends" placeholder="5:45 pm" required>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endif


<div class="col-lg-12">
    <div class="general_wrapper">
        <div class="outline-wrapper">
            <div class="card shadow--card-2 border-0 bg-animate">
                <div class="card-header">
                    <h5 class="card-title">
                        <span class="card-header-icon mr-2"><i class="tio-label"></i></span>
                        <span>{{ translate('Search_Tags') }}</span>
                    </h5>
                </div>
                <div class="card-body">


                    @if (isset($temp_product) && $temp_product == 1)
                        <div class="form-group error-wrapper">
                            @php($tags = \App\Models\Tag::whereIn('id', json_decode($product?->tag_ids))->get('tag'))
                            <input type="text" class="form-control" id="tags" name="tags"
                                placeholder="{{ translate('messages.search_tags') }}"
                                value="@foreach ($tags as $c) {{ $c->tag . ',' }} @endforeach"
                                data-role="tagsinput">
                        </div>
                    @else
                        <div class="form-group error-wrapper">
                            <input type="text" class="form-control" id="tags" name="tags"
                                placeholder="{{ translate('messages.search_tags') }}"
                                @if (isset($product)) value="@foreach ($product->tags as $c) {{ $c->tag . ',' }} @endforeach" @endif
                                data-role="tagsinput">
                        </div>
                    @endif


                </div>
            </div>
        </div>
    </div>
</div>

<div class="col-lg-12">
    <div class="general_wrapper">
        <div class="outline-wrapper">
            <div class="card shadow--card-2 border-0 bg-animate">
                <div class="card-header">
                    <h5 class="card-title">
                        <span class="card-header-icon mr-2"><i class="tio-play-circle-outlined"></i></span>
                        <span>{{ translate('Product Video') }}</span>
                    </h5>
                </div>
                <div class="card-body">
                    <div class="form-group mb-0">
                        <label class="input-label" for="youtube_url">
                            {{ translate('YouTube Video Link') }}
                            <small class="text-muted ml-1">({{ translate('Optional') }})</small>
                        </label>
                        <input type="url" name="youtube_url" id="youtube_url"
                            class="form-control"
                            placeholder="https://www.youtube.com/watch?v=..."
                            value="{{ $product?->youtube_url ?? old('youtube_url') }}">
                        <small class="text-muted">
                            {{ translate('Paste a YouTube video link to show a product demo video on the product details page.') }}
                        </small>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
