@extends('backend.layouts.app')

@section('content')
    <div class="page-content">
        <div class="aiz-titlebar text-left mt-2 pb-2 px-3 px-md-2rem border-bottom border-gray">
            <div class="row align-items-center">
                <div class="col">
                    <h1 class="h3">{{ translate('Edit Product') }}</h1>
                </div>
                {{-- <div class="col text-right">
                <a class="btn has-transition btn-xs p-0 hov-svg-danger" href="{{ route('home') }}"
                    target="_blank" data-toggle="tooltip" data-placement="top" data-title="{{ translate('View Tutorial Video') }}">
                    <svg xmlns="http://www.w3.org/2000/svg" width="19.887" height="16" viewBox="0 0 19.887 16">
                        <path id="_42fbab5a39cb8436403668a76e5a774b" data-name="42fbab5a39cb8436403668a76e5a774b" d="M18.723,8H5.5A3.333,3.333,0,0,0,2.17,11.333v9.333A3.333,3.333,0,0,0,5.5,24h13.22a3.333,3.333,0,0,0,3.333-3.333V11.333A3.333,3.333,0,0,0,18.723,8Zm-3.04,8.88-5.47,2.933a1,1,0,0,1-1.473-.88V13.067a1,1,0,0,1,1.473-.88l5.47,2.933a1,1,0,0,1,0,1.76Zm-5.61-3.257L14.5,16l-4.43,2.377Z" transform="translate(-2.17 -8)" fill="#9da3ae"/>
                    </svg>
                </a>
            </div> --}}
            </div>
        </div>

        <div class="d-sm-flex">
            <!-- page side nav -->
            <div class="page-side-nav c-scrollbar-light px-3 py-2">
                <ul class="nav nav-tabs flex-sm-column border-0" role="tablist" aria-orientation="vertical">
                    <!-- General -->
                    <li class="nav-item">
                        <a class="nav-link" id="general-tab" href="#general" data-toggle="tab" data-target="#general"
                            type="button" role="tab" aria-controls="general" aria-selected="true">
                            {{ translate('General') }}
                        </a>
                    </li>
                    <!-- Files & Media -->
                    <li class="nav-item">
                        <a class="nav-link" id="files-and-media-tab" href="#files_and_media" data-toggle="tab"
                            data-target="#files_and_media" type="button" role="tab" aria-controls="files_and_media"
                            aria-selected="false">
                            {{ translate('Files & Media') }}
                        </a>
                    </li>
                    <!-- Price & Stock -->
                    <li class="nav-item">
                        <a class="nav-link" id="price-and-stocks-tab" href="#price_and_stocks" data-toggle="tab"
                            data-target="#price_and_stocks" type="button" role="tab" aria-controls="price_and_stocks"
                            aria-selected="false">
                            {{ translate('Price & Stock') }}
                        </a>
                    </li>
                    <!-- SEO -->
                    @if(env('ENABLE_SEO_PRODUCT') == true)
                        <li class="nav-item">
                            <a class="nav-link" id="seo-tab" href="#seo" data-toggle="tab" data-target="#seo"
                                type="button" role="tab" aria-controls="seo" aria-selected="false">
                                {{ translate('SEO') }}
                            </a>
                        </li>
                    @endif
                    <!-- Shipping -->
                    @if(env('ENABLE_SHIPPING_PRODUCT') == true)
                        <li class="nav-item">
                            <a class="nav-link" id="shipping-tab" href="#shipping" data-toggle="tab" data-target="#shipping"
                                type="button" role="tab" aria-controls="shipping" aria-selected="false">
                                {{ translate('Shipping') }}
                            </a>
                        </li>
                    @endif


                    <!-- Warranty -->
                    @if(env('ENABLE_WARRANTY') == true)
                        <li class="nav-item">
                            <a class="nav-link" id="warranty-tab" href="#warranty" data-toggle="tab" data-target="#warranty"
                                type="button" role="tab" aria-controls="warranty" aria-selected="false">
                                {{ translate('Warranty') }}
                            </a>
                        </li>
                    @endif

                    <!-- Frequently Bought Product -->
                    @if(env('ENABLE_FREQUENTLY_BOUGHT_PRODUCT') == true)
                        <li class="nav-item">
                            <a class="nav-link" id="frequenty-bought-product-tab" href="#frequenty-bought-product"
                                data-toggle="tab" data-target="#frequenty-bought-product" type="button" role="tab"
                                aria-controls="frequenty-bought-product" aria-selected="false">
                                {{ translate('Frequently Bought') }}
                            </a>
                        </li>
                    @endif
                </ul>
            </div>

            <!-- tab content -->
            <div class="flex-grow-1 p-sm-3 p-lg-2rem mb-2rem mb-md-0">
                <!-- Error Meassages -->
                @if ($errors->any())
                    <div class="alert alert-danger">
                        <ul class="mb-0">
                            @foreach ($errors->all() as $error)
                                <li>{{ $error }}</li>
                            @endforeach
                        </ul>
                    </div>
                @endif

                <form action="{{ route('products.update', $product->id) }}" method="POST" enctype="multipart/form-data"
                    enctype="multipart/form-data" id="choice_form">
                    @csrf
                    <input name="_method" type="hidden" value="POST">
                    <input type="hidden" name="id" value="{{ $product->id }}">
                    <input type="hidden" name="lang" value="{{ $lang }}">
                    <input type="hidden" name="tab" id="tab">

                    <ul class="nav nav-tabs nav-fill language-bar">
                        @foreach (get_all_active_language() as $key => $language)
                            <li class="nav-item">
                                <a class="nav-link text-reset @if ($language->code == $lang) active @endif py-3"
                                    href="{{ route('products.admin.edit', ['id' => $product->id, 'lang' => $language->code]) }}">
                                    <img src="{{ static_asset('assets/img/flags/' . $language->code . '.png') }}"
                                        height="11" class="mr-1">
                                    <span>{{ $language->name }}</span>
                                </a>
                            </li>
                        @endforeach
                    </ul>

                    <div class="tab-content">
                        <!-- General -->
                        <div class="tab-pane fade" id="general" role="tabpanel" aria-labelledby="general-tab">
                            <div class="bg-white p-3 p-sm-2rem">
                                <!-- Product Information -->
                                <h5 class="mb-3 pb-3 fs-17 fw-700" style="border-bottom: 1px dashed #e4e5eb;">
                                    {{ translate('Product Information') }}</h5>
                                <div class="w-100">
                                    <div class="row">
                                        <div class="col-xxl-7 col-xl-6">
                                            <!-- Product Name -->
                                            <div class="form-group row">
                                                <label
                                                    class="col-xxl-3 col-from-label fs-13">{{ translate('Product Name') }}
                                                    <span class="text-danger">*</span></label>
                                                <div class="col-xxl-9">
                                                    <input type="text"
                                                        class="form-control @error('name') is-invalid @enderror"
                                                        name="name" placeholder="{{ translate('Product Name') }}"
                                                        value="{{ $product->getTranslation('name', $lang) }}">
                                                </div>
                                            </div>
                                            <!-- Brand -->
                                            <div class="form-group row" id="brand">
                                                <label
                                                    class="col-xxl-3 col-from-label fs-13">{{ translate('Brand') }}</label>
                                                <div class="col-xxl-9">
                                                    <select class="form-control aiz-selectpicker" name="brand_id"
                                                        id="brand_id" data-live-search="true">
                                                        <option value="">{{ translate('Select Brand') }}</option>
                                                        @foreach (\App\Models\Brand::all() as $brand)
                                                            <option value="{{ $brand->id }}"
                                                                @if ($product->brand_id == $brand->id) selected @endif>
                                                                {{ $brand->getTranslation('name') }}</option>
                                                        @endforeach
                                                    </select>
                                                    <small
                                                        class="text-muted">{{ translate("You can choose a brand if you'd like to display your product by brand.") }}</small>
                                                </div>
                                            </div>
                                            <!-- Unit -->
                                            <div class="form-group row">
                                                <label class="col-xxl-3 col-from-label fs-13">{{ translate('Unit') }}
                                                    <span class="text-danger">*</span></label>
                                                <div class="col-xxl-9">
                                                    <input type="text"
                                                        class="form-control @error('unit') is-invalid @enderror"
                                                        name="unit"
                                                        placeholder="{{ translate('Unit (e.g. KG, Pc etc)') }}"
                                                        value="{{ $product->getTranslation('unit', $lang) }}">
                                                </div>
                                            </div>
                                            <!-- Weight -->
                                            <div class="form-group row">
                                                <label class="col-xxl-3 col-from-label fs-13">{{ translate('Weight') }}
                                                    <small>({{ translate('In Kg') }})</small></label>
                                                <div class="col-xxl-9">
                                                    <input type="number" class="form-control" name="weight"
                                                        value="{{ $product->weight }}" step="0.01"
                                                        placeholder="0.00">
                                                </div>
                                            </div>
                                            <!-- Quantity -->
                                            <div class="form-group row">
                                                <label
                                                    class="col-xxl-3 col-from-label fs-13">{{ translate('Minimum Purchase Qty') }}
                                                    <span class="text-danger">*</span></label>
                                                <div class="col-xxl-9">
                                                    <input type="number" lang="en"
                                                        class="form-control @error('min_qty') is-invalid @enderror"
                                                        name="min_qty"
                                                        value="{{ old('min_qty', $product->min_qty ?? 1) }}"
                                                        min="1">
                                                    <small
                                                        class="text-muted">{{ translate('The minimum quantity needs to be purchased by your customer.') }}</small>
                                                </div>
                                            </div>
                                            <!-- Tags -->
                                            <div class="form-group row">
                                                <label
                                                    class="col-xxl-3 col-from-label fs-13">{{ translate('Tags') }}</label>
                                                <div class="col-xxl-9">
                                                    <input type="text" class="form-control aiz-tag-input"
                                                        name="tags[]" id="tags" value="{{ $product->tags }}"
                                                        placeholder="{{ translate('Type to add a tag') }}"
                                                        data-role="tagsinput">
                                                    <small
                                                        class="text-muted">{{ translate('This is used for search. Input those words by which cutomer can find this product.') }}</small>
                                                </div>
                                            </div>

                                            @if (addon_is_activated('pos_system'))
                                                <!-- Barcode -->
                                                <div class="form-group row">
                                                    <label
                                                        class="col-xxl-3 col-from-label fs-13">{{ translate('Barcode') }}</label>
                                                    <div class="col-xxl-9">
                                                        <input type="text" class="form-control" name="barcode"
                                                            placeholder="{{ translate('Barcode') }}"
                                                            value="{{ $product->barcode }}">
                                                    </div>
                                                </div>
                                            @endif
                                        </div>

                                        <!-- Product Category -->
                                        <div class="col-xxl-5 col-xl-6">
                                            <div
                                                class="card @if ($errors->has('category_ids') || $errors->has('category_id')) border border-danger @endif">
                                                <div class="card-header">
                                                    <h5 class="mb-0 h6">{{ translate('Product Category') }}</h5>
                                                    <h6 class="float-right fs-13 mb-0">
                                                        {{ translate('Select Main') }}
                                                        <span class="position-relative main-category-info-icon">
                                                            <i class="las la-question-circle fs-18 text-info"></i>
                                                            <span
                                                                class="main-category-info bg-soft-info p-2 position-absolute d-none border">{{ translate('This will be used for commission based calculations and homepage category wise product Show.') }}</span>
                                                        </span>
                                                    </h6>
                                                </div>
                                                <div class="card-body">
                                                    <div class="h-300px overflow-auto c-scrollbar-light">
                                                        @php
                                                            $old_categories = $product
                                                                ->categories()
                                                                ->pluck('category_id')
                                                                ->toArray();
                                                        @endphp
                                                        <ul class="hummingbird-treeview-converter list-unstyled"
                                                            data-checkbox-name="category_ids[]"
                                                            data-radio-name="category_id">
                                                            @foreach ($categories as $category)
                                                                <li id="{{ $category->id }}">
                                                                    {{ $category->getTranslation('name') }}</li>
                                                                @foreach ($category->childrenCategories as $childCategory)
                                                                    @include(
                                                                        'backend.product.products.child_category',
                                                                        ['child_category' => $childCategory]
                                                                    )
                                                                @endforeach
                                                            @endforeach
                                                        </ul>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <!-- Description -->
                                    <div class="form-group">
                                        <label class="fs-13">{{ translate('Description') }}</label>
                                        <div class="">
                                            <textarea class="aiz-text-editor" name="description">{{ $product->getTranslation('description', $lang) }}</textarea>
                                        </div>
                                    </div>
                                </div>

                                <!-- Refund -->
                                @if (addon_is_activated('refund_request'))
                                    <h5 class="mb-3 mt-5 pb-3 fs-17 fw-700" style="border-bottom: 1px dashed #e4e5eb;">
                                        {{ translate('Refund') }}</h5>
                                    <div class="w-100">
                                        <!-- Refundable -->
                                        <div class="form-group row">
                                            <label class="col-md-3 col-from-label">{{ translate('Refundable') }}?</label>
                                            <div class="col-md-9">
                                                <label class="aiz-switch aiz-switch-success mb-0">
                                                    <input type="checkbox" name="refundable"
                                                        @if ($product->refundable == 1) checked @endif value="1"
                                                        onchange="isRefundable()">
                                                    <span></span>
                                                </label>
                                            </div>
                                        </div>
                                        <div class="w-100 refund-block @if ($product->refundable != 1) d-none @endif">

                                            <div class="form-group row">
                                                <div class="col-md-12">
                                                    <label class="form-check-label fw-bold" for="flexCheckChecked">
                                                        <b>{{ translate('Note (Add from preset)') }} </b>
                                                    </label>
                                                </div>
                                            </div>

                                            <input type="hidden" name="refund_note_id" id="refund_note_id"
                                                value="{{ $product->refund_note_id }}">
                                            <div id="refund_note">
                                                @if ($product->refundNote != null)
                                                    <div class="border border-gray my-2 p-2">
                                                        {{ $product->refundNote->getTranslation('description') ?? '' }}
                                                    </div>
                                                @endif
                                            </div>

                                            <button type="button"
                                                class="btn btn-block border border-dashed hov-bg-soft-secondary mt-2 fs-14 rounded-0 d-flex align-items-center justify-content-center"
                                                onclick="noteModal('refund')">
                                                <i class="las la-plus"></i>
                                                <span class="ml-2">{{ translate('Select Refund Note') }}</span>
                                            </button>
                                        </div>
                                    </div>
                                @endif

                                <!-- Status -->
                                @if(env('ENABLE_FEATURED_PRODUCT') == true || env('ENABLE_IS_ONLINE_PRODUCT') == true || env('ENABLE_TODAY_DEAL_PRODUCT') == true || env('ENABLE_TRY_ON') == true || env('ENABLE_LENSES') == true)
                                    <h5 class="mb-3 mt-5 pb-3 fs-17 fw-700" style="border-bottom: 1px dashed #e4e5eb;">
                                        {{ translate('Status') }}</h5>
                                    <div class="w-100">
                                        <!-- Featured -->
                                        @if(env('ENABLE_FEATURED_PRODUCT') == true) 
                                            <div class="form-group row">
                                                <label class="col-md-3 col-from-label">{{ translate('Featured') }}</label>
                                                <div class="col-md-9">
                                                    <label class="aiz-switch aiz-switch-success mb-0 d-block">
                                                        <input type="checkbox" name="featured" value="1"
                                                            @if ($product->featured == 1) checked @endif>
                                                        <span></span>
                                                    </label>
                                                    <small
                                                        class="text-muted">{{ translate('If you enable this, this product will be granted as a featured product.') }}</small>
                                                </div>
                                            </div>
                                        @endif
                                        <!-- Is Online -->
                                        @if(env('ENABLE_IS_ONLINE_PRODUCT') == true) 
                                            <div class="form-group row">
                                                <label class="col-md-3 col-from-label">{{ translate('Is Online') }}</label>
                                                <div class="col-md-9">
                                                    <label class="aiz-switch aiz-switch-success mb-0 d-block">
                                                        <input type="checkbox" name="is_online" value="1"
                                                            @if ($product->is_online == 1) checked @endif>
                                                        <span></span>
                                                    </label>
                                                    <small
                                                        class="text-muted">{{ translate('If you enable this, this product will be granted as online product.') }}</small>
                                                </div>
                                            </div>
                                        @endif
                                        <!-- Todays Deal -->
                                        @if(env('ENABLE_TODAY_DEAL_PRODUCT') == true) 
                                            <div class="form-group row">
                                                <label class="col-md-3 col-from-label">{{ translate('Todays Deal') }}</label>
                                                <div class="col-md-9">
                                                    <label class="aiz-switch aiz-switch-success mb-0 d-block">
                                                        <input type="checkbox" name="todays_deal" value="1"
                                                            @if ($product->todays_deal == 1) checked @endif>
                                                        <span></span>
                                                    </label>
                                                    <small
                                                        class="text-muted">{{ translate('If you enable this, this product will be granted as a todays deal product.') }}</small>
                                                </div>
                                            </div>
                                        @endif
                                        @if(env('ENABLE_TRY_ON') == true)
                                        <div class="form-group row">
                                            <label class="col-md-3 col-from-label">{{ translate('Try On') }}</label>
                                            <div class="col-md-9">
                                                <label class="aiz-switch aiz-switch-success mb-0 d-block">
                                                    <input type="checkbox" name="try_on" value="1"
                                                        @if ($product->try_on == 1) checked @endif>
                                                    <span></span>
                                                </label>
                                                <small
                                                    class="text-muted">{{ translate('Enable this to let users virtually try this product on their face. Make sure to upload a transparent background image for this feature to work correctly.') }}</small>
                                            </div>
                                        </div>
                                        @endif
                                        @if(env('ENABLE_LENSES') == true)
                                        <div class="form-group row">
                                            <label class="col-md-3 col-from-label">{{ translate('Lenses') }}</label>
                                            <div class="col-md-9">
                                                <label class="aiz-switch aiz-switch-success mb-0 d-blo  ck">
                                                    <input type="checkbox" name="is_lenses" value="1"
                                                        @if ($product->is_lenses == 1) checked @endif>
                                                    <span></span>
                                                </label>
                                                <small
                                                    class="text-muted">{{ translate('Enable this option to activate lenses-related functionality on the frontend. When turned ON (value = 1), lenses features will be visible and functional.') }}</small>
                                            </div>
                                        </div>
                                        @endif
                                    </div>
                                @endif
                                <!-- Flash Deal -->
                                @if(env('ENABLE_FLASH_DEAL') == true)
                                    <h5 class="mb-3 mt-4 pb-3 fs-17 fw-700" style="border-bottom: 1px dashed #e4e5eb;">
                                        {{ translate('Flash Deal') }}
                                        <small
                                            class="text-muted">({{ translate('If you want to select this product as a flash deal, you can use it') }})</small>
                                    </h5>
                                    <div class="w-100">
                                        <!-- Gender -->
                                        <div class="form-group row">
                                            <label class="col-md-3 col-from-label">{{ translate('Gender') }}</label>
                                            <div class="col-xxl-9">
                                                <select class="form-control aiz-selectpicker" name="gender" id="gender">
                                                    <option value="">{{ translate('Select Gender') }}</option>
                                                    <option value="male">{{ translate('Male') }}</option>
                                                    <option value="female">{{ translate('Female') }}</option>
                                                    <option value="both">{{ translate('Both') }}</option>
                                                </select>
                                            </div>
                                        </div>
                                        <!-- Add To Flash -->
                                        <div class="form-group row">
                                            <label class="col-md-3 col-from-label">{{ translate('Add To Flash') }}</label>
                                            <div class="col-xxl-9">
                                                @php
                                                    $productFlashDealId =
                                                        $product->flash_deal_products->last()->flash_deal_id ?? null;
                                                @endphp
                                                <select class="form-control aiz-selectpicker" name="flash_deal_id"
                                                    id="video_provider">
                                                    <option value="">{{ translate('Choose Flash Title') }}</option>
                                                    @foreach (\App\Models\FlashDeal::where('status', 1)->get() as $flash_deal)
                                                        <option value="{{ $flash_deal->id }}"
                                                            @if ($productFlashDealId == $flash_deal->id) selected @endif>
                                                            {{ $flash_deal->title }}
                                                        </option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>
                                        <!-- Discount -->
                                        <div class="form-group row">
                                            <label class="col-md-3 col-from-label">{{ translate('Discount') }}</label>
                                            <div class="col-xxl-9">
                                                <input type="number" name="flash_discount" value="{{ $product->discount }}"
                                                    min="0" step="0.01" class="form-control">
                                            </div>
                                        </div>
                                        <!-- Discount Type -->
                                        <div class="form-group row">
                                            <label class="col-md-3 col-from-label">{{ translate('Discount Type') }}</label>
                                            <div class="col-xxl-9">
                                                <select class="form-control aiz-selectpicker" name="flash_discount_type"
                                                    id="">
                                                    <option value="">{{ translate('Choose Discount Type') }}</option>
                                                    <option value="amount" @if ($product->discount_type == 'amount') selected @endif>
                                                        {{ translate('Flat') }}
                                                    </option>
                                                    <option value="percent"
                                                        @if ($product->discount_type == 'percent') selected @endif>
                                                        {{ translate('Percent') }}
                                                    </option>
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                @endif

                                <!-- Vat & TAX -->
                                @if(env('ENABLE_VAT_TAX') == true)
                                    <h5 class="mb-3 mt-4 pb-3 fs-17 fw-700" style="border-bottom: 1px dashed #e4e5eb;">
                                        {{ translate('Vat & TAX') }}</h5>
                                    <div class="w-100">
                                        @foreach (\App\Models\Tax::where('tax_status', 1)->get() as $tax)
                                            <label for="name">
                                                {{ $tax->name }}
                                                <input type="hidden" value="{{ $tax->id }}" name="tax_id[]">
                                            </label>

                                            @php
                                                $tax_amount = 0;
                                                $tax_type = '';
                                                foreach ($tax->product_taxes as $row) {
                                                    if ($product->id == $row->product_id) {
                                                        $tax_amount = $row->tax;
                                                        $tax_type = $row->tax_type;
                                                    }
                                                }
                                            @endphp

                                            <div class="form-row">
                                                <div class="form-group col-md-6">
                                                    <input type="number" lang="en" min="0"
                                                        value="{{ $tax_amount }}" step="0.01"
                                                        placeholder="{{ translate('Tax') }}" name="tax[]"
                                                        class="form-control">
                                                </div>
                                                <div class="form-group col-md-6">
                                                    <select class="form-control aiz-selectpicker" name="tax_type[]">
                                                        <option value="amount"
                                                            @if ($tax_type == 'amount') selected @endif>
                                                            {{ translate('Flat') }}
                                                        </option>
                                                        <option value="percent"
                                                            @if ($tax_type == 'percent') selected @endif>
                                                            {{ translate('Percent') }}
                                                        </option>
                                                    </select>
                                                </div>
                                            </div>
                                        @endforeach
                                    </div>
                                @endif
                            </div>
                        </div>

                        <!-- Files & Media -->
                        <div class="tab-pane fade" id="files_and_media" role="tabpanel"
                            aria-labelledby="files-and-media-tab">
                            <div class="bg-white p-3 p-sm-2rem">
                                <!-- Product Files & Media -->
                                <h5 class="mb-3 pb-3 fs-17 fw-700" style="border-bottom: 1px dashed #e4e5eb;">
                                    {{ translate('Product Files & Media') }}</h5>
                                <div class="w-100">
                                    <!-- Gallery Images -->
                                    <div class="form-group row">
                                        <label class="col-md-3 col-form-label"
                                            for="signinSrEmail">{{ translate('Gallery Images') }}</label>
                                        <div class="col-md-9">
                                            <div class="input-group" data-toggle="aizuploader" data-type="image"
                                                data-multiple="true">
                                                <div class="input-group-prepend">
                                                    <div class="input-group-text bg-soft-secondary font-weight-medium">
                                                        {{ translate('Browse') }}</div>
                                                </div>
                                                <div class="form-control file-amount">{{ translate('Choose File') }}</div>
                                                <input type="hidden" name="photos" value="{{ $product->photos }}"
                                                    class="selected-files">
                                            </div>
                                            <div class="file-preview box sm">
                                            </div>
                                            <small
                                                class="text-muted">{{ translate('These images are visible in product details page gallery. Minimum dimensions required: 900px width X 900px height.') }}</small>
                                        </div>
                                    </div>
                                    <!-- Thumbnail Image -->
                                    <div class="form-group row">
                                        <label class="col-md-3 col-form-label"
                                            for="signinSrEmail">{{ translate('Thumbnail Image') }}</label>
                                        <div class="col-md-9">
                                            <div class="input-group" data-toggle="aizuploader" data-type="image">
                                                <div class="input-group-prepend">
                                                    <div class="input-group-text bg-soft-secondary font-weight-medium">
                                                        {{ translate('Browse') }}</div>
                                                </div>
                                                <div class="form-control file-amount">{{ translate('Choose File') }}</div>
                                                <input type="hidden" name="thumbnail_img"
                                                    value="{{ $product->thumbnail_img }}" class="selected-files">
                                            </div>
                                            <div class="file-preview box sm">
                                            </div>
                                            <small
                                                class="text-muted">{{ translate('This image is visible in all product box. Minimum dimensions required: 195px width X 195px height. Keep some blank space around main object of your image as we had to crop some edge in different devices to make it responsive.') }}</small>
                                        </div>
                                    </div>
                                </div>
                                <!-- Video Provider -->
                                @if(env('ENABLE_VIDEO_PROVIDER_PRODUCT') == true)
                                    <div class="form-group row">
                                        <label class="col-md-3 col-from-label">{{ translate('Video Provider') }}</label>
                                        <div class="col-md-9">
                                            <select class="form-control aiz-selectpicker" name="video_provider"
                                                id="video_provider">
                                                <option value="youtube" >{{ translate('Youtube') }}
                                                </option>
                                                <option value="dailymotion" >{{ translate('Dailymotion') }}
                                                </option>
                                                <option value="vimeo" >{{ translate('Vimeo') }}</option>
                                            </select>
                                        </div>
                                    </div>
                                @endif
                                <!-- Video Link -->
                                @if(env('ENABLE_VIDEO_LINK_PRODUCT') == true)
                                    <div class="form-group row">
                                        <label class="col-md-3 col-from-label">{{ translate('Video Link') }}</label>
                                        <div class="col-md-9">
                                            <input type="text" class="form-control" name="video_link"
                                                value="{{ $product->video_link }}"
                                                placeholder="{{ translate('Video Link') }}">
                                            <small
                                                class="text-muted">{{ translate("Use proper link without extra parameter. Don't use short share link/embeded iframe code.") }}</small>
                                        </div>
                                    </div>
                                @endif
                                <!-- PDF Specification -->
                                @if(env('ENABLE_PDF_SPECIFICATION_PRODUCT') == true)
                                    <div class="form-group row">
                                        <label class="col-md-3 col-form-label"
                                            for="signinSrEmail">{{ translate('PDF Specification') }}</label>
                                        <div class="col-md-9">
                                            <div class="input-group" data-toggle="aizuploader" data-type="document">
                                                <div class="input-group-prepend">
                                                    <div class="input-group-text bg-soft-secondary font-weight-medium">
                                                        {{ translate('Browse') }}</div>
                                                </div>
                                                <div class="form-control file-amount">{{ translate('Choose File') }}</div>
                                                <input type="hidden" name="pdf" value="{{ $product->pdf }}"
                                                    class="selected-files">
                                            </div>
                                            <div class="file-preview box sm">
                                            </div>
                                        </div>
                                    </div>
                                @endif
                            </div>
                        </div>

                        <!-- Price & Stock -->
                        <div class="tab-pane fade" id="price_and_stocks" role="tabpanel"
                            aria-labelledby="price-and-stocks-tab">
                            <div class="bg-white p-3 p-sm-2rem">
                                <!-- tab Title -->
                                <h5 class="mb-3 pb-3 fs-17 fw-700" style="border-bottom: 1px dashed #e4e5eb;">
                                    {{ translate('Product price & stock') }}</h5>
                                <div class="w-100">
                                    <!-- Colors -->
                                    <div class="form-group row gutters-5">
                                        <div class="col-md-3">
                                            <input type="text" class="form-control"
                                                value="{{ translate('Colors') }}" disabled>
                                        </div>
                                        <div class="col-md-8">
                                            <select class="form-control aiz-selectpicker" data-live-search="true"
                                                data-selected-text-format="count" name="colors[]" id="colors"
                                                multiple>
                                                @foreach (\App\Models\Color::orderBy('name', 'asc')->get() as $key => $color)
                                                    <option value="{{ $color->code }}"
                                                        data-content="<span><span class='size-15px d-inline-block mr-2 rounded border' style='background:{{ $color->code }}'></span><span>{{ $color->name }}</span></span>"