@extends('layouts.dashboard.app')
@php
    $images = '';
    $assignedCategory = [];
    $assignedType = [];
    $assignedApplication = [];
    $assignedIndustry = [];

    if (!empty($product)) {
        $images = @$product->getimages ? @$product->getimages->groupby('section') : '';
        $assignedCategory = !empty(@$product->assignedCategory())
            ? @$product->assignedCategory()->pluck('category_id')->toArray()
            : [];
        $assignedCas = !empty(@$product->assignedCas()) ? @$product->assignedCas()->pluck('cas_id')->toArray() : [];
        $assignedType = !empty(@$product->assignedType())
            ? @$product->assignedType()->pluck('product_type_id')->toArray()
            : [];
        $assignedApplication = !empty(@$product->assignedApplication())
            ? @$product->assignedApplication()->pluck('application_id')->toArray()
            : [];
        $assignedIndustry = !empty(@$product->assignedIndustry())
            ? @$product->assignedIndustry()->pluck('industry_id')->toArray()
            : [];
    }
@endphp
@section('content')
    <div class="cw-content">
        <div class="container-fluid">
            <div class="cw-content-inner">
                <div class="cw-content-body">
                    <div class="cw-block-head cw-block-head-sm">
                        <div class="cw-block-between d-flex justify-content-between align-items-center">
                            <div class="cw-block-head-content">
                                <h3 class="cw-block-title page-title mb-0 d-flex align-items-center">
                                    {{ !empty(@$product->id) ? 'Edit' : 'Add' }} Product
                                    @if (!empty(@$product->id))
                                        - {{ @$product->name }}
                                        <span class="badge bg-primary rounded-pill ms-2" style="font-size: 12px">
                                            {{ @$product->product_sku }}
                                        </span>
                                    @endif
                                </h3>
                                <div class="cw-block-des text-soft mt-1">
                                    <p>{{ !empty(@$product->id) ? 'Edit this ' : 'Add a' }} product.</p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="add-product" id="smartTab">
                        <div class="d-lg-flex justify-content-lg-between align-items-center">
                            <div class="nav nav-tabs" role="tablist">
                                <button class="tab-link" data-bs-toggle="pill" data-bs-target="#details" type="button"
                                    role="tab">Details</button>
                                <button class="tab-link" data-bs-toggle="pill" data-bs-target="#packaging" type="button"
                                    role="tab">Packaging</button>
                                <button class="tab-link" data-bs-toggle="pill" data-bs-target="#options" type="button"
                                    role="tab">Options</button>
                                <button class="tab-link" data-bs-toggle="pill" data-bs-target="#availability" type="button"
                                    role="tab">Availability</button>
                                <button class="tab-link" data-bs-toggle="pill" data-bs-target="#requirements" type="button"
                                    role="tab">Requirements</button>
                                <button class="tab-link" data-bs-toggle="pill" data-bs-target="#media" type="button"
                                    role="tab">Images/Videos</button>
                                <button class="tab-link d-none" data-bs-toggle="pill" data-bs-target="#other" type="button"
                                    role="tab">Other</button>
                                <button class="tab-link d-none" data-bs-toggle="pill" data-bs-target="#custom"
                                    type="button" role="tab">Custom fields</button>
                                <button class="tab-link" data-bs-toggle="pill" data-bs-target="#shipping" type="button"
                                    role="tab">Shipping</button>
                                <button class="tab-link" data-bs-toggle="pill" data-bs-target="#export" type="button"
                                    role="tab">Export</button>
                                <button class="tab-link" data-bs-toggle="pill" data-bs-target="#document" type="button"
                                    role="tab">Document</button>
                            </div>
                            @if (@$product->id)
                                <div class="d-flex mb-3 product-enable-div">
                                    <span class="product-enable-label me-4">Enable</span>
                                    <div class="form-check form-switch">
                                        <input class="form-check-input product-switch productstatus" type="checkbox"
                                            {{ @$product->status ? 'checked' : '' }} data-id="{{ @$product->id }}"
                                            data-status="{{ @$product->status ? 0 : 1 }}"
                                            data-link="{{ route('admin.product.updatestatus', ['id' => @$product->id]) }}">
                                    </div>
                                </div>
                            @endif
                        </div>

                        <div class="tab-content">
                            @include('layouts.dashboard.flash')
                            <!-- Product Tab -->
                            <div class="tab-pane show active" id="details" role="tabpanel">
                                <form action="javascript:void(0);" method="post"
                                    enctype="multipart/form-data" id="productForm">
                                    <input type="hidden" name="business_id" id="bid" class="bid"
                                        value="{{ Common::getBusiness() }}" />
                                    @csrf
                                    <div class="card">
                                        <div class="card-body">
                                            <div class="row">
                                                <div class="col-lg-3 mb-3">
                                                    <label class="form-label">Product Name</label>
                                                    <input type="text" name="name" id="name"
                                                        value="{{ ucfirst(@$product->name) }}" maxlength="50"
                                                        class="form-control name" placeholder="Enter product name"
                                                        required>
                                                </div>
                                                <div class="col-lg-3 mb-3">
                                                    <label class="form-label">Product Code / SKU</label>
                                                    <input type="text" name="product_sku" maxlength="25"
                                                        id="product_sku" value="{{ @$product->product_sku }}"
                                                        class="form-control product_sku"
                                                        placeholder="Enter product code / SKU" required>
                                                </div>
                                                <div class="col-lg-3 mb-3">
                                                    <label class="form-label">Product CAS Numbers</label>
                                                    <select name="cas_number[]" id="cas_number"
                                                        class="form-control form-select cas_number" required multiple=true>
                                                        <option value="">Select CAS Numbers</option>
                                                        @foreach (Common::casnumber() as $cas)
                                                            <option value="{{ @$cas->id }}"
                                                                {{ !empty(@$assignedCas) && in_array(@$cas->id, @$assignedCas) ? 'selected="selected"' : '' }}>
                                                                {{ $cas->cas }}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                                <div class="col-lg-3 mb-3">
                                                    <label class="form-label">UN Number</label>
                                                    <input type="text" name="un_number" id="un_number"
                                                        value="{{ @$product->un_number }}" class="form-control un_number"
                                                        placeholder="Enter UN number" minlength="4" maxlength="4">
                                                </div>
                                            </div>
                                            <div class="row">
                                                <div class="col-lg-6">
                                                    <div class="mb-3">
                                                        <label class="form-label">Short Description</label>
                                                        <textarea name="sort_description" maxlength="100" id="sort_description" cols="30" rows="2"
                                                            class="form-control sort_description">{{ @$product->sort_description }}</textarea>
                                                    </div>
                                                    <div class="mb-3">
                                                        <label class="form-label">Description</label>
                                                        <textarea name="description" id="description" maxlength="1000" cols="30" rows="5"
                                                            class="form-control description">{{ @$product->description }}</textarea>
                                                    </div>
                                                </div>
                                                <div class="col-lg-6">
                                                    <div class="row">
                                                        <div class="col-lg-6 mb-3">
                                                            <label class="form-label">Brand</label>
                                                            <input type="text" name="brand" maxlength="20"
                                                                id="brand"
                                                                value="{{ @$product->brand }}"class="form-control brand"
                                                                placeholder="Enter brand">
                                                        </div>
                                                        <div class="col-lg-6 mb-3">
                                                            <label class="form-label">Grade</label>
                                                            <input type="text" name="grade" maxlength="20"
                                                                id="grade" class="form-control grade"
                                                                value="{{ @$product->grade }}" placeholder="Enter grade">
                                                        </div>
                                                        <div class="col-lg-6 mb-3">
                                                            <label class="form-label">Tax Class</label>
                                                            <select name="tax_class" id="tax_class"
                                                                class="form-control form-select tax_class">
                                                                <option selected disabled>Select Tax Class</option>
                                                                <option value="1"
                                                                    {{ @$product->tax_class == '1' ? 'selected="true"' : '' }}>
                                                                    Taxable</option>
                                                                <option value="0"
                                                                    {{ @$product->tax_class == '0' ? 'selected="true"' : '' }}>
                                                                    Non-Taxable</option>
                                                            </select>
                                                        </div>
                                                        {{--
                                                        <div class="col-lg-6 mb-3">
                                                            <label class="form-label">Product Type</label>
                                                            <select name="product_type" id="product_type"
                                                                class="form-control form-select product_type">
                                                                <option selected disabled>Select Product Type</option>
                                                                <option value="physical"
                                                                    {{ @$product->product_type == 'physical' ? 'selected="true"' : '' }}>
                                                                    Physical</option>
                                                                <option value="downloadable"
                                                                    {{ @$product->product_type == 'downloadable' ? 'selected="true"' : '' }}>
                                                                    Downloadable</option>
                                                            </select>
                                                        </div>
                                                        --}}
                                                        <div class="col-lg-6 mb-3">
                                                            <label class="form-label">This product is a collection or
                                                                Kit</label>
                                                            <select name="product_collection_kit"
                                                                id="product_collection_kit"
                                                                class="form-control form-select product_collection_kit">
                                                                <option selected disabled>Select</option>
                                                                <option value="yes"
                                                                    {{ @$product->product_collection_kit == 'yes' ? 'selected="true"' : '' }}>
                                                                    Yes</option>
                                                                <option value="no"
                                                                    {{ @$product->product_collection_kit == 'no' ? 'selected="true"' : '' }}>
                                                                    No</option>
                                                            </select>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="row">
                                                <div class="col-lg-3 mb-3">
                                                    <label class="form-label">Product Category</label>
                                                    <select name="category_id[]" id="category_id"
                                                        class="form-control form-select category_id" required
                                                        multiple=true>
                                                        <option value="">Select Product category
                                                        </option>
                                                        @foreach ($categories as $category)
                                                            <option value="{{ @$category->id }}"
                                                                {{ !empty(@$assignedCategory) && in_array(@$category->id, @$assignedCategory) ? 'selected="selected"' : '' }}>
                                                                {{ $category->name }}</option>
                                                            @if (count($category->childs) > 0)
                                                                @include('admin.category.subcategories', [
                                                                    'subcategories' => $category->childs,
                                                                    'parent' => $category->name,
                                                                    'product' => $product,
                                                                    'assignedCategory' => $assignedCategory,
                                                                ])
                                                            @endif
                                                        @endforeach
                                                    </select>
                                                </div>
                                                <div class="col-lg-3 mb-3">
                                                    <label class="form-label">Product Type</label>
                                                    <select name="product_type_id[]" id="type_id"
                                                        class="form-control form-select type_id" multiple=true>
                                                        <option value="">Select Product Type</option>
                                                        @foreach (Common::productType(true) as $type)
                                                            <option value="{{ @$type->id }}"
                                                                {{ !empty(@$assignedType) && in_array(@$type->id, @$assignedType) ? 'selected="selected"' : '' }}>
                                                                {{ $type->name }}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                                <div class="col-lg-3 mb-3">
                                                    <label class="form-label">Product Application</label>
                                                    <select name="application_id[]" id="application_id"
                                                        class="form-control form-select application_id" multiple=true>
                                                        <option value="">Select Product Application</option>
                                                        @foreach (Common::productApplication() as $application)
                                                            <option value="{{ @$application->id }}"
                                                                {{ !empty(@$assignedApplication) && in_array(@$application->id, @$assignedApplication) ? 'selected="selected"' : '' }}>
                                                                {{ $application->name }}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                                <div class="col-lg-3 mb-3">
                                                    <label class="form-label">Product Industry</label>
                                                    <select name="industry_id[]" id="industry_id"
                                                        class="form-control form-select industry_id" multiple=true>
                                                        <option value="">Select Product Industry</option>
                                                        @foreach (Common::productIndustry(true) as $industry)
                                                            <option value="{{ @$industry->id }}"
                                                                {{ !empty(@$assignedIndustry) && in_array(@$industry->id, @$assignedIndustry) ? 'selected="selected"' : '' }}>
                                                                {{ $industry->name }}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="row">
                                                <div class="col-lg-3 mb-3">
                                                    <label class="form-label">Meta Tag Keywords</label>
                                                    <input type="text" name="meta_key" id="meta_key"
                                                        value="{{ @$product->meta_key }}" class="form-control meta_key"
                                                        placeholder="Enter meta tag keywords">
                                                </div>
                                                <div class="col-lg-3 mb-3">
                                                    <label class="form-label">Meta Tag Description</label>
                                                    <input type="text" maxlength="100" name="meta_description"
                                                        id="meta_description" value="{{ @$product->meta_description }}"
                                                        class="form-control meta_description"
                                                        placeholder="Enter meta tag description">
                                                </div>
                                                <div class="col-lg-3 mb-3">
                                                    <label class="form-label">Product Tags</label>
                                                    @php
                                                        $ptags = !empty(@$product->product_tag)
                                                            ? explode(',', @$product->product_tag)
                                                            : '';
                                                    @endphp
                                                    <select name="product_tag[]" id="product_tag"
                                                        class="form-control form-select product_tag" multiple='multiple'>
                                                        <option value="" disabled>Add Product Tag</option>
                                                        @if (!empty($ptags))
                                                            @foreach ($ptags as $tags)
                                                                <option value="{{ $tags }}" selected='selected'>
                                                                    {{ $tags }}</option>
                                                            @endforeach
                                                        @endif
                                                    </select>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </form>
                            </div>
                            <!-- Product Packaging Tab -->
                            <div class="tab-pane show" id="packaging" role="tabpanel">
                                <div class="card">
                                    <div class="card-header d-flex justify-content-between align-items-center">
                                        <label class="form-label mb-0">Your Added Packages</label>
                                        <a data-bs-toggle="modal" data-bs-target="#addpackaging" class="btn-cw pe-3">
                                            <i class="bi bi-plus"></i>
                                            Packaging
                                        </a>
                                    </div>
                                    <div class="card-body">
                                        <div class="row">
                                            @if (!empty($product) && @$product->getpackage->count())
                                                @php $pk=0; @endphp
                                                @foreach ($product->getpackage as $package)
                                                    <div class="col-lg-3">
                                                        <div class="card-2 border-1">
                                                            <!-- Title Header -->
                                                            <div
                                                                class="card-header d-flex justify-content-between align-items-center">
                                                                <p class="card-header-title">Type:
                                                                    {{ ucfirst($package->packaging_type) }}</p>
                                                                <div class="dropdown">
                                                                    <a class="text-muted" href="javascript:void(0);"
                                                                        role="button" data-bs-toggle="dropdown"
                                                                        aria-haspopup="true" aria-expanded="false"><i
                                                                            class="bi bi-three-dots-vertical"></i></a>
                                                                    <div class="dropdown-menu dropdown-menu-end">
                                                                        <a href="javascript:void(0);"
                                                                            data-ppid="{{ $package->id }}"
                                                                            data-pid="{{ $package->product_id }}"
                                                                            class="dropdown-item p-2 getPackageInfo">Edit</a>
                                                                        <a href="{{ route('admin.packaging.destroy', ['id' => $package->id]) }}"
                                                                            class="dropdown-item p-2 recdelete">Delete</a>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <!-- Middle -->
                                                            <div class="card-body">
                                                                <div class="business-address">
                                                                    <div class="">
                                                                        <div class="pt-2">
                                                                            @php
                                                                                $ad = !empty($package->shipping_length)
                                                                                    ? $package->shipping_length . 'x'
                                                                                    : '';
                                                                                $ad .= !empty($package->shipping_width)
                                                                                    ? $package->shipping_width . 'x'
                                                                                    : '';
                                                                                $ad .= !empty($package->shipping_height)
                                                                                    ? $package->shipping_height . 'x'
                                                                                    : '';
                                                                            @endphp
                                                                            <p class="mb-0">Size:
                                                                                {{ trim($ad, 'x') }}
                                                                                {{ $package->measurement_units == 'metric' ? '(cm)' : '(inch)' }}
                                                                            </p>
                                                                            <p class="mb-0">Shipping
                                                                                Weight:
                                                                                {{ $package->shipping_weight }}</p>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <!-- Footer -->
                                                            <div class="card-footer px-2">
                                                                <p class="mb-0 text-muted">Price: ${{ $package->price }}
                                                                </p>
                                                                <p class="mb-0 text-muted">Unit:
                                                                    {{ $package->measurement_units == 'metric' ? 'Metric' : 'Imperial' }}
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    @php $pk++; @endphp
                                                @endforeach
                                            @else
                                                <div class="text-center w-50">
                                                    <div class="card dashed-card">
                                                        <div class="card-body">
                                                            <i class="bi bi-geo-alt-fill no-info-i"></i>
                                                            <h5 class="no-info-title">Add Your Packaging</h5>
                                                            <p class="no-info-p py-2">You can add multiple packaging of
                                                                your product</p>
                                                            <a data-bs-toggle="modal" data-bs-target="#addpackaging"
                                                                class="btn-cw">
                                                                <i class="bi bi-plus"></i> Packaging
                                                            </a>
                                                        </div>
                                                    </div>
                                                </div>
                                            @endif
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- Product Option Tab -->
                            <div class="tab-pane show" id="options" role="tabpanel">
                                <form action="javascript:void(0);}" method="post"
                                    enctype="multipart/form-data" id="productOption">
                                    @csrf
                                    <div class="card">
                                        <div class="card-body">
                                            <p class="text-danger small">
                                                Please include all attributes that distinguishes this product from other
                                                products with the same name
                                            </p>
                                            @php $o=0; @endphp
                                            @if (!empty($product) && @$product->getoptions->count())
                                                @foreach ($product->getoptions as $options)
                                                    <div id="multirows">
                                                        <div class="row">
                                                            <div class="col-lg-4 mb-3">
                                                                @if ($o < 1)
                                                                    <label class="form-label">Attribute Name</label>
                                                                @endif
                                                                <input type="text" class="form-control attribute_name"
                                                                    value="{{ $options->attribute_name }}" maxlength="20"
                                                                    name="attribute_name[]" id="attribute_name"
                                                                    placeholder="Enter Attribute Name" required>
                                                            </div>
                                                            <div class="col-lg-4 mb-3">
                                                                @if ($o < 1)
                                                                    <label class="form-label">Value</label>
                                                                @endif
                                                                <input type="text" class="form-control attribute_value"
                                                                    value="{{ $options->attribute_value }}"
                                                                    maxlength="50" name="attribute_value[]"
                                                                    id="attribute_value"
                                                                    placeholder="Enter Attribute Value" required>
                                                            </div>
                                                            <div class="col-lg-3 mb-3">
                                                                @if ($o < 1)
                                                                    <label class="form-label">Description</label>
                                                                @endif
                                                                <input type="text"
                                                                    class="form-control attribute_description"
                                                                    value="{{ $options->attribute_description }}"
                                                                    name="attribute_description[]" maxlength="100"
                                                                    id="attribute_description"
                                                                    placeholder="Enter Attribute Description">
                                                            </div>
                                                            @if ($o == 0)
                                                                <div class="col-lg-1 mb-3">
                                                                    <label class="form-label d-block">Action</label>
                                                                    <a onclick="appendoption()" href="javascript:void(0)"
                                                                        class="btn btn-primary"><i
                                                                            class="bi bi-plus"></i></a>
                                                                </div>
                                                            @endif
                                                            @if ($o > 0)
                                                                <div class="col-lg-1 mb-3">
                                                                    <a href="javascript:void(0)"
                                                                        class="btn btn-danger rounded btnSlipRemove"
                                                                        onclick="removeoption(this)">
                                                                        <i class="bi bi-dash"></i>
                                                                    </a>
                                                                </div>
                                                            @endif
                                                        </div>
                                                    </div>
                                                    @php $o++; @endphp
                                                @endforeach
                                            @else
                                                <div id="multirows">
                                                    <div class="row">
                                                        <div class="col-lg-4 mb-3">
                                                            <label class="form-label">Attribute Name</label>
                                                            <input type="text" class="form-control attribute_name"
                                                                name="attribute_name[]" id="attribute_name"
                                                                maxlength="20" placeholder="Enter Attribute Name"
                                                                required>
                                                        </div>
                                                        <div class="col-lg-4 mb-3">
                                                            <label class="form-label">Value</label>
                                                            <input type="text" class="form-control attribute_value"
                                                                name="attribute_value[]" id="attribute_value"
                                                                maxlength="50" placeholder="Enter Attribute Value"
                                                                required>
                                                        </div>
                                                        <div class="col-lg-3 mb-3">
                                                            <label class="form-label">Description</label>
                                                            <input type="text"
                                                                class="form-control attribute_description" maxlength="100"
                                                                name="attribute_description[]" id="attribute_description"
                                                                placeholder="Enter Attribute Description">
                                                        </div>
                                                        <div class="col-lg-1 mb-3">
                                                            <label class="form-label d-block">Action</label>
                                                            <a onclick="appendoption()" href="javascript:void(0)"
                                                                class="btn btn-primary"><i class="bi bi-plus"></i></a>
                                                        </div>
                                                    </div>
                                                </div>
                                            @endif
                                        </div>
                                    </div>
                                </form>
                            </div>
                            <!-- Product Availability Tab -->
                            <div class="tab-pane show" id="availability" role="tabpanel">
                                <form action="javascript:void(0);" method="post"
                                    enctype="multipart/form-data" id="productAvailability">
                                    @csrf
                                    <div class="card">
                                        <div class="card-body">
                                            <div class="row">
                                                <div class="col-lg-4 mb-3">
                                                    <label class="form-label">This product is for Sale</label>
                                                    <select name="product_for_sale" id="product_for_sale"
                                                        class="form-control form-select product_for_sale">
                                                        <option value="1"
                                                            {{ @$product->getavailability->product_for_sale == '1' ? 'selected="true"' : '' }}>
                                                            Yes</option>
                                                        <option value="0"
                                                            {{ @$product->getavailability->product_for_sale == '0' ? 'selected="true"' : '' }}>
                                                            No</option>
                                                    </select>
                                                </div>
                                                <div class="col-lg-4 mb-3">
                                                    <label class="form-label">Are you the manufacturer of this
                                                        product?</label>
                                                    <select name="product_manufacturer" id="product_manufacturer"
                                                        class="form-control form-select product_manufacturer">
                                                        <option selected disabled>Select</option>
                                                        <option value="1"
                                                            {{ @$product->getavailability->product_manufacturer == '1' ? 'selected="true"' : '' }}>
                                                            Yes</option>
                                                        <option value="0"
                                                            {{ @$product->getavailability->product_manufacturer == '0' ? 'selected="true"' : '' }}>
                                                            No</option>
                                                    </select>
                                                </div>
                                                <div class="col-lg-4 mb-3">
                                                    <label class="form-label">Annual Production Capacity</label>
                                                    <input type="text" name="annual_production_capacity"
                                                        value="{{ @$product->getavailability->annual_production_capacity }}"
                                                        id="annual_production_capacity" maxlength="20"
                                                        class="form-control annual_production_capacity"
                                                        placeholder="Enter annual production capacity">
                                                </div>
                                            </div>
                                            <div class="row">
                                                <div class="col-lg-4 mb-3">
                                                    <label class="form-label">Factory location: Address Line 1</label>
                                                    <input type="text" class="form-control onboarding-input"
                                                        maxlength="100" name="address_1"
                                                        placeholder="Enter Address Line 1" id="address_1"
                                                        value="{{ @$product->getavailability->address_1 }}">
                                                </div>
                                                <div class="col-lg-4 mb-3">
                                                    <label class="form-label">Factory location: Address Line 2</label>
                                                    <input type="text" class="form-control onboarding-input"
                                                        maxlength="100" name="address_2"
                                                        placeholder="Enter Address Line 2" id="address_2"
                                                        value="{{ @$product->getavailability->address_2 }}">
                                                </div>
                                                <div class="col-lg-4 mb-3">
                                                    <label class="form-label">Factory Location: Country</label>
                                                    <select name="country_id" id="country_id"
                                                        class="form-control form-select country_id">
                                                        <option value="" selected disabled>Select Country</option>
                                                        @foreach (Common::country() as $country)
                                                            <option value="{{ $country['id'] }}"
                                                                {{ empty(@$product->getavailability->country_id) && $country['iso2_code'] == 'US' ? 'selected' : (!empty(@$product->getavailability->country_id) && @$product->getavailability->country_id == $country['id'] ? 'selected' : '') }}>
                                                                {{ $country['name_en'] }}
                                                            </option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="row">
                                                <div class="col-lg-4 mb-3">
                                                    <label class="form-label">Factory location: State/Province</label>
                                                    <input type="text" class="form-control onboarding-input"
                                                        maxlength="100" name="state" placeholder="Enter State"
                                                        id="state" value="{{ @$product->getavailability->state }}">
                                                </div>
                                                <div class="col-lg-4 mb-3">
                                                    <label class="form-label">Factory location: City</label>
                                                    <input type="text" class="form-control onboarding-input"
                                                        maxlength="100" name="city" placeholder="Enter City"
                                                        id="city" value="{{ @$product->getavailability->city }}">
                                                </div>
                                                <div class="col-lg-4 mb-3">
                                                    <label class="form-label">Factory location: ZIP Code</label>
                                                    <input type="text" class="form-control onboarding-input"
                                                        maxlength="10" name="zipcode" placeholder="Enter ZIP Code"
                                                        id="zipcode" value="{{ @$product->getavailability->zipcode }}">
                                                </div>
                                            </div>
                                            <div class="row">
                                                <div class="col-lg-4 mb-3">
                                                    <label class="form-label">Is this a stock product?</label>
                                                    <select name="in_stock" id="in_stock"
                                                        class="form-control form-select">
                                                        <option value="1"
                                                            {{ @$product->getavailability->in_stock == '1' ? 'selected="true"' : '' }}>
                                                            Yes</option>
                                                        <option value="0"
                                                            {{ @$product->getavailability->in_stock == '0' ? 'selected="true"' : '' }}>
                                                            No</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="row">
                                                <label class="form-label">Select your warehousing locations</label>
                                                {{--
                                                    @for ($i = 0; $i < 3; $i++)
                                                        <div class="col-lg-3 mb-3">
                                                            <div class="card border-0"
                                                                style="box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 5px;">
                                                                <div class="card-body">
                                                                    <div class="warehouse-locations-add">
                                                                        <div class="d-flex align-items-center">
                                                                            <div class="form-check">
                                                                                <input class="form-check-input" type="checkbox">
                                                                            </div>
                                                                            <div>
                                                                                <strong>Warehouse {{ $i }} <br></strong>
                                                                                Near Creek Road
                                                                                Thrissur Kerala India
                                                                                680551
                                                                                +91 999-999-9999
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    @endfor
                                                --}}
                                                @php
                                                    $warehouse = !empty(@$product->getavailability->warehouse)
                                                        ? explode(',', @$product->getavailability->warehouse)
                                                        : [];
                                                @endphp
                                                @if (!empty($product) && $product->getbusiness && count($product->getbusiness->getaddress) > 0)
                                                    @foreach ($product->getbusiness->getaddress as $address)
                                                        <div class="col-lg-3 mb-3">
                                                            <div class="card border-0"
                                                                style="box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 5px;">
                                                                <div class="card-body">
                                                                    <div class="warehouse-locations-add">
                                                                        <div class="d-flex align-items-center">
                                                                            <div class="form-check">
                                                                                <input class="form-check-input warehouse"
                                                                                    type="checkbox" name="warehouse[]"
                                                                                    id="warehouse"
                                                                                    value={{ $address->id }}
                                                                                    {{ in_array($address->id, $warehouse) ? 'checked' : '' }}>
                                                                            </div>
                                                                            <div>
                                                                                <strong>{{ $address->location_name }}
                                                                                    <br></strong>
                                                                                {{ $address->address_1 }}
                                                                                {{ $address->address_2 }}<br>
                                                                                Ph: {{ $address->phone }}<br>
                                                                                Mo: {{ $address->mobile }}
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    @endforeach
                                                @endif
                                                <label class="mb-3">
                                                    <a data-bs-toggle="modal" data-bs-target="#addaddress"
                                                        class="text-muted"><i class="bi bi-plus"></i>Add more
                                                        locations</a>
                                                </label>
                                            </div>
                                        </div>
                                    </div>
                                </form>
                            </div>
                            <!-- Product Requirements Tab -->
                            <div class="tab-pane show" id="requirements" role="tabpanel">
                                <form action="javascript:void(0);" method="post"
                                    enctype="multipart/form-data" id="productRequirment">
                                    @csrf
                                    <div class="card">
                                        <div class="card-body">
                                            <div class="row">
                                                <div class="col-lg-3 mb-3">
                                                    <label class="form-label">Minimum Order Quantity</label>
                                                    <input type="number" name="min_quantity" id="min_quantity"
                                                        value="{{ @$product->getrequirments->min_quantity }}"
                                                        class="form-control min_quantity" value="{{ @$product->id }}"
                                                        min="1" step="1"
                                                        placeholder="Enter minimum order quantity">
                                                </div>
                                                <div class="col-lg-3 mb-3">
                                                    <label class="form-label">Maximum Order Quantity</label>
                                                    <input type="number" name="max_quantity" id="max_quantity"
                                                        value="{{ @$product->getrequirments->max_quantity }}"
                                                        class="form-control max_quantity" value="{{ @$product->id }}"
                                                        min="1" step="1"
                                                        placeholder="Enter maximum order quantity">
                                                </div>
                                                <div class="col-lg-3 mb-3">
                                                    <label class="form-label">Preferred customer groups</label>
                                                    <select name="customer_groups" id="customer_groups"
                                                        class="form-control form-select customer_groups">
                                                        <option selected disabled>Select preferred customer groups</option>
                                                        <option value="federalgov"
                                                            {{ @$product->getrequirments->customer_groups == 'federalgov' ? 'selected="true"' : '' }}>
                                                            City, State, Federal Government</option>
                                                        <option value="manufacturers"
                                                            {{ @$product->getrequirments->customer_groups == 'manufacturers' ? 'selected="true"' : '' }}>
                                                            Manufacturers</option>
                                                        <option value="wholesalers"
                                                            {{ @$product->getrequirments->customer_groups == 'wholesalers' ? 'selected="true"' : '' }}>
                                                            Wholesalers</option>
                                                        <option value="retailers"
                                                            {{ @$product->getrequirments->customer_groups == 'retailers' ? 'selected="true"' : '' }}>
                                                            Retailers</option>
                                                        <option value="individuals"
                                                            {{ @$product->getrequirments->customer_groups == 'individuals' ? 'selected="true"' : '' }}>
                                                            Individuals</option>
                                                        <option value="farmers"
                                                            {{ @$product->getrequirments->customer_groups == 'farmers' ? 'selected="true"' : '' }}>
                                                            Farmers</option>
                                                        <option value="registered"
                                                            {{ @$product->getrequirments->customer_groups == 'registered' ? 'selected="true"' : '' }}>
                                                            Registered companies</option>
                                                        <option value="trading"
                                                            {{ @$product->getrequirments->customer_groups == 'trading' ? 'selected="true"' : '' }}>
                                                            Import/ Export/ Trading companies</option>
                                                        <option value="universities"
                                                            {{ @$product->getrequirments->customer_groups == 'universities' ? 'selected="true"' : '' }}>
                                                            Schools and Universities</option>
                                                        <option value="professional"
                                                            {{ @$product->getrequirments->customer_groups == 'professional' ? 'selected="true"' : '' }}>
                                                            Professional companies</option>
                                                        <option value="hospitals"
                                                            {{ @$product->getrequirments->customer_groups == 'hospitals' ? 'selected="true"' : '' }}>
                                                            Hospitals</option>
                                                        <option value="individuals"
                                                            {{ @$product->getrequirments->customer_groups == 'individuals' ? 'selected="true"' : '' }}>
                                                            Individuals</option>
                                                    </select>
                                                </div>
                                                <div class="col-lg-3 mb-3">
                                                    <label class="form-label">Minimum buyer rating</label>
                                                    <select name="min_buyer_rating" id="min_buyer_rating"
                                                        class="form-control form-select min_buyer_rating">
                                                        <option selected disabled>Select minimum buyer rating</option>
                                                        <option value="1"
                                                            {{ @$product->getrequirments->min_buyer_rating == '1' ? 'selected="true"' : '' }}>
                                                            1 Star</option>
                                                        <option value="2"
                                                            {{ @$product->getrequirments->min_buyer_rating == '2' ? 'selected="true"' : '' }}>
                                                            2 Star</option>
                                                        <option value="3"
                                                            {{ @$product->getrequirments->min_buyer_rating == '3' ? 'selected="true"' : '' }}>
                                                            3 Star</option>
                                                        <option value="4"
                                                            {{ @$product->getrequirments->min_buyer_rating == '4' ? 'selected="true"' : '' }}>
                                                            4 Star</option>
                                                        <option value="5"
                                                            {{ @$product->getrequirments->min_buyer_rating == '5' ? 'selected="true"' : '' }}>
                                                            5 Star</option>
                                                        <option value="6"
                                                            {{ @$product->getrequirments->min_buyer_rating == '6' ? 'selected="true"' : '' }}>
                                                            6 Star</option>
                                                        <option value="7"
                                                            {{ @$product->getrequirments->min_buyer_rating == '7' ? 'selected="true"' : '' }}>
                                                            7 Star</option>
                                                        <option value="8"
                                                            {{ @$product->getrequirments->min_buyer_rating == '8' ? 'selected="true"' : '' }}>
                                                            8 Star</option>
                                                        <option value="9"
                                                            {{ @$product->getrequirments->min_buyer_rating == '9' ? 'selected="true"' : '' }}>
                                                            9 Star</option>
                                                    </select>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </form>
                            </div>
                            <!-- Product Media Tab -->
                            @php
                                $galleries = !empty(@$product->getimages)
                                    ? @$product->getimages
                                        ->whereNull('deleted_at')
                                        ->whereIn('section', ['mainimage', 'gallery'])
                                        ->sortBy('order_number')
                                    : '';
                                $documents = !empty(@$product->getimages)
                                    ? @$product->getimages->whereNull('deleted_at')->where('section', 'document')
                                    : '';
                            @endphp
                            <div class="tab-pane show" id="media" role="tabpanel">
                                <div class="card">
                                    <div class="card-header d-flex justify-content-between align-items-center">
                                        <label class="form-label mb-0">Product Gallery
                                            <span class="upload-file-msg"> (Click and Drag to Order)</span>
                                        </label>
                                        <a data-bs-toggle="modal" data-bs-target="#add_media" class="btn-cw pe-3">
                                            <i class="bi bi-plus"></i>
                                            Upload Product Images
                                        </a>
                                    </div>
                                    <div class="card-body">
                                        <div class="mb-3">
                                            @if (!empty($galleries) && count($galleries) > 0)
                                                <div id="gallerydiv" class="row gallerydiv"
                                                    data-pid="{{ @$product->id }}">
                                                    @foreach ($galleries as $key => $gallery)
                                                        <div id="{{ $gallery->id }}"
                                                            class="galleryimg col-lg-2 col-6 mb-2 gallerydiv{{ $gallery->id }} {{ $key == 0 ? 'active' : '' }}">
                                                            <div class="gallery-item">
                                                                <div class="gallery-option dropdown">
                                                                    <div class="d-flex justify-content-end">
                                                                        <div
                                                                            class="d-flex justify-content-between align-items-center w-100">
                                                                            <span class="img-primary">
                                                                                <span
                                                                                    class="text-img-primary">Primary</span>
                                                                            </span>
                                                                            <a class="text-muted"
                                                                                href="javascript:void(0);"
                                                                                data-bs-toggle="dropdown"
                                                                                aria-haspopup="true"
                                                                                aria-expanded="false"><i
                                                                                    class="bi bi-three-dots-vertical"></i></a>
                                                                            <div class="dropdown-menu dropdown-menu-end">
                                                                                <a href="javascript:void(0);"
                                                                                    data-id="{{ $gallery->id }}"
                                                                                    data-pid="{{ $gallery->product_id }}"
                                                                                    class="dropdown-item p-2 rmimg">Delete</a>
                                                                                @if ($gallery->section != 'mainimage')
                                                                                    <a href="javascript:void(0);"
                                                                                        data-id="{{ $gallery->id }}"
                                                                                        data-pid="{{ $gallery->product_id }}"
                                                                                        class="dropdown-item primaryimg p-2">Primary</a>
                                                                                @endif
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <div class="gallery-container">
                                                                    <img src="{{ @$gallery->path }}" id="gallerypreview"
                                                                        alt="" class="gallery-img"
                                                                        onerror="src='/assets/img/noimg.jpg'"
                                                                        title="{{ $gallery->section == 'mainimage' ? 'Primary Image' : '' }}">
                                                                </div>

                                                            </div>
                                                            {{--
                                                                <div class="gallery-container">
                                                                    <img src="{{ @$gallery->path }}"
                                                                        id="gallerypreview" alt=""
                                                                        class="gallery-img"
                                                                        onerror="src='/assets/img/noimg.jpg'" title="{{ ($gallery->section == 'mainimage') ? 'Primary Image' : ''}}">
                                                                        <button type="button" class="btn-close rmimg" data-id="{{$gallery->id}}" data-pid="{{$gallery->product_id}}" aria-label="Close"></button>
                                                                </div>
                                                            --}}
                                                        </div>
                                                    @endforeach
                                                </div>
                                            @else
                                                <div class="nouploaded-media-message">
                                                    No images uploaded,
                                                    <a data-bs-toggle="modal" data-bs-target="#add_media"
                                                        class="text-primary fw-bold">Click Here</a> to upload product
                                                    images
                                                </div>
                                            @endif
                                        </div>
                                        <div class="">
                                            {{--
                                            <div class="row">
                                                <div class="col-lg-8">
                                                    <div class="mb-3">
                                                        <label class="form-label">Primary Image</label>
                                                        <div class="imgpreview-container">
                                                            <img src="{{ !empty($images['mainimage']) ? @$images['mainimage']->first()->path : '' }}"
                                                                data-path="{{ !empty($images['mainimage']) ? @$images['mainimage']->first()->path : '' }}"
                                                                id="mainimgpreview" alt="" class="imgpreview-img"
                                                                onerror="src='/assets/img/noimg.jpg'">
                                                        </div>
                                                        <input type="file" name="mainimage" id="mainimage"
                                                            data-prvid="mainimgpreview" class="form-control mainimage"
                                                            onchange="readURL(this);" accept="image/jpeg, image/png">
                                                        <span class="upload-file-msg">Recommended size: 500 x 500 |
                                                            Supported File types - PNG, JPG</span>
                                                    </div>
                                                </div>
                                            </div>
                                            --}}

                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- Product Shipping Tab -->
                            <div class="tab-pane show" id="shipping" role="tabpanel">
                                <form action="javascript:void(0);" method="post"
                                    enctype="multipart/form-data" id="productShipping">
                                    @csrf
                                    <div class="card">
                                        <div class="card-body">
                                            <div class="row">
                                                <div class="col-lg-3 mb-3">
                                                    <label class="form-label">Regulated for transportation?</label>
                                                    <select name="regulated_transportation" id="regulated_transportation"
                                                        class="form-control form-select regulated_transportation">
                                                        <option selected disabled>Select</option>
                                                        <option value="1"
                                                            {{ @$product->getshipping->regulated_transportation == '1' ? 'selected="true"' : '' }}>
                                                            Yes</option>
                                                        <option value="0"
                                                            {{ @$product->getshipping->regulated_transportation == '0' ? 'selected="true"' : '' }}>
                                                            No</option>
                                                    </select>
                                                </div>
                                                {{--
                                                <div class="col-lg-3 mb-3">
                                                    <label class="form-label">UN Number</label>
                                                    <input type="text" name="un_number"
                                                        value="{{ @$product->getshipping->un_number }}" id="un_number"
                                                        class="form-control un_number" placeholder="Enter UN number">
                                                </div>
                                                --}}
                                                <div class="col-lg-3 mb-3">
                                                    <label class="form-label">Ship the product individually?</label>
                                                    <select name="ship_product" id="ship_product"
                                                        class="form-control form-select ship_product">
                                                        <option selected disabled>Select</option>
                                                        <option value="1"
                                                            {{ @$product->getshipping->ship_product == '1' ? 'selected="true"' : '' }}>
                                                            Yes</option>
                                                        <option value="0"
                                                            {{ @$product->getshipping->ship_product == '0' ? 'selected="true"' : '' }}>
                                                            No</option>
                                                    </select>
                                                </div>
                                                <div class="col-lg-3 mb-3">
                                                    <label class="form-label">Free Shipping</label>
                                                    <select name="free_shipping" id="free_shipping"
                                                        class="form-control form-select free_shipping">
                                                        <option selected disabled>Select</option>
                                                        <option value="1"
                                                            {{ @$product->getshipping->free_shipping == '1' ? 'selected="true"' : '' }}>
                                                            Yes</option>
                                                        <option value="0"
                                                            {{ @$product->getshipping->free_shipping == '0' ? 'selected="true"' : '' }}>
                                                            No</option>
                                                    </select>
                                                </div>

                                                <div class="col-lg-3 mb-3">
                                                    <label class="form-label">Fixed shipping price</label>
                                                    <input type="text" name="shipping_price" id="shipping_price"
                                                        value="{{ @$product->getshipping->shipping_price }}"
                                                        class="form-control shipping_price"
                                                        onkeyup="this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*?)\..*/g, '$1')"
                                                        maxlength="6" placeholder="Select fixed shipping price">
                                                </div>
                                                <div class="col-lg-3 mb-3">
                                                    <label class="form-label">Required hazard label</label>
                                                    <select name="hazard_label" id="hazard_label"
                                                        class="form-control form-select hazard_label">
                                                        <option selected disabled>Select</option>
                                                        <option value="corrosive"
                                                            {{ @$product->getshipping->hazard_label == 'corrosive' ? 'selected="true"' : '' }}>
                                                            Corrosive</option>
                                                        <option value="other"
                                                            {{ @$product->getshipping->hazard_label == 'other' ? 'selected="true"' : '' }}>
                                                            Other</option>
                                                    </select>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </form>
                            </div>
                            <!-- Product Export Tab -->
                            <div class="tab-pane show" id="export" role="tabpanel">
                                <form action="javascript:void(0);" method="post"
                                    enctype="multipart/form-data" id="productExport">
                                    @csrf
                                    <div class="card">
                                        <div class="card-body">
                                            <div class="row">
                                                <div class="col-lg-3 mb-3">
                                                    <label class="form-label">Do you export to other countries?</label>
                                                    <select name="other_country_export" id="other_country_export"
                                                        class="form-control form-select other_country_export">
                                                        <option selected disabled>Select Countries</option>
                                                        <option value="1"
                                                            {{ @$product->getexport->other_country_export == '1' ? 'selected="true"' : '' }}>
                                                            Yes</option>
                                                        <option value="0"
                                                            {{ @$product->getexport->other_country_export == '0' ? 'selected="true"' : '' }}>
                                                            No</option>
                                                    </select>
                                                </div>
                                                <div class="col-lg-3 mb-3 countrydiv" style="display:none;">
                                                    <label class="form-label">Select Countries</label>
                                                    <select name="country_id[]" id="export_country_id"
                                                        class="form-control form-select" multiple="true">
                                                        @foreach (Common::country() as $country)
                                                            <option value="{{ $country['id'] }}"
                                                                {{ empty(@$product->getexportcountry->country_id) && $country['iso2_code'] == 'US' ? 'selected' : (!empty(@$product->getexportcountry->country_id) && @$product->getexportcountry->country_id == $country['id'] ? 'selected' : '') }}>
                                                                {{ $country['name_en'] }}
                                                            </option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </form>
                            </div>
                            <!-- Product document Tab -->
                            <div class="tab-pane show" id="document" role="tabpanel">
                                <form action="javascript:void(0);" method="post"
                                    enctype="multipart/form-data" id="productDocs">
                                    <input type="hidden" name="bid" id="bid" class="bid"
                                        value="{{ @$product->business_id }}" />
                                    @csrf
                                    <div class="card">
                                        <div class="card-body">
                                            <div class="row">
                                                <div class="col-xl-4 col-lg-4 mb-3 order-lg-2">
                                                    @if (!empty($documents))
                                                        <div class="row g-2">
                                                            <label class="form-label">Uploded Documents</label>
                                                            @php
                                                                $extArr = [
                                                                    'pdf' => 'pdf',
                                                                    'doc' => 'word',
                                                                    'docx' => 'word',
                                                                    'xls' => 'excel',
                                                                    'xlsx' => 'excel',
                                                                    'ppt' => 'ppt',
                                                                    'pptx' => 'ppt',
                                                                    'txt' => 'text',
                                                                    'rtf' => 'text',
                                                                ];
                                                                $extA = [
                                                                    'pdf',
                                                                    'doc',
                                                                    'docx',
                                                                    'xls',
                                                                    'xlsx',
                                                                    'ppt',
                                                                    'pptx',
                                                                ];
                                                            @endphp
                                                            @foreach ($documents as $document)
                                                                <div class="col-lg-2 col-6 mb-1">
                                                                    <a href="{{ @$document->path }}" target="_blank"
                                                                        title="{{ @$document->title }}">
                                                                        @if (in_array($document->extension, $extA))
                                                                            <i class="icon bi bi-file-{{ $extArr[$document->extension] }}"
                                                                                style="font-size:40px;"></i>
                                                                        @else
                                                                            <i class="icon bi bi-file-text"
                                                                                style="font-size:40px;"></i>
                                                                        @endif
                                                                        {{ @$document->title }}
                                                                    </a>
                                                                </div>
                                                            @endforeach
                                                        </div>
                                                    @endif
                                                </div>
                                                <div class="col-xl-8 col-lg-8 mb-3 order-lg-1">
                                                    <div class="row">
                                                        <div class="mb-3">
                                                            <label class="form-label">Upload document</label>
                                                        </div>
                                                        <div class="col-3">
                                                            <select id="documenttype" class="form-control form-select">
                                                                <option value="MSDS">MSDS Sheet</option>
                                                                <option value="other">Other</option>
                                                            </select>
                                                        </div>
                                                        <div class="col-5 documenttitlediv" style="display:none;">
                                                            <input type="text" name="title" id="documenttitle"
                                                                placeholder="Document Title" value="MSDS"
                                                                class="form-control documenttitle" required>
                                                        </div>
                                                        <div class="col-4">
                                                            <input type="file" name="document" id="document"
                                                                accept="application/pdf" class="form-control mainimage"
                                                                onchange="readURL(this);" required>
                                                            <span class="upload-file-msg">Supported File types - PDF</span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Add Warehouse Address -->
    @include('admin.users.add-address')
    <!-- Add Packaging -->
    @include('admin.products.add-package')
@endsection
@push('css')
    <link href="/assets/dashboard/css/filepond.css" rel="stylesheet" />
    <link href="{{ asset('assets/dashboard/css/timepicki.css') }}" rel="stylesheet" type="text/css" />
@endpush
@push('js')
    <script src="{{ asset('assets/dashboard/js/form-validation.js') }}"></script>
    <script src="/assets/dashboard/js/filepond.js"></script>
    <script src="{{ asset('assets/dashboard/js/timepicki.js') }}"></script>
    <script src="{{ asset('assets/dashboard/js/save-tabs.js') }}"></script>
    <script>
        FilePond.registerPlugin(FilePondPluginImagePreview, FilePondPluginFileValidateType, FilePondPluginFileValidateSize,
            FilePondPluginImageValidateSize);
        const input = document.querySelector('.fileupload');
        FilePond.create(input, {
            storeAsFile: true,
            acceptedFileTypes: ['image/jpeg', 'image/png'],
            allowFileSizeValidation: true,
            maxFileSize: '10MB',
            labelMaxFileSizeExceeded: 'File is too large',
            labelMaxFileSize: 'Maximum file size is {filesize}',
            allowImageValidateSize: true,
            imageValidateSizeMinWidth: 500,
            imageValidateSizeMinHeight: 500,
            imageValidateSizeLabelExpectedMinSize: 'Minimum size is {minWidth} × {minHeight}',
            labelIdle: 'Drag & Drop your files or <span class="filepond--label-action">Click Here to Browse</span>',
        });

        //For Add More Row Functionality
        function appendoption() {
            $('#multirows').append($('#multirow').clone().removeAttr('id'));
        }

        function removeoption(ele) {
            $(ele).parent().parent().remove();
        }
        $("#category_id").select2({
            multiple: true,
            width: "100%", // just for stack-snippet to show properly
            tokenSeparators: [","],
            placeholder: "Select Product Category",
        });
        $("#type_id").select2({
            multiple: true,
            width: "100%", // just for stack-snippet to show properly
            tags: true,
            tokenSeparators: [","],
            placeholder: "Select Product Type",
        });
        $("#application_id").select2({
            multiple: true,
            width: "100%", // just for stack-snippet to show properly
            tokenSeparators: [","],
            placeholder: "Select Product Application",
        });
        $("#industry_id").select2({
            multiple: true,
            tags: true,
            width: "100%", // just for stack-snippet to show properly
            tokenSeparators: [","],
            placeholder: "Select Product Industry",
        });
        $("#cas_number").select2({
            multiple: true,
            width: "100%", // just for stack-snippet to show properly
            tokenSeparators: [","],
            placeholder: "Select CAS Numbers",
        });
        //Select2 Option
        $('#country_id').select2({
            multiple: false
        });
        //Select2 Option
        $('#export_country_id').select2({
            multiple: true
        });
        $(document).on('change', '#type_id', function(e) {
            if ($(this).val() == 'other') {
                $(".other_product_type_div").show();
            } else {
                $(".other_product_type_div").hide().val('');
            }
        });

        $(document).on('change', '#documenttype', function(e) {
            if ($(this).val() == 'other') {
                $("#documenttitle").val('');
                $(".documenttitlediv").show();
            } else {
                $("#documenttitle").val('MSDS');
                $(".documenttitlediv").hide();
            }
        }); // Update Status

        //Get Address Detail
        $('.getPackageInfo').on('click', function() {
            $('#packageError').html('');
            let ppid = $(this).attr('data-ppid');
            let pid = $(this).attr('data-pid');
            //console.log(id)
            let url = "/admin/product/packaging/" + ppid + "/edit/";
            $.ajax({
                url: url,
                type: 'GET',
                //dataType: 'json',
                success: function(response) {
                    //console.log(response.data);
                    if (response.success == '1') {
                        $("#measurement_units").val(response.data.measurement_units).change();
                        $("#packaging_type").val(response.data.packaging_type).change();
                        $("#pac_description").val(response.data.description);
                        $("#net_weight").val(response.data.net_weight);
                        $("#shipping_weight").val(response.data.shipping_weight);
                        $("#shipping_length").val(response.data.shipping_length).trigger('change');
                        $("#shipping_width").val(response.data.shipping_width);
                        $("#shipping_height").val(response.data.shipping_height);
                        $("#upc_code").val(response.data.upc_code);
                        $("#currency").val(response.data.currency).change();
                        $("#cost").val(response.data.cost);
                        $("#price").val(response.data.price);
                        $("#pac_min_quantity").val(response.data.min_quantity);
                        $("#pac_max_quantity").val(response.data.max_quantity);
                        $("#notes_instructions").val(response.data.notes_instructions);
                        $("#ppid").val(response.data.id);
                        $("#mode").val('edit');
                        if (response.data.packaging_type == 'other') {
                            $("#other_packaging_type").val(response.data.other_packaging_type);
                            $(".otherpackagename").show();
                        }
                        $('#addpackaging').modal('show');
                    }else{
                        sweetAlert(response.message);
                    }
                },
                error: function(result) {
                    // console.log('An error occurred: '+result.status+' '+result.statusText);
                    sweetAlert(result.responseJSON.message);
                    // $("div.blockUI").remove();
                }
            });
        });
        $('#addpackaging').on('hide.bs.modal', function(event) {
            $('#ppid').val('');
            $('#packageError').hide().html('');
            $("#productPackaging")[0].reset();
        })
        $("#other_country_export").on('change', function(e) {
            if ($(this).val() == 1) {
                $(".countrydiv").show();
            } else {
                $(".countrydiv").hide();
            }
        });

        $('#operation_hours_from').timepicki({
            start_time: ["06", "00", "AM"],
            step_size_minutes: 15,
        });
        $('#operation_hours_to').timepicki({
            start_time: ["06", "00", "PM"],
            step_size_minutes: 15,
        });
        $(document).on("change", ".packaging_type", function() {
            var packaging = $('#packaging_type').val();
            if (packaging == 'other') {
                $(".otherpackagename").show();
            } else {
                $(".otherpackagename").hide();
            }
        });
    </script>
    <script>
        document.addEventListener('DOMContentLoaded', () => {
            const conversion = {
                metricToImperial: {
                    kgToLb: kg => (kg * 2.20462).toFixed(2),
                    cmToInch: cm => (cm * 0.393701).toFixed(2)
                },
                imperialToMetric: {
                    lbToKg: lb => (lb * 0.453592).toFixed(2),
                    inchToCm: inch => (inch * 2.54).toFixed(2)
                }
            };

            function updateUnitLabels(units) {
                const weightLabel = units === 'imperial' ? 'Lb' : 'Kg';
                const lengthLabel = units === 'imperial' ? 'Inch' : 'cm';

                document.querySelectorAll('.unit-weight').forEach(label => label.textContent = weightLabel);
                document.querySelectorAll('.unit-length').forEach(label => label.textContent = lengthLabel);
            }

            function convertValues(units) {
                document.querySelectorAll('.net_weight, .shipping_weight').forEach(input => {
                    input.value = units === 'imperial' ?
                        conversion.metricToImperial.kgToLb(parseFloat(input.value) || 0) :
                        conversion.imperialToMetric.lbToKg(parseFloat(input.value) || 0);
                });

                document.querySelectorAll('.shipping_length, .shipping_width, .shipping_height').forEach(input => {
                    input.value = units === 'imperial' ?
                        conversion.metricToImperial.cmToInch(parseFloat(input.value) || 0) :
                        conversion.imperialToMetric.inchToCm(parseFloat(input.value) || 0);
                });
            }

            const measurementUnits = document.getElementById('measurement_units').value;
            updateUnitLabels(measurementUnits);

            document.getElementById('measurement_units').addEventListener('change', function() {
                const selectedUnits = this.value;
                updateUnitLabels(selectedUnits);
                convertValues(selectedUnits);
            });
        });
    </script>
    <script src="{{ asset('assets/dashboard/js/lib/jquery-ui.js') }}"></script>
    <script src="{{ asset('assets/dashboard/js/lib/jquery.ui.touch-punch.min.js') }}"></script>
    <script>
        $(document).ready(function() {
            $('#product_tag').select2({
                placeholder: 'Select tags...',
                tags: true,
                tokenSeparators: [',', ' '],
                minimumInputLength: 2,
            });

            function fetchSuggestions(word) {
                console.log(`Fetching suggestions for: ${word}`);

                if (word.length < 2) return;

                $.when(
                    $.getJSON(`https://api.datamuse.com/words?sp=${word}&max=5`),
                    $.getJSON(`https://api.datamuse.com/words?sl=${word}&max=5`)
                ).then(function(patternWords, similarWords) {
                    const allSuggestions = [
                        ...patternWords[0],
                        ...similarWords[0]
                    ];

                    console.log("Suggestions fetched:", allSuggestions);

                    const select = $('#product_tag');

                    allSuggestions.forEach(function(wordObj) {
                        const word = wordObj.word;

                        if (!select.find(`option[value="${word}"]`).length) {
                            const option = new Option(word, word, false, false);
                            select.append(option);
                        }
                    });

                    select.trigger('change');

                    if (select.hasClass('select2-hidden')) {
                        select.select2('open');
                    }
                }).catch(function(error) {
                    console.error("Error fetching suggestions:", error);
                });
            }

            $('body').on('keyup', '.select2-search__field', function() {
                const word = $(this).val().trim();
                console.log(`User typed: ${word}`);

                if (word) {
                    fetchSuggestions(word);
                }
            });
        });
    </script>
@endpush