@extends('admin::layouts.master')

@push('styles')
@endpush

@section('content')
    <div class="aiz-titlebar text-left mt-2 mb-3">
        <h5 class="mb-0 h6">{{ translate('Edit Product') }}</h5>
    </div>
    <form class="p-4" action="{{ route('admin.country-products.update', $product->id) }}" method="POST" id="product_form">
        @if (count($errors) > 0)
            <div class="alert alert-danger alert-dismissible fade show" role="alert">
                <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
                <ul class="p-0 m-0" style="list-style: none;">
                    @foreach ($errors->all() as $error)
                        <li>{{ $error }}</li>
                    @endforeach
                </ul>
            </div>
        @endif

        <div style="display:none;" class="alert alert-danger alert-dismissible fade show print-error-msg" role="alert">
            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                <span aria-hidden="true">&times;</span>
            </button>
            <ul class="p-0 m-0" style="list-style: none;">
            </ul>
        </div>

        <ul class="nav nav-tabs nav-fill border-light">
            @foreach (\Modules\Language\Entities\Language::with('productCountry.languages')->whereHas('productCountry.languages', function ($query) {
                $query->where('status', 1);
            })->get() as $key => $language)
                <li class="nav-item">
                    <a data-lang="{{ strtolower($language->code) }}" data-form="product_form"
                        class="navigate-tab nav-link text-reset @if (strtolower($language->code) == "$langCode") active @else bg-soft-dark border-light border-left-0 @endif py-3"
                        href="{{ route('admin.country-products.edit', [$product->id, 'lang_code' => strtolower($language->code)]) }}">
                        <img src="{{ staticAsset('assets/img/language_icons/' . strtolower($language->code) . '.svg') }}"
                            height="15" class="mr-1">
                        <span>{{ $language->name }}</span>
                    </a>
                </li>
            @endforeach
        </ul>
        <div class="row gutters-5">

            <div class="col-lg">
                <div class="card">
                    <div class="card-header">
                        <h5 class="mb-0 h6">{{ translate('Product Information') }}</h5>
                    </div>
                    <div class="card-body">
                        <input type="hidden" name="lang_code" value="{{ $langCode }}">
                        <input type="hidden" id="product_id" name="product_id" value="{{ $product->id }}">
                        @csrf

                        <div class="form-group row">
                            <label class="col-sm-3 col-from-label" for="name">{{ translate('Name') }} <i
                                    class="las la-language text-danger"
                                    title="{{ translate('Translatable') }}"></i></label>
                            <div class="col-sm-8">
                                <input type="text" placeholder="{{ translate('Name') }}" id="name" readonly
                                    name="name[{{ $langCode }}]" class="form-control" required
                                    value="{{ $product->getTranslation('name', $langCode, true) }}">
                            </div>
                        </div>

                        <div class="form-group row">
                            <label class="col-sm-3 col-from-label">{{ translate('Unit') }}</label>
                            <div class="col-sm-8">
                                <input type="text" class="form-control" name="unit"
                                    placeholder="{{ translate('Unit (Pc/Kg/L)') }}" value="{{ $product->unit }}" readonly>
                            </div>
                        </div>
                        <div class="form-group row">
                            <label class="col-md-3 col-from-label">Minimum Purchase Qty <span
                                    class="text-danger">*</span></label>
                            <div class="col-md-8">
                                <input type="number" class="form-control" name="min_qty" min="1" required=""
                                    value="{{ $product->productCountry->min_qty }}">
                                <small class="text-muted">Customer need to purchase this minimum quantity for this product.
                                    Minimum should be 1.</small>
                            </div>
                        </div>
                        <div class="form-group row">
                            <label class="col-md-3 col-from-label">Maximum Purchase Qty</label>
                            <div class="col-md-8">
                                <input type="number" class="form-control" name="max_qty"
                                    value="{{ $product->productCountry->max_qty }}">
                                <small class="text-muted">Customer will be able to purchase this maximum quantity for this
                                    product. Default 0 for unlimited.</small>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="card">
                    <div class="card-header">
                        <h5 class="mb-0 h6">{{ translate('Product Images') }}</h5>
                    </div>
                    <div class="card-body">
                        <div class="form-group row">
                            <label class="col-md-3 col-form-label" for="signinSrEmail">{{ translate('Thumbnail Image') }}
                                <small>(300x300)</small></label>
                            <div class="col-md-8">
                                <div class="input-group" data-toggle="aizuploader" data-type="image" data-mu>

                                    <input type="hidden" name="thumbnail" value="{{ $product->thumbnail }}"
                                        class="selected-files">
                                </div>
                                <div class="file-preview box sm">
                                </div>
                                <small
                                    class="text-muted">{{ translate('This image is visible in all product box. Use 300x300 sizes image. Keep some blank space around the main object of your image as we had to crop some edge in different devices to make it responsive.') }}</small>
                            </div>
                        </div>

                        <div class="form-group row">
                            <label class="col-md-3 col-form-label"
                                for="signinSrEmail">{{ translate('Gallery Images') }}<small>(600x600)</small></label>
                            <div class="col-md-8">
                                <div class="input-group" data-toggle="aizuploader" data-type="image"
                                    data-multiple="true">

                                    <input type="hidden" name="gallery" value="{{ $product->gallery }}"
                                        class="selected-files">
                                </div>
                                <div class="file-preview box sm">
                                </div>
                                <small
                                    class="text-muted">{{ translate("These images are visible in the product details page gallery. Use 600x600 or higher sizes images for better quality. But try to keep file size low as it'll increase page load time.") }}</small>
                            </div>
                        </div>
                        <div class="form-group row">
                            <label class="col-md-3 col-form-label" for="signinSrEmail">Size Chart
                                <small>(300x300)</small></label>
                            <div class="col-md-8">
                                <div class="input-group" data-toggle="aizuploader" data-type="image" data-mu>
                                    <div class="input-group-prepend">
                                        <div class="input-group-text bg-soft-secondary font-weight-medium">
                                            Browse</div>
                                    </div>
                                    <div class="form-control file-amount">Choose file</div>
                                    <input type="hidden" name="size_chart_upload_id" class="selected-files"
                                        value="{{ $product->productCountry->size_chart_upload_id }}">
                                </div>
                                <div class="file-preview box sm">
                                </div>
                                <small class="text-muted">This image is visible in all product box. Use 300x300 sizes
                                    image. Keep some blank space around the main object of your image as we had to crop some
                                    edge in different devices to make it responsive.</small>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- price and stock -->
                <div class="card">
                    <div class="card-header">
                        <h5 class="mb-0 h6">{{ translate('Product price, stock') }}</h5>
                        <div class="d-flex mt-2">
                            <label class="mb-0 mr-3 ml-0">{{ translate('Variant Product') }}</label>
                            <label class="aiz-switch aiz-switch-success mb-0">
                                <input type="checkbox" name="is_variant" class="variant-check-box"
                                    onchange="is_variant_product(this)" @if ($product->productCountry->is_variant) checked @endif>
                                <span></span>
                                <input type="hidden" id="is_variant_hidden" name="is_variant"
                                    value="{{ $product->productCountry->is_variant ? '1' : '0' }}">

                            </label>
                        </div>
                    </div>
                    <div class="card-body">

                        <div class="no_product_variant" @if ($product->productCountry->is_variant) style="display:none;" @endif>

                            <div class="form-group row">
                                <label class="col-md-3 col-from-label">{{ translate('MRP Price') }} <span
                                        class="text-danger">*</span></label>
                                <div class="col-md-8">
                                    <input type="number" step="0.01" min="0"
                                        value="{{ $product->productCountry->mrp_price }}"
                                        placeholder="{{ translate('MRP Price') }}" name="mrp_price"
                                        class="form-control mrp-price">
                                </div>
                            </div>



                            <div class="form-group row">
                                <label class="col-md-3 col-from-label">{{ translate('SKU') }}</label>
                                <div class="col-md-8">
                                    <input type="text" placeholder="{{ translate('SKU') }}"
                                        value="{{ $product->productCountry->sku }}" name="sku" class="form-control">
                                </div>
                            </div>
                            <div class="form-group row">
                                <label class="col-md-3 col-from-label">{{ translate('Stock') }} <span
                                        class="text-danger">*</span></label>
                                <div class="col-md-8">
                                    <select class="form-control aiz-selectpicker" name="stock"
                                        data-selected="{{ $product->productCountry->stock }}">
                                        <option value="1">{{ translate('In stock') }}</option>
                                        <option value="0">{{ translate('Out of stock') }}</option>
                                    </select>
                                </div>
                            </div>


                            <div class="form-group row">
                                <label class="col-md-3 col-from-label">{{ translate('Number of Stock') }} <span
                                        class="text-danger">*</span></label>
                                <div class="col-md-8">
                                    <input type="number" placeholder="{{ translate('Number of stock') }}"
                                        name="number_of_stock" value="{{ $product->productCountry->number_of_stock }}"
                                        class="form-control" id="number_of_stock"
                                        onFocus="init_product_stock_update_non_variant(this)">
                                </div>
                            </div>

                            <div class="form-group row">
                                <label class="col-md-3 col-from-label">{{ translate('Stock Alert Quantity') }} <span
                                        class="text-danger">*</span></label>
                                <div class="col-md-8">
                                    <input type="number" placeholder="{{ translate('Number of stock') }}"
                                        name="stock_alert_qty" value="{{ $product->productCountry->stock_alert_qty }}"
                                        class="form-control" id="stock_alert_qty">
                                </div>
                            </div>



                        </div>
                        {{-- Product Varients --}}

                        @if ($productVariation->combinations == null)
                            <div class="has_product_variant" style="display: none">
                                <div class="alert alert-info">
                                    {{ translate('Select an option for this product and then select choices of each option. Max 3 options') }}
                                </div>

                                <div class="customer_choice_options">
                                    <div class="form-group row gutters-10 ">
                                        <div class="col-xxl-3 col-xl-4 col-md-5 attr-names">
                                            <select class="form-control aiz-selectpicker" name="product_options[]"
                                                onchange="get_option_choices(this)" data-live-search="true"
                                                title="{{ translate('Select an option') }}">
                                                @foreach ($attributes as $key => $attribute)
                                                    <option value="{{ $attribute->id }}">
                                                        {{ $attribute->getTranslation('name', $langCode, true) }}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                        <div class="col attr-values">
                                            <div class="form-control">
                                                <span>{{ translate('Select an option') }}</span>
                                            </div>
                                        </div>
                                        <div class="col-auto">
                                            <button type="button" class="btn btn-icon btn-soft-secondary"
                                                onclick="add_new_option()">
                                                <i class=" la-plus las opacity-70"></i>
                                            </button>
                                        </div>
                                    </div>
                                </div>
                                <div class="sku_combination" id="sku_combination">

                                </div>
                            </div>
                        @else
                            <div class="has_product_variant"
                                @if (!$product->productCountry->is_variant) style="display:none;" @endif>
                                <div class="alert alert-info">
                                    {{ translate('Select an option for this product and then select choices of each option. Max 3 options') }}
                                </div>

                                <div class="customer_choice_options">

                                    @forelse (generate_variation_options($product->productCountry->variationCombinations, $langCode) as $key => $combination)
                                        <div class="form-group row gutters-10 ">
                                            <div class="col-xxl-3 col-xl-4 col-md-5 attr-names">
                                                <select class="form-control aiz-selectpicker" name="product_options[]"
                                                    onchange="get_option_choices(this)" data-live-search="true"
                                                    title="{{ translate('Select an option') }}"
                                                    data-selected="{{ $combination['id'] }}">
                                                    @foreach ($attributes as $attribute)
                                                        <option value="{{ $attribute->id }}">
                                                            {{ $attribute->getTranslation('name', $langCode, true) }}
                                                        </option>
                                                    @endforeach
                                                </select>
                                            </div>
                                            <div class="col attr-values">
                                                @php
                                                    $attribute_values = Modules\Attribute\Entities\AttributeValue::where(
                                                        'attribute_id',
                                                        $combination['id'],
                                                    )->get();
                                                    $old_val = array_map(function ($val) {
                                                        return $val['id'];
                                                    }, $combination['values']);
                                                @endphp
                                                <select class="form-control aiz-selectpicker"
                                                    name="option_{{ $combination['id'] }}_choices[]" multiple
                                                    data-live-search="true" onchange="update_sku()"
                                                    data-selected="{{ json_encode($old_val) }}">
                                                    @foreach ($attribute_values as $attribute_value)
                                                        <option value="{{ $attribute_value->id }}">
                                                            {{ $attribute_value->getTranslation('attribute_value', $langCode, true) }}
                                                        </option>
                                                    @endforeach
                                                </select>
                                            </div>
                                            @if ($key == 0)
                                                <div class="col-auto">
                                                    <button type="button" class="btn btn-icon btn-soft-secondary"
                                                        onclick="add_new_option()">
                                                        <i class="la-plus las opacity-70"></i>
                                                    </button>
                                                </div>
                                            @else
                                                <div class="col-auto">
                                                    <button type="button" data-toggle="remove-parent"
                                                        class="btn btn-icon p-0" data-parent=".row"
                                                        onclick="update_sku()">
                                                        <i class="la-2x la-trash las opacity-70"></i>
                                                    </button>
                                                </div>
                                            @endif
                                        </div>
                                    @empty
                                        <div class="form-group row gutters-10 ">
                                            <div class="col-xxl-3 col-xl-4 col-md-5 attr-names">
                                                <select class="form-control aiz-selectpicker" name="product_options[]"
                                                    onchange="get_option_choices(this)" data-live-search="true"
                                                    title="{{ translate('Select an option') }}">
                                                    @foreach ($attributes as $key => $attribute)
                                                        <option value="{{ $attribute->id }}">
                                                            {{ $attribute->getTranslation('name', $langCode, true) }}
                                                        </option>
                                                    @endforeach
                                                </select>
                                            </div>
                                            <div class="col attr-values">
                                                <div class="form-control">
                                                    <span>{{ translate('Select an option') }}</span>
                                                </div>
                                            </div>
                                            <div class="col-auto">
                                                <button type="button" class="btn btn-icon btn-soft-secondary"
                                                    onclick="add_new_option()">
                                                    <i class=" la-plus las opacity-70"></i>
                                                </button>
                                            </div>
                                        </div>
                                    @endforelse

                                </div>
                                <div class="sku_combination" id="sku_combination">
                                    @if ($product->productCountry->is_variant)
                                        @include('product::partials.sku_combinations_edit', [
                                            'variations' => $product->productCountry->productVariations,
                                        ])
                                    @endif
                                </div>
                            </div>
                        @endif
                    </div>
                </div>
                {{-- Product Discountzz --}}
                <div class="card">
                    <div class="card-header">
                        <h5 class="mb-0 h6">{{ translate('Product Discount') }}</h5>
                    </div>
                    <div class="card-body">
                        {{-- @php
                            if ($product->productCountry->discount_start_date != '') {
                                $startDate = date(
                                    'd-m-Y H:i:s',
                                    strtotime($product->productCountry->discount_start_date),
                                );
                                $endDate = date('d-m-Y H:i:s', strtotime($product->productCountry->discount_end_date));
                                $discountDate = $startDate . ' to ' . $endDate;
                            } else {
                                $discountDate = '';
                            }
                        @endphp
                        <div class="form-group row">
                            <label class="col-sm-3 control-label"
                                for="start_date">{{ translate('Discount Date Range') }}</label>
                            <div class="col-sm-8">
                                <input type="text" class="form-control aiz-date-range" name="date_range"
                                    placeholder="Select Date" data-time-picker="true" data-format="DD-MM-Y HH:mm:ss"
                                    data-separator=" to " value="{{ $discountDate }}" autocomplete="off">
                            </div>
                        </div> --}}
                        @if (!$product->productCountry->is_variant)
                            <div class="form-group row">
                                <label class="col-md-3 col-from-label">{{ translate('Discount(%)') }} </label>
                                <div class="col-md-8">
                                    <input type="text" lang="en" min="0" 
                                        value="{{ $product->productCountry->discount }}" 
                                        placeholder="{{ translate('Discount') }}" name="discount"
                                        class="form-control discount-percentage">
                                </div>
                            </div>

                            <div class="form-group row">
                                <label class="col-md-3 col-from-label">{{ translate('Offer Price') }} </label>
                                <div class="col-md-8">
                                    <input type="text"  min="0" readonly
                                        placeholder="{{ translate('Offer Price') }}" name="offer_price"
                                        class="form-control regular-price offer-price">
                                </div>
                            </div>
                        @endif

                        @if ($product->productCountry->is_variant)
                            <div class="form-group row">
                                <label class="col-md-3 col-from-label">{{ translate('Discount(%)') }} </label>
                                <div class="col-md-8">
                                    <input type="number" lang="en" min="0"
                                        value="{{ $product->productCountry->discount }}" step="0.01"
                                        placeholder="{{ translate('Discount') }}" name="discount"
                                        class="form-control discount-percentage-variant">
                                </div>
                            </div>
                        @endif

                    </div>
                </div>


                <div class="card">
                    <div class="card-header">
                        <h5 class="mb-0 h6">{{ translate('Product Description') }}</h5>
                    </div>
                    <div class="card-body">
                        <div class="form-group row">
                            <label class="col-sm-3 col-from-label">{{ translate('Description') }} <i
                                    class="las la-language text-danger" title="Translatable"></i></label>
                            <div class="col-sm-8">
                                <textarea class="form-control aiz-text-editor" rows="5" id="richTextDesc"
                                    name="description[{{ $langCode }}]" contenteditable="false">{{ $product->getTranslation('description', $langCode, true) }}</textarea>
                            </div>
                        </div>
                    </div>
                </div>


                <div class="card">
                    <div class="card-header">
                        <h5 class="mb-0 h6">{{ translate('Product Attributes') }}</h5>
                    </div>
                    <div class="card-body">
                        <div class="alert alert-info">
                            {{ translate('These attributes will be used only for filtering.') }}</div>
                        <div class="all-attributes">
                            @foreach ($product->attributes as $productAttribute)
                                <div class="form-group row gutters-10">
                                    <div class="col-xxl-3 col-xl-4 col-md-5 attr-names">
                                        <select class="form-control aiz-selectpicker" name="product_attributes[]"
                                            onchange="get_attributes_values(this)"
                                            data-selected="{{ $productAttribute->id }}" data-live-search="true" readonly>
                                            <option value="">{{ translate('Select an attribute') }}</option>
                                            @foreach (\Modules\Attribute\Entities\Attribute::active()->get() as $key => $attribute)
                                                <option value="{{ $attribute->id }}">
                                                    {{ $attribute->name }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                    <div class="col attr-values">
                                        @php
                                            $attributeValues = \Modules\Attribute\Entities\AttributeValue::where(
                                                'attribute_id',
                                                $productAttribute->id,
                                            )->get();
                                        @endphp
                                        <select class="form-control aiz-selectpicker"
                                            name="attribute_values[{{ $productAttribute->id }}][]"
                                            data-selected="{{ $product->attributeValues->where('attribute_id', $productAttribute->id)->pluck('id') }}"
                                            multiple data-live-search="true" disabled>
                                            @foreach ($attributeValues as $key => $attributeValue)
                                                <option value="{{ $attributeValue->id }}">
                                                    {{ $attributeValue->attribute_value }}</option>
                                            @endforeach
                                        </select>
                                    </div>

                                </div>
                            @endforeach
                        </div>
                    </div>
                </div>
            </div>
            <div class="col col-lg-auto w-lg-300px w-xxl-400px">
                <div class="card">
                    <div class="card-header">
                        <h5 class="mb-0 h6">{{ translate('Product Status') }}</h5>
                    </div>
                    <div class="card-body ">
                        <div class="form-group row">

                            <select class="form-control aiz-selectpicker" name="status">
                                <option value="0" {{ $product->productCountry->status == 0 ? 'selected' : '' }}>
                                    {{ translate('Draft') }}</option>
                                <option value="1" {{ $product->productCountry->status == 1 ? 'selected' : '' }}>
                                    {{ translate('Published') }}</option>
                            </select>
                        </div>
                    </div>
                </div>

                <div class="card">
                    <div class="card-header">
                        <h5 class="mb-0 h6">{{ translate('Delivery Days') }}</h5>
                    </div>
                    <div class="card-body ">
                        <input type="text" class="form-control" placeholder="days" name="delivery_days"
                            value="{{ $product->productCountry->delivery_days }}"
                            oninput="validateNumberInputNoDecimal(this)">
                    </div>
                </div>

                <div class="card">
                    <div class="card-header">
                        <h5 class="mb-0 h6">{{ translate('Product Category') }}</h5>
                    </div>
                    <div class="card-body ">
                        <div class="h-300px overflow-auto c-scrollbar-light">
                            <ul class="list-unstyled">
                                @foreach (\Modules\Category\Entities\Category::activeParent()->with('childrenRecursive')->active()->get() as $category)
                                    <li>
                                        <label class="aiz-checkbox">
                                            <input type="checkbox" value="{{ $category->id }}" disabled
                                                name="category_ids[]" @if (in_array($category->id, $product->categories->pluck('id')->toArray())) checked @endif>
                                            <span class="aiz-square-check"></span>
                                            <span>{{ $category->name }}</span>
                                        </label>
                                        @if (count($category->childrenRecursive) > 0)
                                            @include('product::partials.child_category_edit', [
                                                'recursiveChildren' => $category->childrenRecursive,
                                            ])
                                        @endif
                                    </li>
                                @endforeach
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="card">
                    <div class="card-header">
                        <h5 class="mb-0 h6">{{ translate('Search Tags') }}</h5>
                    </div>
                    <div class="card-body ">
                        @foreach (\Modules\SearchTag\Entities\SearchTag::whereIn('id', $product->tags->pluck('id'))->get() as $tags)
                            <span class="badge badge-inline badge-md bg-soft-dark mb-1">
                                {{ $tags->name }}
                            </span>
                        @endforeach
                        <br>
                        <small class="text-muted">{{ translate('These will be used for product search.') }}</small>
                    </div>
                </div>
                <div class="card">
                    <div class="card-header">
                        <h5 class="mb-0 h6">{{ translate('VAT & Tax') }}</h5>
                    </div>
                    <div class="card-body ">
                        @php
                            $taxes = \Modules\Tax\Entities\Tax::active()
                                ->where('country_id', auth()->user()->country_id)
                                ->get();
                        @endphp
                        @php
                            // dd($product->productcountry->productTax);
                        @endphp
                        <select class="form-control aiz-selectpicker" name="tax_id[]"
                            data-selected="{{ $product->productcountry->productTax->pluck('id') }}" multiple
                            data-live-search="true">
                            @foreach ($taxes as $key => $tax)
                                <option value="{{ $tax->id }}">
                                    {{ $tax->tax_label }}({{ $tax->percentage }}%)</option>
                            @endforeach
                        </select>

                    </div>
                </div>
            </div>
        </div>
        <div class="form-group mb-5 text-right">

            <a href="{{ url()->previous() }}" class="btn btn-secondary">{{ translate('Cancel') }}</a>
            <button id="edit_country_product_submit" type="submit"
                class="btn btn-primary">{{ translate('Update') }}</button>
        </div>
    </form>
    <!--  -->

    <!--  -->
@endsection

@section('modal')
    @include('admin::modals.delete_modal')
    @include('admin::modals.confirm_modal')
@endsection

@section('script')
    @include('product::scripts.index_scripts')

    <script>
        function validateNumberInputNoDecimal(input) {
            // Remove all characters that are not digits
            input.value = input.value.replace(/[^0-9]/g, "");
        }
    </script>

    <script>
        function is_variant_product(el) {
            $(".has_product_variant").hide();
            $(".no_product_variant").hide();
            if ($(el).is(':checked')) {
                $(".has_product_variant").show();
                document.getElementById("stock_alert_qty").required = false;
                document.getElementById("number_of_stock").required = false;
            } else {
                $(".no_product_variant").show();
                document.getElementById("stock_alert_qty").required = true;
                document.getElementById("number_of_stock").required = true;
            }
            var isVariant = $(el).is(':checked') ? '1' : '0';
            $('#is_variant_hidden').val(isVariant);
        }

        function get_option_choices(e) {
            $.ajax({
                headers: {
                    'X-CSRF-TOKEN': AIZ.data.csrf
                },
                type: "POST",
                data: {
                    attribute_id: $(e).val()
                },
                url: '{{ route('admin.country-products.get_new_options_choises') }}',
                success: function(data) {
                    $(e).closest('.row').find('.attr-values').html(data);
                    AIZ.plugins.bootstrapSelect();

                }
            });
        }

        function add_new_option() {

            $.ajax({
                type: "POST",
                data: $('#product_form').serialize(),
                url: '{{ route('admin.country-products.get_new_options') }}',
                success: function(data) {
                    if (data.count == -2) {
                        AIZ.plugins.notify('warning', '{{ translate('Maximum option limit reached.') }}');
                    } else if (data.count == -1) {
                        AIZ.plugins.notify('warning', '{{ translate('Please select an option.') }}');
                    } else if (data.count > 0) {
                        $('.customer_choice_options').find('.attr-names').find('.aiz-selectpicker').siblings(
                            '.dropdown-toggle').addClass("disabled");
                        $('.customer_choice_options').append(data.view);
                        AIZ.plugins.bootstrapSelect();

                    } else {
                        AIZ.plugins.notify('info', '{{ translate('No more option found.') }}');
                    }
                }
            });
        }

        function update_sku() {
            $.ajax({
                type: "POST",
                url: '{{ route('admin.products.sku_combination') }}',
                data: $('#product_form').serialize(),
                success: function(data) {
                    $('#sku_combination').html(data);
                    setTimeout(() => {
                        AIZ.uploader.previewGenerate();
                        AIZ.plugins.bootstrapSelect('refresh');
                        document.getElementById("stock_alert_qty").required = false;
                        document.getElementById("number_of_stock").required = false;
                    }, 500);
                }
            });
        }

        $(document).ready(function() {

            $('.all-attributes').find('.attr-names').find('.aiz-selectpicker').siblings('.dropdown-toggle')
                .addClass("disabled");
            if ($('.customer_choice_options').find('.attr-names').find('.aiz-selectpicker').val() !== '') {
                $('.customer_choice_options').find('.attr-names').find('.aiz-selectpicker').siblings(
                    '.dropdown-toggle').addClass("disabled");
            }

            $(".stock_update_action").on("click", function() {

                let action = $('.stock_update_action:checked').val();

                if (action == "add") {

                    $(".add").show();
                    $(".reduce").hide();
                } else {
                    $(".add").hide();
                    $(".reduce").show();
                }
            });
            $(".stock_update_action_varient").on("click", function() {

                let action = $('.stock_update_action_varient:checked').val();

                if (action == "add") {

                    $(".add_v").show();
                    $(".reduce_v").hide();
                } else {
                    $(".add_v").hide();
                    $(".reduce_v").show();
                }
            });



        });

        function init_product_stock_update_non_variant(elem) {

            var current_stock = parseInt($(elem).val());

            $('#updated_new_stock').modal("show");

            $('#updated_new_stock').on('shown.bs.modal', function() {
                document.getElementById("stock_update_non_variant_form").reset();
                $("#updated_non_variant_stock").focus();
                $(".add").show();
                $(".reduce").hide();
            })

            $('#updated_non_variant').on("click", function() {
                let updated_non_variant_stock = parseInt($('#updated_non_variant_stock').val())
                let updated_non_variant_action = $('.stock_update_action:checked').val();

                if (updated_non_variant_action != "add") {

                    if (current_stock < updated_non_variant_stock) {
                        AIZ.plugins.notify('danger', 'Stock value is wrong, Current value is  ' + current_stock);
                        return;
                    }
                }

                let new_hidden_field = $("<input>").attr({
                    name: "updated_stock",
                    type: "hidden",
                    class: "updated_non_variant_stock_hidden",
                    value: updated_non_variant_stock,
                });

                let new_hidden_field_action = $("<input>").attr({
                    name: "action_stock",
                    type: "hidden",
                    class: "updated_variant_stock_hidden_action",
                    value: updated_non_variant_action,
                });

                let main_div = $(elem).closest(".no_product_variant");

                let updated_non_variant_stock_hidden = $(main_div).find(".updated_non_variant_stock_hidden");
                if (updated_non_variant_stock_hidden.length > 0) {
                    $(updated_non_variant_stock_hidden).remove();
                    $(".updated_variant_stock_hidden_action").remove();
                }

                if (updated_non_variant_stock != "") {
                    $(elem).after(new_hidden_field);
                    $(elem).after(new_hidden_field_action);
                }




                let select = $(main_div).find('.aiz-selectpicker')
                update_stock_status_non_variant(select, updated_non_variant_stock > 0 ? 1 : 0);

                document.getElementById("stock_update_non_variant_form").reset();
                $('#updated_new_stock').modal("hide");
                $('#updated_non_variant').off('click');

            });

            function init_product_stock_update_variant(elem, key) {

                var current_stock = parseInt($(elem).val());
                $('#updated_new_stock_variant').modal("show");

                $('#updated_new_stock_variant').on('shown.bs.modal', function() {
                    $("#updated_variant_stock").focus();
                    $(".add_v").show();
                    $(".reduce_v").hide();
                    document.getElementById("stock_update_variant_form").reset();
                })
                $('#updated_stock_variant').on("click", function() {

                    let = updated_variant_stock = parseInt($('#updated_variant_stock').val());
                    let = updated_variant_action = $('.stock_update_action_varient:checked').val();

                    if (updated_variant_action != "add") {

                        if (updated_variant_stock > current_stock) {
                            AIZ.plugins.notify('danger', 'Stock value is wrong, Current value is ' + current_stock);
                            return;
                        }
                    }

                    let new_hidden_field = $("<input>").attr({
                        name: "variations[" + key + "][updated_stock]",
                        type: "hidden",
                        class: "updated_variant_stock_hidden",
                        value: updated_variant_stock,
                    });

                    let new_hidden_field_action = $("<input>").attr({
                        name: "variations[" + key + "][action_stock]",
                        type: "hidden",
                        class: "updated_variant_stock_hidden_action",
                        value: updated_variant_action,
                    });


                    let td = $(elem).closest("td");

                    let updated_variant_stock_hidden = $(td).find(".updated_variant_stock_hidden");


                    if (updated_variant_stock_hidden.length > 0) {
                        $(updated_variant_stock_hidden).remove();
                        $(".updated_variant_stock_hidden_action").remove();
                    }

                    if ($('#updated_variant_stock').val() != "") {
                        $(elem).after(new_hidden_field);
                        $(elem).after(new_hidden_field_action);
                    }



                    let select = $(td).find('.aiz-selectpicker')
                    update_stock_status_variant(select, $('#updated_variant_stock').val() > 0 ? 1 : 0);

                    document.getElementById("stock_update_variant_form").reset();
                    $('#updated_new_stock_variant').modal("hide");
                    $('#updated_stock_variant').off('click');
                });
            }

            function update_stock_status_variant(elem, val) {
                $(elem).val(val);
                $(elem).selectpicker('refresh')
            }

            function update_stock_status_non_variant(elem, val) {
                $(elem).val(val);
                $(elem).selectpicker('refresh')
            }


        }
    </script>

    <script>
        $(document).ready(function() {
            $(".note-editable").prop("contenteditable", false);
        });
    </script>

    <script>
        $(document).ready(function() {
            function calculateOfferPrice() {
                var discount = parseFloat($('.discount-percentage').val());
                var mrpPrice = parseFloat($('.mrp-price').val());


                if (!isNaN(discount) && !isNaN(mrpPrice)) {
                    if (discount > 0) {
                        var offerPrice = mrpPrice - (mrpPrice * (discount / 100));
                        $('.offer-price').val(Math.max(offerPrice, 0));
                    } else {
                        $('.offer-price').val(0);
                    }
                } else {
                    $('.offer-price').val(0);
                }
            }

            // Calculate offer price on discount or MRP price change
            $('.discount-percentage, .mrp-price').on('input', function() {
                calculateOfferPrice();
            });

            // Initial calculation on page load
            calculateOfferPrice();
        });
    </script>

    <script>
        $(document).ready(function() {
            function calculateOfferPrice(row, discount) {
                var mrpPriceElement = row.find('.mrp-price-variant');

                // Check if the MRP price element exists
                if (mrpPriceElement.length === 0) {
                    console.error('MRP price element not found in row:', row);
                    return;
                }

                var mrpPrice = parseFloat(mrpPriceElement.val());
                console.log('Discount:', discount);
                console.log('MRP Price:', mrpPrice);

                // Ensure mrpPrice is a valid number
                if (isNaN(mrpPrice)) {
                    mrpPrice = 0;
                }

                if (discount > 0) {
                    var offerPrice = mrpPrice - (mrpPrice * (discount / 100));
                    row.find('.offer-price-variant').val(Math.max(offerPrice, 0));
                } else {
                    row.find('.offer-price-variant').val(0);
                }
            }

            function updateAllOfferPrices() {
                var discount = parseFloat($('.discount-percentage-variant').val());
                if (isNaN(discount)) {
                    discount = 0;
                }

                $('tr.variant').each(function() {
                    calculateOfferPrice($(this), discount);
                });
            }

            // Listen for changes on the discount input
            $(document).on('input', '.discount-percentage-variant', function() {
                updateAllOfferPrices();
            });

            // Listen for changes on the MRP price input within each variant row
            $(document).on('input', '.mrp-price-variant', function() {
                updateAllOfferPrices();
            });

            // Initial calculation on page load for each variant row
            updateAllOfferPrices();
        });
    </script>
@endsection