@extends('seller/layout')
@section('title')
    {{ labels('admin_labels.combo_products', 'Combo Products') }}
@endsection
@section('content')
    @php
        use App\Models\Product;
        use App\Models\ComboProduct;
        use App\Models\Tax;
        use App\Models\Zone;
        use App\Services\TranslationService;
        use App\Services\MediaService;
    @endphp
    <x-seller.breadcrumb :title="labels('admin_labels.update_product', 'Update Product')" :subtitle="labels('admin_labels.add_products_with_power_and_simplicity', 'Add products with power and simplicity')" :breadcrumbs="[
        ['label' => labels('admin_labels.products', 'Products')],
        ['label' => labels('admin_labels.manage_products', 'Manage Products')],
        ['label' => labels('admin_labels.update_product', 'Update Product')],
    ]" />
    <section class="overview-statistic">
        <div>
            <form action="{{ route('seller.combo_products.update', $data->id) }} }}" class="submit_form"
                enctype="multipart/form-data" method="POST" id="">
                @method('PUT')
                @csrf
                @php

                    use App\Services\StoreService;
                    $store_id = app(StoreService::class)->getStoreId();

                    $deliverable_type = fetchDetails(
                        \App\Models\SellerStore::class,
                        ['seller_id' => $data->seller_id, 'store_id' => $store_id],
                        ['deliverable_type', 'deliverable_zones'],
                    );
                    $deliverable_type = !$deliverable_type->isEmpty() ? $deliverable_type[0] : [];
                @endphp
                @if (isset($data->id))
                    <input type="hidden" name="edit_combo_product_id" value="">
                    <input type="hidden" name="seller_id" value="">
                @endif
                <div class="card p-5">
                    <h6>{{ labels('admin_labels.choose_seller', 'Select Product') }}</h6>
                    <!-- Product Type Select -->
                    <div class="col-md-6 mt-4">
                        <div class="form-group">
                            <label for="product_type" class="form-label">
                                {{ labels('admin_labels.choose_product_type', 'Choose Product Type') }}
                                <span class="text-asterisks text-sm">*</span>
                            </label>
                            <select class="form-control" name="product_type_in_combo" id="product_type" disabled>
                                <option value="physical_product"
                                    {{ $data->product_type == 'physical_product' ? 'selected' : '' }}>
                                    {{ labels('admin_labels.physical_product', 'Physical Product') }}
                                </option>
                                <option value="digital_product"
                                    {{ $data->product_type == 'digital_product' ? 'selected' : '' }}>
                                    {{ labels('admin_labels.digital_product', 'Digital Product') }}
                                </option>
                            </select>
                        </div>
                    </div>
                </div>
        </div>
        <div class="card p-5 mt-4">
            <h6>{{ labels('admin_labels.product_information', 'Product Information') }}</h6>
            <ul class="nav nav-tabs mt-4" id="brandTabs" role="tablist">
                <li class="nav-item" role="presentation">
                    <button class="language-nav-link nav-link active" id="tab-en" data-bs-toggle="tab"
                        data-bs-target="#content-en" type="button" role="tab" aria-controls="content-en"
                        aria-selected="true">
                        {{ labels('admin_labels.default', 'Default') }}
                    </button>
                </li>
                @foreach ($languages as $lang)
                    @if ($lang->code !== 'en')
                        <li class="nav-item" role="presentation">
                            <button class="language-nav-link nav-link" id="tab-{{ $lang->code }}" data-bs-toggle="tab"
                                data-bs-target="#content-{{ $lang->code }}" type="button" role="tab"
                                aria-controls="content-{{ $lang->code }}" aria-selected="false">
                                {{ $lang->language }}
                            </button>
                        </li>
                    @endif
                @endforeach
            </ul>
            <div class="tab-content mt-3" id="UpdatebrandTabsContent">
                <div class="tab-pane fade show active" id="content-en" role="tabpanel" aria-labelledby="tab-en">
                    <div class="row">
                        <div class="mb-3 col-md-6">
                            <label for="brand_name" class="form-label">
                                {{ labels('admin_labels.product_name', 'Product Name') }}
                                <span class="text-asterisks text-sm">*</span>
                            </label>
                            <div class="position-relative">
                                <input type="text" class="form-control" id="pro_input_text" placeholder="Gucci"
                                    name="title" value="{{ isset($data->title) ? json_decode($data->title)->en : '' }}">

                            </div>
                        </div>
                        <div class="mb-3 col-md-6">
                            <div class="d-flex justify-content-between align-items-center">
                                <label for="short_description" class="form-label mb-0">
                                    {{ labels('admin_labels.short_description', 'Short Description') }}
                                    <span class='text-asterisks text-sm'>*</span>
                                </label>
                                <div class="d-flex align-items-center gap-2">
                                    <div class="form-check form-switch">
                                        <input class="form-check-input custom_prompt_toggle" type="checkbox">
                                        <label class="form-check-label small" for="custom_prompt_toggle">Custom
                                            Prompt</label>
                                    </div>
                                    <button type="button"
                                        class="btn btn-sm btn-outline-primary generate_short_description">
                                        Generate with AI
                                    </button>
                                    <div id="prompt_actions" class="d-none">
                                        <button type="button"
                                            class="btn btn-sm btn-outline-secondary get_prompt_suggestions">
                                            Get Prompt Suggestions
                                        </button>
                                    </div>
                                    <button type="button" class="btn btn-secondary btn-sm" data-container="body"
                                        data-bs-toggle="popover" data-bs-placement="top"
                                        data-bs-content="Use AI Assistance :Enter the product name first to generate a description. To improve results, enable the custom prompt option—you can use suggested prompts or write your own.">
                                        How It Works?
                                    </button>
                                </div>
                            </div>
                            <!-- Custom prompt input -->
                            <textarea class="form-control mt-2 d-none custom_prompt" name="custom_prompt"
                                placeholder="Enter your own AI prompt (optional)..."></textarea>
                            <div class="position-relative w-100">
                                <div id="prompt_suggestions" class="list-group position-absolute w-100 z-3 d-none">
                                </div>
                            </div>
                            <textarea class="form-control" id="short_description" placeholder="Product Short Description" name="short_description">{{ isset($data->short_description) ? json_decode($data->short_description)->en : '' }}</textarea>
                        </div>
                    </div>
                </div>
                <!-- Dynamic Language Tabs -->
                @foreach ($languages as $lang)
                    @if ($lang->code !== 'en')
                        <div class="tab-pane fade" id="content-{{ $lang->code }}" role="tabpanel"
                            aria-labelledby="tab-{{ $lang->code }}">
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="mb-3">
                                        <label for="translated_title_{{ $lang->code }}" class="form-label">
                                            {{ labels('admin_labels.product_name', 'Product Name') }}
                                            ({{ $lang->language }})
                                        </label>
                                        <input type="text" class="form-control translated-name-input"
                                            name="translated_product_title[{{ $lang->code }}]"
                                            id="translated_name_{{ $lang->code }}"
                                            value="{{ isset($data->title) ? json_decode($data->title, true)[$lang->code] ?? '' : '' }}"
                                            data-lang="{{ $lang->code }}">
                                    </div>
                                </div>

                                <div class="col-md-6">
                                    <div class="mb-3">
                                        <div class="d-flex justify-content-between align-items-center">
                                            <label class="form-label mb-0">
                                                {{ labels('admin_labels.short_description', 'Short Description') }}
                                                ({{ $lang->language }})
                                            </label>
                                            <div class="d-flex align-items-center gap-2">
                                                <div class="form-check form-switch">
                                                    <input class="form-check-input custom_translated_prompt_toggle"
                                                        type="checkbox" data-lang="{{ $lang->code }}"
                                                        id="custom_translated_prompt_toggle_{{ $lang->code }}">
                                                    <label class="form-check-label small"
                                                        for="custom_translated_prompt_toggle">Custom
                                                        Prompt</label>
                                                </div>
                                                <button type="button"
                                                    class="btn btn-sm btn-outline-primary generate_translated_short_description"
                                                    data-lang="{{ $lang->code }}"
                                                    data-lang-name="{{ $lang->language }}">
                                                    Generate with AI
                                                </button>
                                                <div id="language_prompt_action_{{ $lang->code }}"
                                                    class="language_prompt_action d-none">
                                                    <button type="button"
                                                        class="btn btn-sm btn-outline-secondary get_language_prompt_suggestions">
                                                        Get Prompt Suggestions
                                                    </button>
                                                </div>
                                                <button type="button" class="btn btn-secondary btn-sm"
                                                    data-container="body" data-bs-toggle="popover"
                                                    data-bs-placement="top"
                                                    data-bs-content="Use AI Assistance :Enter the product name first to generate a description. To improve results, enable the custom prompt option—you can use suggested prompts or write your own.">
                                                    How It Works?
                                                </button>
                                            </div>

                                        </div>
                                        <textarea id="language_custom_prompt_{{ $lang->code }}" class="form-control mt-2 d-none custom_translated_prompt"
                                            name="custom_translated_prompt" placeholder="Enter your own AI prompt (optional)..."></textarea>
                                        <div class="position-relative w-100">
                                            <div
                                                class="language_prompt_suggestions list-group position-absolute w-100 z-3 d-none">
                                            </div>
                                        </div>
                                        <textarea class="form-control" id="translated_short_description_{{ $lang->code }}"
                                            placeholder="Product Short Description" name="translated_product_short_description[{{ $lang->code }}]">{{ isset($data->short_description) ? json_decode($data->short_description, true)[$lang->code] ?? '' : '' }}</textarea>
                                    </div>
                                </div>
                            </div>
                        </div>
                    @endif
                @endforeach
            </div>
            <div class="row">
                <div class="col-md-6">
                    <div class="form-group">
                        <label for="tags" class="form-label">{{ labels('admin_labels.tags', 'Tags') }}</label>
                        <input type="text" class="form-control" id="tags" placeholder="dress,milk,almond"
                            name="tags" value="{{ isset($data->tags) && !empty($data->tags) ? $data->tags : '' }}">
                    </div>
                </div>
                {{-- @dd(app(TranslationService::class)->getDynamicTranslation(Product::class, 'name', $product_details[0]['product_id'], $language_code)); --}}
                <div class="col-md-6 physical_product_in_combo">
                    <div
                        class="form-group col-md-12 {{ isset($data->id) && $data->product_type == 'physical_product' ? '' : 'd-none' }}">
                        <div class="mb-3">
                            <label class="form-label"
                                for="name">{{ labels('admin_labels.physical_product', 'Physical Products') }}<span
                                    class='text-asterisks text-sm'>*</span></label>
                            <select name="physical_product_variant_id[]" class="search_admin_product_for_combo w-100"
                                multiple data-placeholder="Type to search and select products" onload="multiselect()">
                                @isset($data->id)
                                    @foreach ($product_details as $row)
                                        <option value="{{ $row['id'] }}" selected>
                                            {{ app(TranslationService::class)->getDynamicTranslation(Product::class, 'name', $row['product_id'], $language_code) }}
                                            @if (!empty($row['variant_name']))
                                                - {{ $row['variant_name'] }}
                                            @endif
                                        </option>
                                    @endforeach
                                @endisset
                            </select>



                        </div>
                    </div>
                    <div
                        class="form-group digital_product_in_combo col-md-6 {{ isset($data->id) && $data->product_type == 'digital_product' ? '' : 'd-none' }}">
                        <div class="mb-3">
                            <label class="form-label"
                                for="name">{{ labels('admin_labels.digital_product', 'Digital Product') }}<span
                                    class='text-asterisks text-sm'>*</span></label>
                            <select id="" name="digital_product_id[]" value=""
                                class="select2 form-select search_admin_digital_product  w-100" multiple>
                                @isset($data->id)
                                    @foreach ($product_details as $row)
                                        <option
                                            value="{{ isset($data->id) && $data->product_type == 'digital_product' ? $row['id'] : '' }}"
                                            selected>
                                            {{ app(TranslationService::class)->getDynamicTranslation(Product::class, 'name', $row['product_id'], $language_code) }}
                                        </option>
                                    @endforeach
                                @endisset
                            </select>
                        </div>
                    </div>
                </div>
            </div>


            <div class="row">

            </div>
            <div class="row">
                <div class="form-group col-md-4">
                    <div class="d-flex justify-content-between align-items-center">
                        <label for="tags"
                            class="form-label">{{ labels('admin_labels.has_similar_product', 'Has Similar Product') }}?</label>
                        <div class="form-check form-switch">
                            <input class="form-check-input has_similar_product" type="checkbox" id=""
                                name="has_similar_product"
                                {{ isset($data->has_similar_product) && $data->has_similar_product == '1' ? 'checked' : '' }}>
                        </div>
                    </div>
                </div>
                <div class="col-md-12 col-xs-12 {{ $data->has_similar_product == '1' ? '' : 'd-none' }}"
                    id='similar_product'>
                    <label for="similar_product"
                        class="form-label">{{ labels('admin_labels.select_products', 'Select Products') }}
                        <span class='text-asterisks text-sm'>*</span></label>
                    <select id="" name="similar_product_id[]" value="" data-update=1
                        data-product_id={{ $data->id }} class="select2 form-select search_seller_combo_product  w-100"
                        multiple>
                        @if (isset($data->id))
                            @foreach ($combo_product_details as $row)
                                <option value="{{ $row['id'] }}" selected>
                                    {{ app(TranslationService::class)->getDynamicTranslation(ComboProduct::class, 'title', $row['id'], $language_code) }}
                                </option>
                            @endforeach
                        @endif
                    </select>
                </div>
                @include('components.product.update_custom_fields', [
                    'productCustomFieldValues' => $productCustomFieldValues,
                    'customFields' => $customFields,
                ])
            </div>
        </div>
        <div class="card p-5 mt-4">
            <h6>{{ labels('admin_labels.product_tax', 'Product Tax') }}</h6>

            <div class="row mt-4">
                <div class="col-md-6">
                    <div class="form-group">
                        @php
                            $taxes = isset($data->tax) && $data->tax != null ? explode(',', $data->tax) : [];
                        @endphp

                        <label for="pro_input_tax"
                            class="form-label">{{ labels('admin_labels.select_tax', 'Select Tax') }}</label>
                        <select name="pro_input_tax[]" class="tax_list form-select w-100" multiple>
                            @php
                                $tax_name = fetchDetails(
                                    \App\Models\Tax::class,
                                    '',
                                    ['title', 'percentage', 'id'],
                                    '',
                                    '',
                                    '',
                                    '',
                                    'id',
                                    $taxes,
                                );
                            @endphp

                            @foreach ($tax_name as $row)
                                <option value="{{ $row->id }}" {{ in_array($row->id, $taxes) ? 'selected' : '' }}>
                                    {{ app(TranslationService::class)->getDynamicTranslation(Tax::class, 'title', $row->id, $language_code) }}({{ $row->percentage }}%)
                                </option>
                            @endforeach
                        </select>

                    </div>
                </div>
                <div class="col-md-6 mt-7">
                    <div class="d-flex justify-content-between">
                        <div>
                            <label for="is_prices_inclusive_tax"
                                class="form-label">{{ labels('admin_labels.tax_includes_in_price', 'Tax Includes In Price') }}</label>
                        </div>
                        <div class="d-flex">
                            <label for="" class="me-6 text-muted">[Enable/Disable]</label>
                            <div class="form-check form-switch">
                                <input class="form-check-input" type="checkbox" id=""
                                    name="is_prices_inclusive_tax"
                                    {{ isset($data->is_prices_inclusive_tax) && $data->is_prices_inclusive_tax == '1' ? 'checked' : '' }}>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="card p-5 mt-4">
            <h6>{{ labels('admin_labels.product_quantity_and_other', 'Product Quantity & Other') }}
            </h6>

            <div class="row mt-4">
                <div class="col-md-6 total_allowed_quantity">
                    <div class="form-group">
                        <label for="total_allowed_quantity"
                            class="form-label">{{ labels('admin_labels.total_allowed_quantity', 'Total Allowed Quantity') }}</label>
                        <input type="number" class="col-md-12 form-control" name="total_allowed_quantity" min=0
                            value="{{ isset($data->total_allowed_quantity) ? $data->total_allowed_quantity : '' }}"
                            placeholder="Total Allowed Quantity">
                    </div>
                </div>
                <div class="col-md-6 minimum_order_quantity">
                    <div class="form-group">
                        <label for="minimum_order_quantity"
                            class="form-label">{{ labels('admin_labels.minimum_order_quantity', 'Minimum Order Quantity') }}</label>
                        <input type="number" class="col-md-12 form-control" name="minimum_order_quantity"
                            min="1"
                            value="{{ isset($data->minimum_order_quantity) ? $data->minimum_order_quantity : '' }}"
                            placeholder="Minimum Order Quantity">
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-6 quantity_step_size">
                    <div class="form-group">
                        <label for="quantity_step_size"
                            class="form-label">{{ labels('admin_labels.quantity_step_size', 'Quantity Step Size') }}</label>
                        <input type="number" class="col-md-12 form-control" name="quantity_step_size" min="1"
                            value="{{ isset($data->quantity_step_size) ? $data->quantity_step_size : '' }}"
                            placeholder="Quantity Step Size">
                    </div>
                </div>
            </div>
        </div>
        <div class="card p-5 mt-4">
            <h6>{{ labels('admin_labels.delivery_and_shipping_setting', 'Delivery And Shipping Setting') }}
            </h6>

            <div class="row mt-4">
                <div class="col-md-6">
                    <div class="form-group">
                        <label for="zipcode"
                            class="form-label">{{ labels('admin_labels.deliverable_type', 'Deliverable Type') }}</label>
                        <select class="form-control form-select" name="deliverable_type" id="deliverable_type">
                            <option value="0" {{ $data->deliverable_type == '0' ? 'selected="selected"' : '' }}>
                                None
                            </option>
                            @if ($deliverable_type->deliverable_type == '2' || $deliverable_type->deliverable_type == '3')
                                <option value="1" class="combo_all_deliverable_type d-none"
                                    {{ $data->deliverable_type == '1' ? 'selected' : '' }}>
                                    All
                                </option>
                            @else
                                <option value="1" class="combo_all_deliverable_type"
                                    {{ $data->deliverable_type == '1' ? 'selected' : '' }}>
                                    All
                                </option>
                            @endif
                            <option value="2" {{ $data->deliverable_type == '2' ? 'selected' : '' }}>
                                Included
                            </option>

                        </select>
                    </div>
                </div>
                @php
                    $zones =
                        isset($data->deliverable_zones) && $data->deliverable_zones != null
                            ? explode(',', $data->deliverable_zones)
                            : [];
                @endphp
                <div class="col-md-6">
                    <div class="form-group">
                        <label for="zipcodes"
                            class="form-label">{{ labels('admin_labels.deliverable_zones', 'Deliverable Zones') }}</label>
                        <select name="deliverable_zones[]" class="search_seller_zone form-select w-100" multiple
                            id="deliverable_zones"
                            {{ isset($data->deliverable_type) && ($data->deliverable_type == 2 || $data->deliverable_type == 3) ? '' : 'disabled' }}>
                            @if (isset($data->deliverable_type) && ($data->deliverable_type == 2 || $data->deliverable_type == 3))
                                @php
                                    $zone_names = fetchDetails(
                                        \App\Models\Zone::class,
                                        '',
                                        ['name', 'id', 'serviceable_city_ids', 'serviceable_zipcode_ids'],
                                        '',
                                        '',
                                        '',
                                        '',
                                        'id',
                                        $zones,
                                    );

                                    foreach ($zone_names as $zone) {
                                        $zone->serviceable_city_names = getCityNamesFromIds(
                                            $zone->serviceable_city_ids,
                                            $language_code,
                                        );
                                        $zone->serviceable_zipcodes = getZipcodesFromIds(
                                            $zone->serviceable_zipcode_ids,
                                        );
                                    }
                                @endphp

                                @foreach ($zone_names as $row)
                                    <option value="{{ $row->id }}"
                                        {{ in_array($row->id, $zones) ? 'selected' : '' }}>
                                        ID - {{ $row->id }} | Name -
                                        {{ app(TranslationService::class)->getDynamicTranslation(Zone::class, 'name', $row->id, $language_code) }}
                                        |
                                        Serviceable Cities:
                                        {{ implode(', ', $row->serviceable_city_names) }} |
                                        Serviceable Zipcodes:
                                        {{ implode(', ', $row->serviceable_zipcodes) }}
                                    </option>
                                @endforeach
                            @endif
                        </select>

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

            <div class="row">
                <div class="col-md-6">
                    <div class="form-group">
                        <label for="shipping_type"
                            class="form-label">{{ labels('admin_labels.for_standard_shipping', 'For Standard Shipping') }}
                            <span class='text-asterisks text-sm'>*</span></label>
                        <select class='form-control form-select shiprocket_type' name="pickup_location"
                            id="pickup_location">
                            <option value=" ">Select Pickup Location</option>
                            @foreach ($shipping_data as $val)
                                @php
                                    $pickup_location =
                                        isset($data->pickup_location) && !empty($data->pickup_location)
                                            ? $data->pickup_location
                                            : '';
                                @endphp
                                <option value="{{ $val->pickup_location }}"
                                    {{ $val->pickup_location == $pickup_location ? 'selected' : '' }}>
                                    {{ $val->pickup_location }}
                                </option>
                            @endforeach
                        </select>

                    </div>
                </div>

                <div class="col-md-6">
                    <div class="form-group">
                        <label for="zipcodes"
                            class="form-label">{{ labels('admin_labels.minimum_free_delivery_order_quantity', 'Minimum Free Delivery Order Quantity') }}</label>
                        <input type="number" class="form-control" min=0
                            value="{{ isset($data->minimum_free_delivery_order_qty) ? $data->minimum_free_delivery_order_qty : '' }}"
                            name="minimum_free_delivery_order_qty">
                    </div>
                </div>

            </div>
            <div class="row">
                <div class="col-md-6">
                    <div class="form-group">
                        <label for="zipcodes"
                            class="form-label">{{ labels('admin_labels.delivery_charges', 'Delivery Charges') }}</label>
                        <input type="number" class="form-control" min=0
                            value="{{ isset($data->delivery_charges) ? $data->delivery_charges : '' }}"
                            name="delivery_charges">
                    </div>
                </div>
                <div class="col-md-6 mt-7">
                    <div class="form-group">
                        <div class="d-flex justify-content-between">
                            <div>
                                <label for="is_cod_allowed"
                                    class="form-label">{{ labels('admin_labels.is_cod_allowed', 'IS COD Allowed') }}?</label>
                            </div>
                            <div class="d-flex">
                                <label for="" class="me-6 text-muted">[Enable/Disable]</label>
                                <div class="form-check form-switch">
                                    <input class="form-check-input" type="checkbox" id="" name="cod_allowed"
                                        {{ isset($data->cod_allowed) && $data->cod_allowed == '1' ? 'checked' : '' }}>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-6 mt-7 ">
                    <div class="form-group">
                        <div class="d-flex justify-content-between">
                            <div>
                                <label for="is_returnable"
                                    class="form-label">{{ labels('admin_labels.is_returnable', 'IS Returnable') }}?</label>
                            </div>
                            <div class="d-flex">
                                <label for="" class="me-6 text-muted form-label">[Enable/Disable]</label>
                                <div class="form-check form-switch">
                                    <input class="form-check-input" type="checkbox" id="" name="is_returnable"
                                        {{ isset($data->is_returnable) && $data->is_returnable == '1' ? 'checked' : '' }}>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-6 mt-7 ">
                    <div class="form-group">
                        <div class="d-flex justify-content-between">
                            <div>
                                <label for="is_cancelable"
                                    class="form-label">{{ labels('admin_labels.is_cancelable', 'IS Cancelable') }}?</label>
                            </div>
                            <div class="d-flex">
                                <label for="" class="me-6 text-muted form-label">[Enable/Disable]</label>
                                <div class="form-check form-switch">
                                    <input class="form-check-input" type="checkbox" id="is_cancelable_checkbox"
                                        name="is_cancelable"
                                        {{ isset($data->is_cancelable) && $data->is_cancelable == '1' ? 'checked' : '' }}>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">

                <div class="col-md-6 mt-7 {{ isset($data->is_cancelable) && $data->is_cancelable == '1' ? '' : 'collapse' }}"
                    id='cancelable_till'>
                    <div class="form-group">
                        <label for="cancelable_till"
                            class="form-label">{{ labels('admin_labels.till_which_status', 'Cancelable Till Which Status') }}?</label>
                        <select class='form-control form-select' name="cancelable_till">
                            <option value='received' {{ $data->cancelable_till == 'received' ? 'selected' : '' }}>
                                Received</option>
                            <option value='processed' {{ $data->cancelable_till == 'processed' ? 'selected' : '' }}>
                                Processed</option>
                            <option value='shipped' {{ $data->cancelable_till == 'shipped' ? 'selected' : '' }}>
                                Shipped</option>
                        </select>

                    </div>
                </div>
                <div class="col-md-6 mt-7 ">
                    <div class="form-group">
                        <div class="d-flex justify-content-between">
                            <div>
                                <label for="is_attachment_required"
                                    class="form-label">{{ labels('admin_labels.is_attachment_required', 'IS Attachment Required') }}?</label>
                            </div>
                            <div class="d-flex">
                                <label for="" class="me-6 text-muted form-label">[Enable/Disable]</label>
                                <div class="form-check form-switch">
                                    <input class="form-check-input" type="checkbox" id="is_attachment_required_checkbox"
                                        name="is_attachment_required"
                                        {{ isset($data->is_attachment_required) && $data->is_attachment_required == '1' ? 'checked' : '' }}>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="card p-5 mt-4">
            <h6>{{ labels('admin_labels.products_additional_info', 'Product Additional Info') }}
            </h6>

            <div class="row mt-4">
                <div class="col-md-12 additional-info existing-additional-settings">
                    <div class="mt-4 col-md-12 additional-info-nav-header d-flex">
                        <div class="col-md-6">
                            <nav class="w-100">
                                <div class="nav nav-tabs" id="product-tab" role="tablist">
                                    <a class="nav-item nav-link active" id="tab-for-general-price" data-bs-toggle="tab"
                                        href="#general-settings" role="tab" aria-controls="general-price"
                                        aria-selected="true">{{ labels('admin_labels.general', 'General') }}</a>
                                    <a class="nav-item nav-link edit-product-attributes" id="tab-for-attributes"
                                        data-bs-toggle="tab" href="#product-attributes" role="tab"
                                        aria-controls="product-attributes"
                                        aria-selected="false">{{ labels('admin_labels.attributes', 'Attributes') }}</a>
                                    <a class="nav-item nav-link d-none" id="tab-for-variations" data-bs-toggle="tab"
                                        href="#product-variants" role="tab" aria-controls="product-variants"
                                        aria-selected="false">{{ labels('admin_labels.variantions', 'Variations') }}</a>
                                </div>
                            </nav>
                        </div>
                        <input type="hidden" name="product_type" value="">
                        <input type="hidden" name="simple_product_stock_status">
                        <input type="hidden" name="variant_stock_level_type">
                        <input type="hidden" name="variant_stock_status">
                        <input type="hidden" id="combo_type" value="combo_product">
                    </div>
                    <div id="attributes_values_json_data" class="d-none">
                        <select class="select_single" data-placeholder="Type to search and select attributes">
                            <option value=""></option>

                            @foreach ($attributes as $attribute)
                                @php
                                    $attribute_data = json_encode($attribute->attribute_values, 1);
                                @endphp
                                <option name='{{ $attribute->name }}' value='{{ $attribute->name }}'
                                    data-values='{{ json_encode($attribute->attribute_values, 1) }}'>
                                    {{ $attribute->name }}
                                </option>
                            @endforeach
                        </select>
                    </div>

                    <div class="tab-content p-3 col-md-12" id="nav-tabContent">
                        <div class="tab-pane fade active show" id="general-settings" role="tabpanel"
                            aria-labelledby="general-settings-tab">

                            <div id="product-general-settings">
                                <div id="general_price_section" class="">
                                    <div class="row">
                                        <div class="col-md-6">

                                            <ul>
                                                <li>
                                                    <h6>{{ labels('admin_labels.price_info', 'Price Info') }}
                                                    </h6>
                                                </li>
                                            </ul>

                                            <div class="col-md-12">
                                                <div class="form-group">
                                                    <label for="simple_price"
                                                        class="col-md-6 form-label">{{ labels('admin_labels.price', 'Price') }}:
                                                        <span class="text-asterisks text-sm">*</span></label>
                                                    <input type="number" name="simple_price"
                                                        class="form-control stock-simple-mustfill-field price"
                                                        min="0.01" step="0.01" value="{{ $data->price }}">
                                                </div>
                                            </div>
                                            <div class="col-md-12">
                                                <div class="form-group">
                                                    <label for="type"
                                                        class="col-md-6 form-label">{{ labels('admin_labels.special_price', 'Special Price') }}
                                                        : <span class="text-asterisks text-sm">*</span></label>
                                                    <input type="number" name="simple_special_price"
                                                        class="form-control discounted_price" min="0"
                                                        step="0.01" value="{{ $data->special_price }}">
                                                </div>
                                            </div>
                                        </div>

                                        <div
                                            class="col-md-6 {{ $data->product_type == 'digital_product' ? 'd-none' : '' }}">
                                            <div class="dimensions " id="product-dimensions">

                                                <ul>
                                                    <li>
                                                        <h6>{{ labels('admin_labels.standard_shipping_weightage', 'Standard shipping weightage') }}
                                                        </h6>
                                                    </li>
                                                </ul>
                                                <div class="row">
                                                    <div class="col-6">
                                                        <div class="form-group">
                                                            <label for="weight"
                                                                class="form-label col-md-12">{{ labels('admin_labels.weight', 'Weight') }}
                                                                <small>(kg)</small>
                                                                <span class='text-asterisks text-xs'>*</span></label>
                                                            <input type="number" class="form-control" name="weight"
                                                                placeholder="Weight" id="weight"
                                                                value="{{ $data->weight }}" step="0.01" min=0>
                                                        </div>
                                                    </div>
                                                    <div class="col-6">
                                                        <div class="form-group">
                                                            <label for="height"
                                                                class="form-label col-md-12">{{ labels('admin_labels.height', 'Height') }}
                                                                <small>(cms)</small></label>
                                                            <input type="number" min=0 class="form-control"
                                                                name="height" placeholder="Height" id="height"
                                                                value="{{ $data->height }}" step="0.01">

                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="row">
                                                    <div class="col-6">
                                                        <div class="form-group">
                                                            <label for="breadth"
                                                                class="form-label col-md-12">{{ labels('admin_labels.bredth', 'Bredth') }}
                                                                <small>(cms)</small>
                                                            </label>
                                                            <input type="number" min=0 class="form-control"
                                                                name="breadth" placeholder="Breadth" id="breadth"
                                                                value="{{ $data->breadth }}" step="0.01">
                                                        </div>
                                                    </div>
                                                    <div class="col-6">
                                                        <div class="form-group">
                                                            <label for="length"
                                                                class="form-label col-md-12">{{ labels('admin_labels.length', 'Length') }}
                                                                <small>(cms)</small>
                                                            </label>
                                                            <input type="number" min=0 class="form-control"
                                                                name="length" placeholder="Length" id="length"
                                                                value="{{ $data->length }}" step="0.01">
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <div
                                        class="form-group  simple_stock_management {{ $data->product_type == 'digital_product' ? 'd-none' : '' }}">
                                        <div class="col">
                                            <input type="checkbox" {{ $data->stock != null ? 'checked' : '' }}
                                                name="simple_stock_management_status"
                                                class="align-middle simple_stock_management_status form-check-input m-0">
                                            <span
                                                class="align-middle">{{ labels('admin_labels.enable_stock_management', 'Enable Stock Management') }}</span>
                                        </div>
                                    </div>
                                </div>
                                <div
                                    class="simple-product-level-stock-management {{ $data->product_type == 'digital_product' ? 'd-none' : '' }} {{ (isset($data->id) && $data->stock_type == null) || $data->product_type == 'digital_product' ? 'collapse' : '' }}">
                                    <div class="row d-flex">
                                        <div class="col col-xs-4 col-md-4">
                                            <div class="form-group">
                                                <label for=""
                                                    class="form-label">{{ labels('admin_labels.sku', 'Sku') }}
                                                    <span class='text-asterisks text-xs'>*</span>:</label>
                                                <input type="text" name="product_sku"
                                                    class="col form-control simple-pro-sku"
                                                    value="{{ isset($data->sku) ? $data->sku : '' }}">
                                            </div>
                                        </div>

                                        <div class="col col-xs-4 col-md-4">
                                            <div class="form-group">
                                                <label for=""
                                                    class="form-label">{{ labels('admin_labels.total_stock', 'Total Stock') }}
                                                    <span class='text-asterisks text-xs'>*</span>:</label>
                                                <input type="number" min="0" name="product_total_stock"
                                                    class="col form-control stock-simple-mustfill-field"
                                                    value="{{ isset($data->stock) ? $data->stock : '' }}">
                                            </div>
                                        </div>

                                        <div class="col col-xs-4 col-md-4">
                                            <div class="form-group">
                                                <label for=""
                                                    class="form-label">{{ labels('admin_labels.stock_status', 'Stock Status') }}
                                                    :</label>
                                                <select type="text"
                                                    class="col form-control form-select stock-simple-mustfill-field"
                                                    name="simple_product_stock_status" id="simple_product_stock_status">
                                                    <option value="1"
                                                        {{ $data->stock_type != null && $data->availability == '1' ? 'selected' : '' }}>
                                                        In Stock
                                                    </option>
                                                    <option value="0"
                                                        {{ $data->stock_type != null && $data->availability == '0' ? 'selected' : '' }}>
                                                        Out Of Stock
                                                    </option>
                                                </select>

                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="form-group collapse simple-product-save">
                                    <div class="col-md-12">
                                        <a href="javascript:void(0);"
                                            class="btn btn-dark save-settings float-end {{ $data->product_type == 'digital_product' ? 'd-none' : '' }}">{{ labels('admin_labels.save_settings', 'Save Settings') }}</a>
                                    </div>
                                </div>
                            </div>
                            <div id="digital_product_setting"
                                class="{{ $data->product_type == 'digital_product' ? '' : 'collapse' }}">
                                <div class="row form-group">
                                    <div class="col-md-6 d-flex">
                                        <label for="download_allowed"
                                            class="col form-label">{{ labels('admin_labels.is_download_allowed', 'IS Download Allowed') }}?</label>
                                        <div class="form-check form-switch">
                                            <input class="form-check-input" type="checkbox" name="download_allowed"
                                                id="download_allowed"
                                                {{ $data->download_allowed != 'null' && $data->download_allowed == 1 ? 'checked' : '' }}>
                                        </div>
                                    </div>
                                    <div class="col-md-6 col-xs-6 {{ isset($data->download_type) ? '' : 'collapse' }}"
                                        id='download_type'>
                                        <label for="download_link_type"
                                            class="col form-label">{{ labels('admin_labels.download_link_type', 'Download Link Type') }}
                                        </label>
                                        <select class='form-control form-select' name="download_link_type"
                                            id="download_link_type">
                                            <option value=''>None</option>
                                            <option value='self_hosted'
                                                {{ isset($data->download_type) && $data->download_type == 'self_hosted' ? 'selected' : '' }}>
                                                Self Hosted
                                            </option>
                                            <option value='add_link'
                                                {{ isset($data->download_type) && $data->download_type == 'add_link' ? 'selected' : '' }}>
                                                Add Link</option>
                                        </select>
                                    </div>
                                    <div class="col-md-6 {{ isset($data->download_type) && $data->download_type == 'add_link' ? '' : 'd-none' }}"
                                        id="digital_link_container">
                                        <label for="video"
                                            class="col form-label ml-1">{{ labels('admin_labels.digital_product_link', 'Digital Product Link') }}
                                            <span class='text-asterisks text-sm'>*</span></label>
                                        <input type="url" class='form-control' name='download_link'
                                            id='download_link'
                                            value="{{ isset($data->download_type) && $data->download_type == 'add_link' ? $data->download_link : '' }}"
                                            placeholder="Paste digital product link or URL here">
                                    </div>

                                    <div class="container-fluid row image-upload-section">
                                    </div>
                                    <div class="form-group {{ isset($data->download_type) && $data->download_type == 'self_hosted' ? '' : 'd-none' }} mt-5"
                                        id="digital_media_container">
                                        <a class="media_link" data-input="pro_input_zip" data-isremovable="0"
                                            data-is-multiple-uploads-allowed="0" data-media_type="archive,document"
                                            data-bs-toggle="modal" data-bs-target="#media-upload-modal"
                                            value="Upload Photo">
                                            <div class="col-md-6 file_upload_box border file_upload_border">
                                                <div class="mt-2">
                                                    <div class="col-md-12  text-center">
                                                        <div>
                                                            <p class="caption text-dark-secondary">
                                                                Choose file for
                                                                product.</p>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </a>
                                        <div class="row mt-3 image-upload-section">
                                            <div
                                                class="bg-white grow image product-image-container rounded shadow text-center m-2">
                                                <div class='image-upload-div'><img class="img-fluid mb-2"
                                                        src={{ asset('/assets/admin/images/doc-file.png') }}
                                                        alt="Product File" title="Product File">
                                                </div>
                                                <input type="hidden" name="pro_input_zip"
                                                    value="{{ $data->download_link }}">
                                            </div>
                                        </div>
                                    </div>

                                    <div class="form-group mt-4">
                                        <div class="col float-end">
                                            <a href="javascript:void(0);"
                                                class="btn btn-dark save-digital-product-settings">{{ labels('admin_labels.save_settings', 'Save Settings') }}</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="tab-pane" id="product-attributes" role="tabpanel"
                            aria-labelledby="product-attributes-tab">
                            <div class="d-flex">
                                <div class="info col-md-6 p-3" id="note">
                                    <div class="col-12 d-flex align-center">
                                        <strong>{{ labels('admin_labels.note', 'Note') }}
                                            :</strong>
                                        <input type="checkbox" checked=""
                                            class="ml-3 my-auto custom-checkbox form-check-input ms-1 me-1" readonly>
                                        <span class="ml-3">check if the attribute is to be
                                            used for variation</span>
                                    </div>
                                </div>
                                <div class="col-md-6 d-flex justify-content-end">
                                    <button type="button" id="add_attributes"
                                        class="btn  btn-primary m-2 btn-xs">{{ labels('admin_labels.add_attributes', 'Add Attributes') }}</button>
                                    <a href="javascript:void(0);" id=""
                                        class="save_attributes btn btn-dark m-2 btn-xs d-none">{{ labels('admin_labels.save_attributes', 'Save Attributes') }}</a>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                            <div id="attributes_process">
                                <div
                                    class="form-group text-center row my-auto p-2 border rounded bg-gray-light col-md-12 no-attributes-added">
                                    <div class="col-md-12 text-center">
                                        {{ labels('admin_labels.no_product_attributes_are_added', 'No Product Attributes Are Added') }}!
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="tab-pane fade" id="product-variants" role="tabpanel"
                            aria-labelledby="product-variants-tab">
                            <div class="col-md-12">
                                <a href="javascript:void(0);" id="reset_variants"
                                    class="btn btn-block btn-outline-primary col-md-2 float-right m-2 btn-sm collapse">{{ labels('admin_labels.reset_variants', 'Reset Variants') }}</a>
                            </div>

                            <div class="clearfix"></div>
                            <div
                                class="form-group text-center row my-auto p-2 border rounded bg-gray-light col-md-12 no-variants-added">
                                <div class="col-md-12 text-center">
                                    {{ labels('admin_labels.no_product_variations_added', 'No Product Variations Added') }}!
                                </div>
                            </div>
                            <div id="variants_process" class="ui-sortable">
                                <div class="form-group move p-2 pe-0 product-variant-selectbox ps-0 pt-3 rounded row">
                                    <div class="col-1 text-center my-auto">
                                        <i class="fas fa-sort"></i>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="card p-5 mt-md-4">
            <h6>{{ labels('admin_labels.product_media', 'Product Media') }}
                ({{ labels('admin_labels.images', 'Images') }})</h6>

            <div class="row mt-4">
                {{-- Main Image --}}
                <div class="col-md-6">
                    <label class="form-label">
                        {{ labels('admin_labels.main_image', 'Main Image') }}
                        <span class="text-asterisks text-sm">*</span>
                    </label>
                    <div class="form-group">
                        <a class="media_link" data-input="image" data-isremovable="0"
                            data-is-multiple-uploads-allowed="0" data-bs-toggle="modal"
                            data-bs-target="#media-upload-modal" value="Upload Photo">

                            <div class="file_upload_box border file_upload_border">
                                <div class="mt-2 text-center">
                                    <p class="caption text-dark-secondary">Choose image for product.</p>
                                </div>
                            </div>
                        </a>

                        {{-- Show current main image if available --}}
                        @if (isset($data->id) && !empty($data->id))
                            <div class="row image-upload-section mt-3">
                                <label class="text-danger">*Only Choose When Update is necessary</label>
                                <div class="col-12 shadow p-3 mb-3 bg-white rounded text-center image">
                                    <div class='image-upload-div'>
                                        <img class="img-fluid mb-2"
                                            src="{{ route('admin.dynamic_image', ['url' => app(MediaService::class)->getMediaImageUrl($data->image), 'width' => 150, 'quality' => 90]) }}"
                                            alt="Not Found" />
                                    </div>
                                    <input type="hidden" name="image" value="{{ $data->image }}">
                                </div>
                            </div>
                        @endif
                    </div>
                </div>

                {{-- Other Images --}}
                <div class="col-md-6">
                    <label class="form-label">{{ labels('admin_labels.other_images', 'Other Images') }}</label>
                    <div class="form-group">
                        <a class="media_link" data-input="other_images[]" data-isremovable="1"
                            data-is-multiple-uploads-allowed="1" data-bs-toggle="modal"
                            data-bs-target="#media-upload-modal" value="Upload Photo">

                            <div class="file_upload_box border file_upload_border">
                                <div class="mt-2 text-center">
                                    <p class="caption text-dark-secondary">Choose images for product.</p>
                                </div>
                            </div>
                        </a>
                        <p class="image_recommendation mt-2">(Recommended Size: 180 x 180 pixels)</p>

                        {{-- Show existing other images --}}
                        <div class="row image-upload-section">
                            @php $other_images = json_decode($data->other_images); @endphp
                            @if (!empty($other_images))
                                @foreach ($other_images as $row)
                                    <div class="col-md-6 col-sm-12 shadow p-3 mb-3 bg-white rounded text-center image">
                                        <div class='image-upload-div'>
                                            <img class="img-fluid mb-2"
                                                src="{{ route('admin.dynamic_image', ['url' => app(MediaService::class)->getMediaImageUrl($row), 'width' => 150, 'quality' => 90]) }}"
                                                alt="Not Found" />
                                        </div>
                                        <a href="javascript:void(0)" class="delete-img m-2"
                                            data-id="{{ $data->id }}" data-field="other_images"
                                            data-img="{{ $row }}" data-table="combo_products"
                                            data-path="{{ $row }}" data-isjson="true">
                                            <span class="btn btn-block bg-gradient-danger btn-xs">
                                                <i class="far fa-trash-alt "></i> Delete
                                            </span>
                                        </a>
                                        <input type="hidden" name="other_images[]" value="{{ $row }}">
                                    </div>
                                @endforeach
                            @endif
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="card p-5 mt-4">
            <h6>{{ labels('admin_labels.product_description', 'Product Description') }}</h6>

            <div class="row mt-4">
                <div class="col-md-12">
                    <div class="d-flex justify-content-between align-items-center mb-1">
                        <label class="form-label mb-0">{{ labels('admin_labels.description', 'Description') }}</label>
                        <div class="d-flex align-items-center gap-2">
                            <div class="form-check form-switch">
                                <input class="form-check-input custom_description_prompt_toggle" type="checkbox">
                                <label class="form-check-label small" for="custom_description_prompt_toggle">Custom
                                    Prompt</label>
                            </div>
                            <button type="button" class="btn btn-sm btn-outline-primary generate_description">
                                Generate with AI
                            </button>
                            <button type="button" class="btn btn-secondary btn-sm" data-container="body"
                                data-bs-toggle="popover" data-bs-placement="top"
                                data-bs-content="Enter the product name first to generate a description. To improve results, enable the custom prompt option—you can write your own.">
                                How It Works?
                            </button>
                        </div>

                    </div>
                    <textarea class="form-control mt-2 d-none mb-2 custom_description_prompt" name="custom_description_prompt"
                        placeholder="Enter your own AI prompt (optional)..."></textarea>
                    <textarea name="description" id="pro_input_description" class="form-control addr_editor"
                        placeholder="Place some text here">{{ isset($data->description) ? $data->description : '' }}</textarea>
                </div>
            </div>
        </div>
        <div class="float-end ml-2 mt-xxl-3 mt-7 text-center">
            <button type="submit"
                class="btn btn-primary submit_button">{{ labels('admin_labels.submit', 'Submit') }}</button>
        </div>
        </form>
    </section>
@endsection