@extends('backend.layouts.app')

@section('content')

    @php

    @endphp

    <div class="aiz-titlebar mt-2 mb-3 p-3">
        <h5 class="d-flex align-items-center h4">{{ translate('Add New Product') }}</h5>
    </div>
    <div class="p-3">
        <!-- Error Meassages -->
        @if ($errors->any())
            <div class="alert alert-danger">
                <ul>
                    @foreach ($errors->all() as $error)
                        <li>{{ $error }}</li>
                    @endforeach
                </ul>
            </div>
        @endif
        <form class="form form-horizontal mar-top" action="{{ route('products.store') }}" method="POST"
            enctype="multipart/form-data" id="choice_form">
            <div class="row gutters-5 gap-0">
                <div class="col-lg-8">
                    @csrf
                    <input type="hidden" name="added_by" value="admin">
                    <div class="card">
                        <div class="card-body">
                            <ul class="nav nav-tabs nav-line-tabs mb-5 fs-6">
                                @foreach (get_languages() as $language)
                                    <li class="nav-item">

                                        <a class="nav-item nav-link  @if ($loop->first) active @endif"
                                            id="nav-home-tab" data-toggle="tab" href="#nav-{{ $language->code }}"
                                            role="tab" aria-controls="nav-home" aria-selected="true">
                                            <img src="{{ static_asset('assets/img/flags/' . $language->code . '.png') }}"
                                                height="11" class="mr-1">

                                            {{ $language->name }}</a>

                                    </li>
                                @endforeach
                            </ul>
                            <div class="tab-content" id="myTabContent">
                                @foreach (get_languages() as $language)
                                    <div class="tab-pane fade  @if ($loop->first) show active @endif"
                                        id="nav-{{ $language->code }}" role="tabpanel"
                                        aria-labelledby="nav-{{ $language->code }}">
                                        <div class="form-group row mt-1">

                                            <label class="col-lg-4 col-from-label fs-4"
                                                for="name_{{ $language->code }} ">{{ translate('Product Name') }}
                                                {{ $language->code }}</label>
                                            <div class="col-lg-8">
                                                <input type="text" class="form-control"
                                                    name="name_{{ $language->code }}" id="name_{{ $language->code }}"
                                                    placeholder="{{ translate('Product Name') }}"
                                                    value="{{ old('name_' . $language->code) }}"
                                                    @if ($loop->first) required @endif>
                                            </div>
                                        </div>
                                        <div class="form-group row mt-1">
                                            <label class="col-lg-4 col-from-label fs-4"
                                                for="unit_{{ $language->code }}">{{ translate('Unit') }}
                                                {{ $language->code }}
                                            </label>
                                            <div class="col-lg-8">
                                                <input type="text" class="form-control"
                                                    name="unit_{{ $language->code }}" id="unit_{{ $language->code }}"
                                                    placeholder="{{ translate('Unit (e.g. KG, Pc etc)') }}"
                                                    value="{{ old('unit_' . $language->code) }}">
                                            </div>
                                        </div>
                                        <div class="d-flex flex-column gap-4 w-100">
                                            <label class="fs-4"
                                                for="description_{{ $language->code }}">{{ translate('Description') }}
                                                {{ $language->code }}</label>
                                            <div class="w-100 my-3">
                                                <textarea class="form-control" rows="6" name="description_{{ $language->code }}"
                                                    id="description_{{ $language->code }}">{{ old('description_' . $language->code) }}</textarea>
                                            </div>
                                        </div>
                                        <div class="form-group row">
                                            <label class="col-lg-4 col-from-label fs-4">{{ translate('Tags') }} <i
                                                    class="las la-language text-danger"
                                                    title="{{ translate('Translatable') }}"></i></label>
                                            <div class="col-lg-8">
                                                <input type="text" class="form-control aiz-tag-input"
                                                    name="tags_{{ $language->code }}[]" id="tags"
                                                    placeholder="{{ translate('Type to add a tag') }}"
                                                    data-role="tagsinput">
                                            </div>
                                        </div>
                                        <hr>
                                        <h5 class="mb-4 h6">{{ translate('SEO Meta Tags') }}</h5>

                                        <div class="form-group row mb-2 ">
                                            <label class="col-md-3 col-from-label fs-4 d-flex gap-1 align-items-center"
                                                for="description_{{ $language->code }}">{{ translate('Meta Title') }}
                                                _{{ $language->code }}</label>
                                            <div class="col-md-8">
                                                <input type="text" class="form-control"
                                                    name="meta_title_{{ $language->code }}"
                                                    placeholder="{{ translate('Meta Title') }}">
                                            </div>
                                        </div>
                                        <div class="form-group row mb-2 ">
                                            <label
                                                class="col-md-3 col-from-label fs-4 d-flex gap-1 align-items-center">{{ translate('Meta Description') }}
                                                _{{ $language->code }}</label>
                                            <div class="col-md-8">
                                                <textarea name="meta_description_{{ $language->code }}" rows="8" class="form-control"></textarea>
                                            </div>
                                        </div>
                                        <div class="form-group row mb-2 ">
                                            <label class="col-md-3 col-form-label"
                                                for="signinSrEmail">{{ translate('Meta Image') }}
                                                _{{ $language->code }}</label>
                                            <div class="col-md-8">
                                                <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="meta_img_{{ $language->code }}"
                                                        class="selected-files">
                                                </div>
                                                <div class="file-preview box sm">
                                                </div>
                                            </div>
                                        </div>


                                    </div>
                                @endforeach

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

                    <div class="card">
                        <div class="card-header">
                            <h5 class="d-flex align-items-center h4">{{ translate('Product Information') }}</h5>
                        </div>
                        <div class="card-body">

                            @if (get_setting('shipping_type') == 'product_wise_shipping')
                                <div class="row">

                                    <div class="col">
                                        <div class="form-group row">
                                            <label
                                                class="col-md-6 col-from-label fs-4">{{ translate('Free Shipping') }}</label>
                                            <div class="col-md-6">
                                                <label class="aiz-switch aiz-switch-info mb-0">
                                                    <input type="radio" name="shipping_type" value="free" checked>
                                                    <span></span>
                                                </label>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col">
                                        <div class="form-group row">
                                            <label
                                                class="col-md-6 col-from-label fs-4">{{ translate('Flat Rate') }}</label>
                                            <div class="col-md-6">
                                                <label class="aiz-switch aiz-switch-info mb-0">
                                                    <input type="radio" name="shipping_type" value="flat_rate">
                                                    <span></span>
                                                </label>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div class="flat_rate_shipping_div" style="display: none">


                                    <div class="form-group row mt-5">
                                        <label
                                            class="col-md-6 col-from-label fs-4">{{ translate('Is Product Quantity Mulitiply') }}</label>
                                        <div class="col-md-6">
                                            <label class="aiz-switch aiz-switch-info mb-0">
                                                <input type="checkbox" name="is_quantity_multiplied" value="1">
                                                <span></span>
                                            </label>
                                        </div>
                                    </div>
                                    <div class="form-group row">
                                        <label
                                            class="col-md-6 col-from-label fs-4">{{ translate('Shipping cost') }}</label>
                                        <div class="col-md-6">
                                            <input type="number" lang="en" min="0" value="0"
                                                step="0.01" placeholder="{{ translate('Shipping cost') }}"
                                                name="flat_shipping_cost" class="form-control" required>
                                        </div>
                                    </div>
                                </div>
                            @else
                                <p>
                                    {{ translate('Product wise shipping cost is disable. Shipping cost is configured from here') }}
                                    <a href="{{ route('shipping_configuration.index') }}"
                                        class="aiz-side-nav-link {{ areActiveRoutes(['shipping_configuration.index', 'shipping_configuration.edit', 'shipping_configuration.update']) }}">
                                        <span class="aiz-side-nav-text">{{ translate('Shipping Configuration') }}</span>
                                    </a>
                                </p>
                            @endif
                            <br>

                            <div class="form-group row ">
                                <label
                                    class="col-md-3 col-from-label fs-4 d-flex gap-1 align-items-center">{{ translate('Weight') }}
                                    <small>({{ translate('In Kg') }})</small></label>
                                <div class="col-md-8">
                                    <input type="number" class="form-control" name="weight" step="0.01"
                                        value="0.00" placeholder="0.00">
                                </div>
                            </div>


                            <div class="form-group row">
                                <label
                                    class="col-md-3 col-from-label fs-4 d-flex gap-1 align-items-center">{{ translate('Barcode') }}</label>
                                <div class="col-md-8">
                                    <input type="text" class="form-control" name="barcode"
                                        placeholder="{{ translate('Barcode') }}">
                                </div>
                            </div>


                            <div class="form-group row">
                                <label
                                    class="col-md-3 col-from-label fs-4 d-flex gap-1 align-items-center">{{ translate('Refundable') }}</label>
                                <div class="col-md-8">
                                    <label class="aiz-switch aiz-switch-info mb-0">
                                        <input type="checkbox" name="refundable" checked value="1">
                                        <span></span>
                                    </label>
                                </div>
                            </div>

                        </div>
                    </div>


                    <div class="card">
                        <div class="card-header">
                            <h5 class="d-flex align-items-center h4">{{ translate('Product Variation') }}</h5>
                        </div>
                        <div class="card-body">
                            <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
                                        disabled>
                                        @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>">
                                            </option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="col-md-1">
                                    <label class="aiz-switch aiz-switch-info mb-0">
                                        <input value="1" type="checkbox" name="colors_active">
                                        <span></span>
                                    </label>
                                </div>
                            </div>

                            <div class="form-group row gutters-5">
                                <div class="col-md-3">
                                    <input type="text" class="form-control" value="{{ translate('Attributes') }}"
                                        disabled>
                                </div>
                                <div class="col-md-8">
                                    <select name="choice_attributes[]" id="choice_attributes"
                                        class="form-control aiz-selectpicker" data-selected-text-format="count"
                                        data-live-search="true" multiple
                                        data-placeholder="{{ translate('Choose Attributes') }}">
                                        @foreach (\App\Models\Attribute::all() as $key => $attribute)
                                            <option value="{{ $attribute->id }}">{{ $attribute->getTranslation('name') }}
                                            </option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <div>
                                <p>{{ translate('Choose the attributes of this product and then input values of each attribute') }}
                                </p>
                                <br>
                            </div>

                            <div class="customer_choice_options" id="customer_choice_options">

                            </div>
                        </div>
                    </div>
                    <div class="card">
                        <div class="card-header">
                            <h5 class="d-flex align-items-center h4">{{ translate('Product price + stock') }}</h5>
                        </div>
                        <div class="card-body">
                            <div class="form-group row">
                                <label
                                    class="col-md-3 col-from-label fs-4 d-flex gap-1 align-items-center">{{ translate('Unit price') }}
                                    <span class="text-danger">*</span></label>
                                <div class="col-md-6">
                                    <input type="number" lang="en" min="0" value="0" step="0.01"
                                        placeholder="{{ translate('Unit price') }}" name="unit_price"
                                        class="form-control" required>
                                </div>
                            </div>

                            <hr>
                            {{--                            @foreach ($countries as $index => $country) --}}
                            {{--                                <div class="row my-3 "> --}}
                            {{--                                    <div class="form-group col-lg-1"> --}}
                            {{--                                        <label class="from-label fs-4">{{translate('Active')}} </label> --}}
                            {{--                                        <label class="aiz-switch aiz-switch-info mb-0"> --}}
                            {{--                                            <input type="checkbox" name="countries_price[{{$index}}][country_active]" --}}
                            {{--                                                   {{count($stocks->where('country_id',$country->id)) == 0 ? 'disabled' : 'checked'}} value="{{'checked'?1:0}}"> --}}
                            {{--                                            <span></span> --}}
                            {{--                                        </label> --}}
                            {{--                                    </div> --}}
                            {{--                                    <div class="form-group col"> --}}
                            {{--                                        <label class="from-label fs-4">{{translate('Country')}} <span --}}
                            {{--                                                class="text-danger">*</span></label> --}}
                            {{--                                        <input type="hidden"  value="{{$country->id}}" --}}
                            {{--                                               placeholder="{{ translate('Country') }}" name="countries_price[{{$index}}][country_id]" --}}
                            {{--                                               class="form-control" readonly> --}}
                            {{--                                        <input type="text"  value="{{$country->name}}" --}}
                            {{--                                               placeholder="{{ translate('Country') }}" --}}
                            {{--                                               class="form-control" readonly> --}}
                            {{--                                    </div> --}}
                            {{--                                    <div class="form-group col"> --}}
                            {{--                                        <label class="from-label fs-4">{{translate('+ price')}} $ <span --}}
                            {{--                                                class="text-danger">*</span></label> --}}
                            {{--                                        <input type="number" lang="en" min="0" value="0" step="0.01" --}}
                            {{--                                               placeholder="{{ translate('+ price') }}" name="countries_price[{{$index}}][price]" --}}
                            {{--                                               class="form-control" required> --}}
                            {{--                                    </div> --}}
                            {{--                                        <div class="form-group col"> --}}
                            {{--                                            <label class="from-label fs-4">{{translate('Quantity')}} <span --}}
                            {{--                                                    class="text-danger">*</span></label> --}}

                            {{--                                                <input type="number" lang="en" min="0" value="0" step="1" --}}
                            {{--                                                       placeholder="{{ translate('Quantity') }}" name="countries_price[{{$index}}][current_stock]" --}}
                            {{--                                                       class="form-control" required> --}}

                            {{--                                        </div> --}}

                            {{--                                        <div class="form-group col"> --}}
                            {{--                                            <label class="from-label fs-4">{{translate('Min  Qty')}} --}}
                            {{--                                                <span --}}
                            {{--                                                    class="text-danger">*</span></label> --}}

                            {{--                                                <input type="number" lang="en" class="form-control" name="countries_price[{{$index}}][min_qty]" value="1" --}}
                            {{--                                                       min="1" --}}
                            {{--                                                       required> --}}
                            {{--                                        </div> --}}

                            {{--                                        <div class="form-group col"> --}}
                            {{--                                            <label class="from-label fs-4"> --}}
                            {{--                                                {{translate('Stock')}} --}}
                            {{--                                            </label> --}}
                            {{--                                            <select class="form-control aiz-selectpicker" name="stock_id"> --}}
                            {{--                                              @foreach ($stocks->where('country_id', $country->id) as $stock) --}}
                            {{--                                                  <option value="{{$stock->id}}">{{$stock->name}}</option> --}}
                            {{--                                              @endforeach --}}

                            {{--                                            </select> --}}
                            {{--                                        </div> --}}
                            {{--                                </div> --}}
                            {{--                                @if (!$loop->last) <hr> @endif --}}
                            {{--                            @endforeach --}}


                            <!--begin::Repeater-->
                            <div id="kt_docs_repeater_basic">
                                <!--begin::Form group-->
                                <div class="form-group">
                                    <div data-repeater-list="stocks">
                                        <div data-repeater-item>
                                            <div class="form-group row">
                                                <div class="col-xl-2 col-md-2">
                                                    <label class="form-label">{{ translate('Country') }}</label>
                                                    <select class="form-select country_id"
                                                        name="countries_price[country_id]" data-live-search="true">
                                                        <option disabled selected></option>
                                                        @foreach ($countries as $index => $country)
                                                            <option value="{{ $country->id }}">{{ $country->name }}
                                                            </option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                                <div class="col-xl-2 col-md-2">
                                                    <label class="form-label">{{ translate('+ price') }} $
                                                        <span class="text-danger">*</span>
                                                    </label>
                                                    <input type="number" lang="en" min="0" value="0"
                                                        placeholder="{{ translate('+ price') }}"
                                                        name="countries_price[price]" class="form-control" required>
                                                </div>
                                                <div class="col-xl-2 col-md-2">
                                                    <label class="from-label ">{{ translate('Quantity') }} <span
                                                            class="text-danger">*</span></label>
                                                    <input type="number" min="1" value="0"
                                                        placeholder="{{ translate('Quantity') }}"
                                                        name="countries_price[current_stock]" class="form-control"
                                                        required>
                                                </div>

                                                <div class="col-xl-2 col-md-2">
                                                    <label class="from-label ">{{ translate('Min  Qty') }}
                                                        <span class="text-danger">*</span></label>

                                                    <input type="number" lang="en" class="form-control"
                                                        name="countries_price[min_qty]" value="1" min="1"
                                                        required>
                                                </div>

                                                <div class="col-xl-2 col-md-2">
                                                    <label class="from-label ">{{ translate('Stock') }}
                                                        <span class="text-danger">*</span></label>

                                                    <select class="form-select stock_id" name="countries_price[stock_id]"
                                                        data-live-search="true">
                                                    </select>
                                                </div>

                                                <div class="col-xl-2 col-md-2">
                                                    <a href="javascript:;" data-repeater-delete
                                                        class="btn btn-sm btn-light-danger mt-3 mt-md-8">
                                                        <i class="ki-duotone ki-trash fs-5"><span
                                                                class="path1"></span><span class="path2"></span><span
                                                                class="path3"></span><span class="path4"></span><span
                                                                class="path5"></span></i>
                                                        Delete
                                                    </a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!--end::Form group-->

                                <!--begin::Form group-->
                                <div class="form-group mt-5">
                                    <a href="javascript:;" data-repeater-create class="btn btn-light-primary">
                                        <i class="ki-duotone ki-plus fs-3"></i>
                                        Add
                                    </a>
                                </div>
                                <!--end::Form group-->
                            </div>
                            <!--end::Repeater-->

                            <hr>
                            <br>
                            <div class="form-group row">
                                <label class="col-sm-3 control-label"
                                    for="start_date">{{ translate('Discount Date Range') }}</label>
                                <div class="col-sm-9">
                                    <input type="text" class="form-control aiz-date-range" name="date_range"
                                        placeholder="{{ translate('Select Date') }}" data-time-picker="true"
                                        data-format="DD-MM-Y HH:mm:ss" data-separator=" to " autocomplete="off">
                                </div>
                            </div>

                            <div class="form-group row">
                                <label
                                    class="col-md-3 col-from-label fs-4 d-flex gap-1 align-items-center">{{ translate('Discount') }}
                                    <span class="text-danger">*</span></label>
                                <div class="col-md-6">
                                    <input type="number" lang="en" min="0" value="0" step="0.01"
                                        placeholder="{{ translate('Discount') }}" name="discount" class="form-control"
                                        required>
                                </div>
                                <div class="col-md-3">
                                    <select class="form-control aiz-selectpicker" name="discount_type">
                                        <option value="amount">{{ translate('Flat') }}</option>
                                        <option value="percent">{{ translate('Percent') }}</option>
                                    </select>
                                </div>
                            </div>


                            <div class="form-group row">
                                <label class="col-md-3 col-from-label fs-4 d-flex gap-1 align-items-center">
                                    {{ translate('Set Point') }}
                                </label>
                                <div class="col-md-6">
                                    <input type="number" lang="en" min="0" value="0" step="1"
                                        placeholder="{{ translate('1') }}" name="earn_point" class="form-control">
                                </div>
                            </div>



                            <div class="form-group row">
                                <label class="col-md-3 col-from-label fs-4 d-flex gap-1 align-items-center">
                                    {{ translate('External link') }}
                                </label>
                                <div class="col-md-9">
                                    <input type="text" placeholder="{{ translate('External link') }}"
                                        name="external_link" class="form-control">
                                    <small
                                        class="text-muted">{{ translate('Leave it blank if you do not use external site link') }}</small>
                                </div>
                            </div>
                            <div class="form-group row">
                                <label class="col-md-3 col-from-label fs-4 d-flex gap-1 align-items-center">
                                    {{ translate('External link button text') }}
                                </label>
                                <div class="col-md-9">
                                    <input type="text" placeholder="{{ translate('External link button text') }}"
                                        name="external_link_btn" class="form-control">
                                    <small
                                        class="text-muted">{{ translate('Leave it blank if you do not use external site link') }}</small>
                                </div>
                            </div>
                            <br>
                            <div class="sku_combination" id="sku_combination">

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

                    <div class="card">
                        <div class="card-header">
                            <h5 class="d-flex align-items-center h4">{{ translate('Product Images') }}</h5>
                        </div>
                        <div class="card-body">
                            <div class="form-group row">
                                <label class="col-md-3 col-form-label"
                                    for="signinSrEmail">{{ translate('Gallery Images') }}
                                    <small>(600x600)</small></label>
                                <div class="col-md-8">
                                    <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" 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. Use 600x600 sizes images.') }}</small>
                                </div>
                            </div>
                            <div class="form-group row">
                                <label class="col-md-3 col-form-label"
                                    for="signinSrEmail">{{ translate('Thumbnail Image') }}
                                    <small>(300x300)</small></label>
                                <div class="col-md-8">
                                    <div class="input-group" data-toggle="aizuploader" data-type="image">
                                        <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" class="selected-files">
                                    </div>
                                    <div class="file-preview box sm">
                                    </div>
                                    <small
                                        class="text-muted">{{ translate('This image is visible in all product box. Use 300x300 sizes image. Keep some blank space around main object of your image as we had to crop some edge in different devices to make it responsive.') }}</small>
                                </div>
                            </div>
                            <div class="form-group row">
                                <label class="col-md-3 col-form-label"
                                    for="signinSrEmail">{{ translate('Thumbnail Image 2') }}
                                    <small>(300x300)</small></label>
                                <div class="col-md-8">
                                    <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_2" class="selected-files">
                                    </div>
                                    <div class="file-preview box sm">
                                    </div>
                                    <small
                                        class="text-muted">{{ translate('This image is visible in all product box. Use 300x300 sizes image. Keep some blank space around main object of your image as we had to crop some edge in different devices to make it responsive.') }}</small>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="card">
                        <div class="card-header">
                            <h5 class="d-flex align-items-center h4">{{ translate('Product Videos') }}</h5>
                        </div>
                        <div class="card-body">
                            <div class="form-group row">
                                <label
                                    class="col-md-3 col-from-label fs-4 d-flex gap-1 align-items-center">{{ translate('Video Link') }}</label>
                                <div class="col-md-8">
                                    <input type="text" class="form-control" name="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>
                        </div>
                    </div>
                    <div class="card">
                        <div class="card-header">
                            <h5 class="d-flex align-items-center h4">{{ translate('PDF Specification') }}</h5>
                        </div>
                        <div class="card-body">
                            <div class="form-group row">
                                <label class="col-md-3 col-form-label"
                                    for="signinSrEmail">{{ translate('PDF Specification') }}</label>
                                <div class="col-md-8">
                                    <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" class="selected-files">
                                    </div>
                                    <div class="file-preview box sm">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>


                </div>

                <div class="col-lg-4 ">


                    <div class="card">
                        <div class="card-header">
                            <h5 class="d-flex align-items-center h4">
                                {{ translate('Shipping Configuration') }}
                            </h5>
                        </div>

                        <div class="card-body">


                            <div class="form-group row" id="category">
                                <label class="col-md-4 col-from-label fs-4 d-block">{{ translate('Category') }} <span
                                        class="text-danger">*</span></label>
                                <div class="col-md-8">
                                    <select class="form-control aiz-selectpicker" name="category_id"
                                        data-live-search="true">

                                        @foreach ($categories as $category)
                                            <option value="{{ $category->id }}">{{ $category->getTranslation('name') }}
                                            </option>
                                            @foreach ($category->childrenCategories as $childCategory)
                                                @include('public_files.categories.child_category', [
                                                    'child_category' => $childCategory,
                                                ])
                                            @endforeach
                                        @endforeach
                                    </select>
                                </div>
                            </div>



                        </div>
                    </div>


                    <div class="card">
                        <div class="card-header">
                            <h5 class="d-flex align-items-center h4">{{ translate('Low Stock Quantity Warning') }}</h5>
                        </div>
                        <div class="card-body">
                            <div class="form-group mb-3">
                                <label for="name">
                                    {{ translate('Quantity') }}
                                </label>
                                <input type="number" name="low_stock_quantity" value="1" min="0"
                                    step="1" class="form-control">
                            </div>
                        </div>
                    </div>

                    <div class="card">
                        <div class="card-header">
                            <h5 class="d-flex align-items-center h4">
                                {{ translate('Stock Visibility State') }}
                            </h5>
                        </div>

                        <div class="card-body">

                            <div class="form-group row">
                                <label
                                    class="col-md-6 col-from-label fs-4">{{ translate('Show Stock Quantity') }}</label>
                                <div class="col-md-6">
                                    <label class="aiz-switch aiz-switch-info mb-0">
                                        <input type="radio" name="stock_visibility_state" value="quantity" checked>
                                        <span></span>
                                    </label>
                                </div>
                            </div>

                            <div class="form-group row">
                                <label
                                    class="col-md-6 col-from-label fs-4">{{ translate('Show Stock With Text Only') }}</label>
                                <div class="col-md-6">
                                    <label class="aiz-switch aiz-switch-info mb-0">
                                        <input type="radio" name="stock_visibility_state" value="text">
                                        <span></span>
                                    </label>
                                </div>
                            </div>

                            <div class="form-group row">
                                <label class="col-md-6 col-from-label fs-4">{{ translate('Hide Stock') }}</label>
                                <div class="col-md-6">
                                    <label class="aiz-switch aiz-switch-info mb-0">
                                        <input type="radio" name="stock_visibility_state" value="hide">
                                        <span></span>
                                    </label>
                                </div>
                            </div>
                            <div class="form-group row">
                                <label class="col-md-6 col-from-label fs-4">{{ translate('Show Just Marketer') }}</label>
                                <div class="col-md-6">
                                    <label class="aiz-switch aiz-switch-info mb-0">
                                        <input type="radio" name="show_marketer" value="hide">
                                        <span></span>
                                    </label>
                                </div>
                            </div>

                        </div>
                    </div>

                    <div class="card">
                        <div class="card-header">
                            <h5 class="d-flex align-items-center h4">{{ translate('Cash On Delivery') }}</h5>
                        </div>
                        <div class="card-body">
                            @if (get_setting('cash_payment') == '1')
                                <div class="form-group row">
                                    <label class="col-md-6 col-from-label fs-4">{{ translate('Status') }}</label>
                                    <div class="col-md-6">
                                        <label class="aiz-switch aiz-switch-info mb-0">
                                            <input type="checkbox" name="cash_on_delivery" value="1"
                                                checked="">
                                            <span></span>
                                        </label>
                                    </div>
                                </div>
                            @else
                                {{--                            <p> --}}
                                {{--                                {{ translate('Cash On Delivery option is disabled. Activate this feature from here') }} --}}
                                {{--                                <a href="{{route('activation.index')}}" class="aiz-side-nav-link {{ areActiveRoutes(['shipping_configuration.index','shipping_configuration.edit','shipping_configuration.update'])}}"> --}}
                                {{--                                    <span class="aiz-side-nav-text">{{translate('Cash Payment Activation')}}</span> --}}
                                {{--                                </a> --}}
                                {{--                            </p> --}}
                            @endif
                        </div>
                    </div>

                    <div class="card">
                        <div class="card-header">
                            <h5 class="d-flex align-items-center h4">{{ translate('Featured') }}</h5>
                        </div>
                        <div class="card-body">
                            <div class="form-group row">
                                <label class="col-md-6 col-from-label fs-4">{{ translate('Status') }}</label>
                                <div class="col-md-6">
                                    <label class="aiz-switch aiz-switch-info mb-0">
                                        <input type="checkbox" name="featured" value="1">
                                        <span></span>
                                    </label>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="card">
                        <div class="card-header">
                            <h5 class="d-flex align-items-center h4">{{ translate('Todays Deal') }}</h5>
                        </div>
                        <div class="card-body">
                            <div class="form-group row">
                                <label class="col-md-6 col-from-label fs-4">{{ translate('Status') }}</label>
                                <div class="col-md-6">
                                    <label class="aiz-switch aiz-switch-info mb-0">
                                        <input type="checkbox" name="todays_deal" value="1">
                                        <span></span>
                                    </label>
                                </div>
                            </div>
                        </div>
                    </div>


                    <div class="card">
                        <div class="card-header">
                            <h5 class="d-flex align-items-center h4">{{ translate('Estimate Shipping Time') }}</h5>
                        </div>
                        <div class="card-body">
                            <div class="form-group mb-3">
                                <label for="name">
                                    {{ translate('Shipping Days') }}
                                </label>
                                <div class="input-group">
                                    <input type="number" class="form-control" name="est_shipping_days" min="1"
                                        step="1" placeholder="{{ translate('Shipping Days') }}">
                                    <div class="input-group-prepend">
                                        <span class="input-group-text"
                                            id="inputGroupPrepend">{{ translate('Days') }}</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="card">
                        <div class="card-header">
                            <h5 class="d-flex align-items-center h4">{{ translate('VAT & Tax') }}</h5>
                        </div>
                        <div class="card-body">
                            @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>

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

                </div>
                <div class="col-12">
                    <div class="btn-toolbar float-right mb-3 position-fixed bottom-0 right-4 " role="toolbar"
                        aria-label="Toolbar with button groups">
                        <div class="btn-group mx-4" role="group" aria-label="Third group">
                            <button type="submit" name="button" value="unpublish"
                                class="btn btn-primary action-btn">{{ translate('Save & Unpublish') }}</button>
                        </div>
                        <div class="btn-group" role="group" aria-label="Second group">
                            <button type="submit" name="button" value="publish"
                                class="btn btn-success action-btn">{{ translate('Save & Publish') }}</button>
                        </div>
                    </div>
                </div>
            </div>
        </form>
    </div>
    <style>
        .card-body {
            padding: 10px !important;
        }

        .form-group.row {
            margin-bottom: 12px !important;
        }
    </style>

@endsection

@section('script')
    <script src="{{ asset('assets/plugins/custom/formrepeater/formrepeater.bundle.js') }}"></script>
    <script type="text/javascript">
        $('form').bind('submit', function(e) {
            if ($(".action-btn").attr('attempted') == 'true') {
                //stop submitting the form because we have already clicked submit.
                e.preventDefault();
            } else {
                $(".action-btn").attr("attempted", 'true');
            }
            // Disable the submit button while evaluating if the form should be submitted
            // $("button[type='submit']").prop('disabled', true);

            // var valid = true;

            // if (!valid) {
            // e.preventDefault();

            ////Reactivate the button if the form was not submitted
            // $("button[type='submit']").button.prop('disabled', false);
            // }
        });

        $("[name=shipping_type]").on("change", function() {
            $(".flat_rate_shipping_div").hide();

            if ($(this).val() == 'flat_rate') {
                $(".flat_rate_shipping_div").show();
            }

        });

        function add_more_customer_choice_option(i, name) {
            $.ajax({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                type: "POST",
                url: '{{ route('products.add-more-choice-option') }}',
                data: {
                    attribute_id: i
                },
                success: function(data) {
                    var obj = JSON.parse(data);
                    $('#customer_choice_options').append(
                        '\
                                                                                                                                                <div class="form-group row">\
                                                                                                                                                    <div class="col-md-3">\
                                                                                                                                                        <input type="hidden" name="choice_no[]" value="' +
                        i +
                        '">\
                                                                                                                                                        <input type="text" class="form-control" name="choice[]" value="' +
                        name +
                        '" placeholder="{{ translate('Choice Title') }}" readonly>\
                                                                                                                                                    </div>\
                                                                                                                                                    <div class="col-md-8">\
                                                                                                                                                        <select class="form-control aiz-selectpicker attribute_choice" data-live-search="true" name="choice_options_' +
                        i +
                        '[]" multiple>\
                                                                                                                                                            ' +
                        obj +
                        '\
                                                                                                                                                        </select>\
                                                                                                                                                    </div>\
                                                                                                                                                </div>'
                    );
                    AIZ.plugins.bootstrapSelect('refresh');
                }
            });


        }

        $('input[name="colors_active"]').on('change', function() {
            if (!$('input[name="colors_active"]').is(':checked')) {
                $('#colors').prop('disabled', true);
                AIZ.plugins.bootstrapSelect('refresh');
            } else {
                $('#colors').prop('disabled', false);
                AIZ.plugins.bootstrapSelect('refresh');
            }
            update_sku();
        });

        $(document).on("change", ".attribute_choice", function() {
            update_sku();
        });

        $('#colors').on('change', function() {
            update_sku();
        });

        $('input[name="unit_price"]').on('keyup', function() {
            update_sku();
        });

        $('input[name="name"]').on('keyup', function() {
            update_sku();
        });

        function delete_row(em) {
            $(em).closest('.form-group row').remove();
            update_sku();
        }

        function delete_variant(em) {
            $(em).closest('.variant').remove();
        }

        function update_sku() {
            $.ajax({
                type: "POST",
                url: '{{ route('products.sku_combination') }}',
                data: $('#choice_form').serialize(),
                success: function(data) {
                    $('#sku_combination').html(data);
                    AIZ.uploader.previewGenerate();
                    AIZ.plugins.fooTable();
                    if (data.length > 1) {
                        $('#show-hide-div').hide();
                    } else {
                        $('#show-hide-div').show();
                    }
                }
            });
        }

        let mustImportantLanguage = 'tr';
        let availableLanguageExpectSourceLang = [];
        $('.google_translate').on('click', function(e) {
            $(this).attr('disabled', true);
            e.preventDefault();
            let lang = $(this).attr('data-lang');
            let sourceLang = getTranslationLang(lang);
            console.log(sourceLang);
            if (sourceLang) {
                $.ajax({
                    context: this,
                    type: 'POST',
                    headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    },
                    url: "{{ route('translate_product') }}",
                    data: {
                        "_token": $('#token').val(),
                        'name': $('#name_tr').val(),
                        'description': $('#description_tr').val(),
                        'target': lang
                    },
                    success: function(resultData) {
                        $('#name_' + lang).val(resultData.name);
                        $('#description_' + lang).summernote('code', resultData.description);
                        $(this).attr('disabled', false);
                    },
                    error: function(XMLHttpRequest, textStatus, errorThrown) {
                        AIZ.plugins.notify('danger', '{{ translate('error in google translate') }}');
                        $(this).attr('disabled', false);
                    }
                });
            } else {
                $(this).attr('disabled', false);
                AIZ.plugins.notify('danger', '{{ translate('please insert one language data to translate') }}');
            }
        });

        function getTranslationLang(lang) {
            availableLanguageExpectSourceLang = @json(array_values(get_languages()->pluck('code')->toArray()));
            availableLanguageExpectSourceLang.splice(availableLanguageExpectSourceLang.indexOf(lang), 1);

            availableLanguageExpectSourceLang = availableLanguageExpectSourceLang.sort((a, b) => {
                if (a === mustImportantLanguage) {
                    return -1;
                } else {
                    return 1;
                }
            });
            for (let i = 0; i < availableLanguageExpectSourceLang.length; i++) {
                if ($('#name_' + availableLanguageExpectSourceLang[i]).val().length && $('#description_' +
                        availableLanguageExpectSourceLang[i]).val().length) {
                    return availableLanguageExpectSourceLang[i];
                }
            }
            return false;
        }

        $('#choice_attributes').on('change', function() {
            $('#customer_choice_options').html(null);
            $.each($("#choice_attributes option:selected"), function() {
                add_more_customer_choice_option($(this).val(), $(this).text());
            });

            update_sku();
        });


        //carriers


        $('#kt_docs_repeater_basic').repeater({
            initEmpty: false,

            defaultValues: {
                'text-input': 'foo'
            },

            show: function() {
                $(this).slideDown();
            },

            hide: function(deleteElement) {
                $(this).slideUp(deleteElement);
            }
        });

        $(document).on('change', '.country_id', function() {
            var country_id = $(this).val();
            var stockDropdown = $(this).closest('.form-group.row').find(
                '.stock_id'); // Cache the stock dropdown element

            $.ajax({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                url: "{{ route('get-stocks') }}",
                type: 'POST',
                data: {
                    country_id: country_id
                },
                success: function(response) {
                    // Clear existing options
                    stockDropdown.empty();

                    // Append new options
                    $.each(response, function(index, stock) {
                        stockDropdown.append('<option value="' + stock.id + '">' + stock.name +
                            '</option>');
                    });

                    // Refresh Bootstrap Select plugin
                    AIZ.plugins.bootstrapSelect('refresh');
                }.bind(this)
            });
        });
    </script>
@endsection