@extends('layout.store_layout.master')
@section('content')
    <!--begin::Products-->
    <div class="card card-flush">

        <!--begin::Card body-->
        <div class="card-body">

            @include('pages.store_admin.settings.account_settings._nav')

            <!--begin::Form-->
            <form class="form" id="settings_form" method="post" action="{{ route('admin.settings_marking_store') }}">
                @csrf
                <!--begin::Card body-->
                <div class="card-body border-top p-9">

                    <div class="accordion" id="accordionSettings">
                        <div class="accordion-item">
                            <h2 class="accordion-header">
                                <button class="accordion-button " type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
                                  <strong>@lang('general.general')</strong>
                                </button>
                            </h2>
                            <div id="collapseOne" class="accordion-collapse collapse show" data-bs-parent="#accordionSettings">
                                <div class="accordion-body">
                                    <div class="row mb-6">
                                        <div class="col-lg-4">
                                            <!--begin::Label-->
                                            <label class="fs-6 fw-semibold form-label   ">
                                                <label class=" col-form-label fw-semibold fs-6">@lang('general.affiliate_marketing_feature')</label>
                                                <i class="fas fa-exclamation-circle ms-1 fs-7" data-bs-toggle="tooltip"
                                                   title="@lang('general.affiliate_marketing_feature_hint')"></i>
                                            </label>
                                            <!--end::Label-->
                                        </div>
                                        <div class="col-lg-8">
                                            <div class="d-flex mt-3">
                                                <!--begin::Radio-->
                                                <div class="form-check form-check-custom form-check-solid me-5">
                                                    <input class="form-check-input" type="radio" value="1" name="has_marketing" required
                                                           id="customers_online_yes" @if($store->storeSetting->has_marketing == 1) checked="checked" @endif/>
                                                    <label class="form-check-label" for="customers_online_yes">@lang('general.active')</label>
                                                </div>
                                                <div class="form-check form-check-custom form-check-solid">
                                                    <input class="form-check-input" type="radio" value="0" name="has_marketing" required
                                                           id="customers_online_no" @if($store->storeSetting->has_marketing != 1) checked="checked" @endif/>
                                                    <label class="form-check-label" for="customers_online_no">@lang('general.inactive')</label>
                                                </div>
                                                <!--end::Radio-->
                                            </div>
                                            <span id="has_marketing_error" class="invalid-feedback custom-error"></span>
                                        </div>
                                    </div>
                                    <div class="row mb-6">
                                        <div class="col-lg-6">
                                            <div class="fv-row mb-4">
                                                <label class="col-form-label fw-semibold fs-6">@lang('general.number_of_points_for_client')</label>
                                                <input type="text" name="marketing_points" required
                                                       class="form-control form-control-lg form-control-solid" placeholder="@lang('general.number_of_points')"
                                                       value="{{ $store->storeSetting->marketing_points }}"/>
                                                <div class="form-text">@lang('general.number_of_points_for_client_hint')</div>
                                                <span id="marketing_points_error" class="invalid-feedback custom-error"></span>
                                            </div>
                                        </div>
                                        <div class="col-lg-6">
                                            <div class="fv-row mb-4">
                                                <label class="col-form-label fw-semibold fs-6">@lang('general.number_of_points_per_sar')</label>
                                                <input type="text" name="order_points_upon_sar" required
                                                       class="form-control form-control-lg form-control-solid" placeholder="@lang('general.number_of_points')"
                                                       value="{{ $store->storeSetting->order_points_upon_sar }}"/>
                                                <div class="form-text">@lang('general.number_of_points_per_sar_in_order_hint')</div>
                                                <span id="order_points_upon_sar_error" class="invalid-feedback custom-error"></span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row mb-6">
                                        <div class="col-lg-6">
                                            <div class="fv-row mb-4">
                                                <label class="col-form-label fw-semibold fs-6">@lang('general.tailor_cancel_cost')</label>
                                                <input type="text" name="tailor_cancel_cost" required
                                                       class="form-control form-control-lg form-control-solid" placeholder="@lang('general.cost')"
                                                       value="{{ $store->storeSetting->tailor_cancel_cost }}"/>
                                                <span id="tailor_cancel_cost_error" class="invalid-feedback custom-error"></span>

                                            </div>
                                        </div>
                                        <div class="col-lg-6">
                                            <div class="fv-row mb-4">
                                                <label class="col-form-label fw-semibold fs-6">@lang('general.tailor_addition_cost')</label>
                                                <input type="text" name="tailor_addition_cost" required
                                                       class="form-control form-control-lg form-control-solid" placeholder="@lang('general.cost')"
                                                       value="{{ $store->storeSetting->tailor_addition_cost }}"/>
                                                <span id="tailor_addition_cost_error" class="invalid-feedback custom-error"></span>

                                            </div>
                                        </div>
                                    </div>
                                    <div class="row mb-6">
                                        <div class="col-lg-6">
                                            <div class="fv-row mb-4">
                                                <label class="col-form-label fw-semibold fs-6">@lang('general.sales_visit_cost')</label>
                                                <input type="text" name="sales_visit_cost" required
                                                       class="form-control form-control-lg form-control-solid" placeholder="@lang('general.cost')"
                                                       value="{{ $store->storeSetting->sales_visit_cost }}"/>
                                                <span id="sales_visit_cost_error" class="invalid-feedback custom-error"></span>

                                            </div>
                                        </div>
                                        <div class="col-lg-6">
                                            <div class="fv-row mb-4">
                                                <label class="col-form-label fw-semibold fs-6">@lang('general.points_upon_sar')</label>
                                                <input type="text" name="points_upon_sar" required
                                                       class="form-control form-control-lg form-control-solid" placeholder="@lang('general.number_of_points')"
                                                       value="{{ $store->storeSetting->points_upon_sar }}"/>
                                                <span id="points_upon_sar_error" class="invalid-feedback custom-error"></span>

                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="accordion-item">
                            <h2 class="accordion-header">
                                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
                                    <strong>@lang('general.measurements')</strong>
                                </button>
                            </h2>
                            <div id="collapseTwo" class="accordion-collapse collapse" data-bs-parent="#accordionSettings">
                                <div class="accordion-body">
                                    <div class="row mb-6">
                                        <div class="col-lg-4">
                                            <!--begin::Label-->
                                            <label class="fs-6 fw-semibold form-label   ">
                                                <label class=" col-form-label fw-semibold fs-6">@lang('general.enable_auto_cost_calculation')</label>
                                                <i class="fas fa-exclamation-circle ms-1 fs-7" data-bs-toggle="tooltip"
                                                   title="@lang('general.enable_auto_cost_calculation_hint')"></i>
                                            </label>
                                            <!--end::Label-->
                                        </div>
                                        <div class="col-lg-8">
                                            <div class="d-flex mt-3">
                                                <!--begin::Radio-->
                                                <div class="form-check form-check-custom form-check-solid me-5">
                                                    <input class="form-check-input" type="radio" value="1" name="enable_auto_cost_calculation" required
                                                           id="enable_auto_cost_calculation_yes" @if($store->storeSetting->enable_auto_cost_calculation == 1) checked="checked" @endif/>
                                                    <label class="form-check-label" for="enable_auto_cost_calculation_yes">@lang('general.active')</label>
                                                </div>
                                                <div class="form-check form-check-custom form-check-solid">
                                                    <input class="form-check-input" type="radio" value="0" name="enable_auto_cost_calculation" required
                                                           id="enable_auto_cost_calculation_no" @if($store->storeSetting->enable_auto_cost_calculation != 1) checked="checked" @endif/>
                                                    <label class="form-check-label" for="enable_auto_cost_calculation_no">@lang('general.inactive')</label>
                                                </div>
                                                <!--end::Radio-->
                                            </div>
                                            <span id="enable_auto_cost_calculation_error" class="invalid-feedback custom-error"></span>
                                        </div>
                                    </div>
{{--                                    <div class="row mb-6">--}}
{{--                                        <div class="col-lg-6">--}}
{{--                                            <div class="fv-row mb-4">--}}
{{--                                                <label class="col-form-label fw-semibold fs-6">@lang('general.big_dress_length')</label>--}}
{{--                                                <input type="text" name="big_dress_length" required--}}
{{--                                                       class="form-control form-control-lg form-control-solid" placeholder="@lang('general.length')"--}}
{{--                                                       value="{{ $store->storeSetting->big_dress_length }}"/>--}}
{{--                                                <span id="big_dress_length_error" class="invalid-feedback custom-error"></span>--}}

{{--                                            </div>--}}
{{--                                        </div>--}}
{{--                                        <div class="col-lg-6">--}}
{{--                                            <div class="fv-row mb-4">--}}
{{--                                                <label class="col-form-label fw-semibold fs-6">@lang('general.big_dress_width')</label>--}}
{{--                                                <input type="text" name="big_dress_width" required--}}
{{--                                                       class="form-control form-control-lg form-control-solid" placeholder="@lang('general.width')"--}}
{{--                                                       value="{{ $store->storeSetting->big_dress_width }}"/>--}}
{{--                                                <span id="big_dress_width_error" class="invalid-feedback custom-error"></span>--}}
{{--                                            </div>--}}
{{--                                        </div>--}}
{{--                                    </div>--}}
{{--                                    <div class="row mb-6">--}}
{{--                                        <div class="col-lg-6">--}}
{{--                                            <div class="fv-row mb-4">--}}
{{--                                                <label class="col-form-label fw-semibold fs-6">@lang('general.dress_length')</label>--}}
{{--                                                <input type="text" name="dress_length" required--}}
{{--                                                       class="form-control form-control-lg form-control-solid" placeholder="@lang('general.length')"--}}
{{--                                                       value="{{ $store->storeSetting->dress_length }}"/>--}}
{{--                                                <span id="dress_length_error" class="invalid-feedback custom-error"></span>--}}
{{--                                            </div>--}}
{{--                                        </div>--}}
{{--                                        <div class="col-lg-6">--}}
{{--                                            <div class="fv-row mb-4">--}}
{{--                                                <label class="col-form-label fw-semibold fs-6">@lang('general.dress_width')</label>--}}
{{--                                                <input type="text" name="dress_width" required--}}
{{--                                                       class="form-control form-control-lg form-control-solid" placeholder="@lang('general.width')"--}}
{{--                                                       value="{{ $store->storeSetting->dress_width }}"/>--}}
{{--                                                <span id="dress_width_error" class="invalid-feedback custom-error"></span>--}}
{{--                                            </div>--}}
{{--                                        </div>--}}
{{--                                    </div>--}}
                                    <div class="row mb-6">
                                        <div class="col-lg-12" style="background: #f1f9ff;padding: 10px;">
                                            <div class="fv-row mb-4">
                                                <h3>
                                                     @lang('general.small')
                                                </h3>
                                            </div>
                                        </div>
                                        <div class="col-lg-4">
                                            <div class="fv-row mb-4">
                                                <label class="col-form-label fw-semibold fs-6">@lang('general.fabric_length')</label>
                                                <input type="number" name="small_fabric_length" required
                                                       class="form-control form-control-lg form-control-solid" placeholder="@lang('general.fabric_length')"
                                                       value="{{ number_format($store->storeSetting->small_fabric_length,2) }}"/>
                                                <span id="small_fabric_length_error" class="invalid-feedback custom-error"></span>
                                            </div>
                                        </div>
                                        <div class="col-lg-4">
                                            <div class="fv-row mb-4">
                                                <label class="col-form-label fw-semibold fs-6">@lang('general.tailor_cost')</label>
                                                <input type="number" name="small_tailor_cost" required
                                                       class="form-control form-control-lg form-control-solid" placeholder="@lang('general.tailor_cost')"
                                                       value="{{  number_format($store->storeSetting->small_tailor_cost,config('app.store')->country->decimal_points) }}"/>
                                                <span id="small_tailor_cost_error" class="invalid-feedback custom-error"></span>
                                            </div>
                                        </div>
                                        <div class="col-lg-4">
                                            <div class="fv-row mb-4">
                                                <label class="col-form-label fw-semibold fs-6">@lang('general.length_to')</label>
                                                <input type="number" name="small_length_to" required
                                                       class="form-control form-control-lg form-control-solid" placeholder="@lang('general.length_to')"
                                                       value="{{ number_format($store->storeSetting->small_length_to,2) }}"/>
                                                <span id="small_length_to_error" class="invalid-feedback custom-error"></span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row mb-6">
                                        <div class="col-lg-12" style="background: #f1f9ff;padding: 10px;">
                                            <div class="fv-row mb-4">
                                                <h3>
                                                     @lang('general.large')
                                                </h3>
                                            </div>
                                        </div>
                                        <div class="col-lg-4">
                                            <div class="fv-row mb-4">
                                                <label class="col-form-label fw-semibold fs-6">@lang('general.fabric_length')</label>
                                                <input type="number" name="large_fabric_length" required
                                                       class="form-control form-control-lg form-control-solid" placeholder="@lang('general.fabric_length')"
                                                       value="{{ number_format($store->storeSetting->large_fabric_length,2) }}"/>
                                                <span id="large_fabric_length_error" class="invalid-feedback custom-error"></span>
                                            </div>
                                        </div>
                                        <div class="col-lg-4">
                                            <div class="fv-row mb-4">
                                                <label class="col-form-label fw-semibold fs-6">@lang('general.tailor_cost')</label>
                                                <input type="number" name="large_tailor_cost" required
                                                       class="form-control form-control-lg form-control-solid" placeholder="@lang('general.tailor_cost')"
                                                       value="{{ number_format($store->storeSetting->large_tailor_cost,config('app.store')->country->decimal_points) }}"/>
                                                <span id="large_tailor_cost_error" class="invalid-feedback custom-error"></span>
                                            </div>
                                        </div>
                                        <div class="col-lg-4">
                                            <div class="fv-row mb-4">
                                                <label class="col-form-label fw-semibold fs-6">@lang('general.length_to')</label>
                                                <input type="number" name="large_length_to" required
                                                       class="form-control form-control-lg form-control-solid" placeholder="@lang('general.length_to')"
                                                       value="{{ number_format($store->storeSetting->large_length_to,2) }}" id="large_length_to"/>
                                                <span id="large_length_to_error" class="invalid-feedback custom-error"></span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row mb-6">
                                        <div class="col-lg-12" style="background: #f1f9ff;padding: 10px;">
                                            <div class="fv-row mb-4">
                                                <h3>
                                                     @lang('general.xlarge')
                                                </h3>
                                            </div>
                                        </div>
                                        <div class="col-lg-4">
                                            <div class="fv-row mb-4">
                                                <label class="col-form-label fw-semibold fs-6">@lang('general.fabric_length')</label>
                                                <input type="number" name="xlarge_fabric_length" required
                                                       class="form-control form-control-lg form-control-solid" placeholder="@lang('general.fabric_length')"
                                                       value="{{ number_format($store->storeSetting->xlarge_fabric_length,2) }}"/>
                                                <span id="xlarge_fabric_length_error" class="invalid-feedback custom-error"></span>
                                            </div>
                                        </div>
                                        <div class="col-lg-4">
                                            <div class="fv-row mb-4">
                                                <label class="col-form-label fw-semibold fs-6">@lang('general.tailor_cost')</label>
                                                <input type="number" name="xlarge_tailor_cost" required
                                                       class="form-control form-control-lg form-control-solid" placeholder="@lang('general.tailor_cost')"
                                                       value="{{ number_format($store->storeSetting->xlarge_tailor_cost,config('app.store')->country->decimal_points) }}"/>
                                                <span id="xlarge_tailor_cost_error" class="invalid-feedback custom-error"></span>
                                            </div>
                                        </div>
                                        <div class="col-lg-4">
                                            <div class="fv-row mb-4">
                                                <label class="col-form-label fw-semibold fs-6">@lang('general.length_gt')</label>
                                                <input type="number" name="xlarge_length_to" required readonly
                                                       class="form-control form-control-lg form-control-solid" placeholder="@lang('general.length_to')"
                                                       value="{{ number_format($store->storeSetting->xlarge_length_to,2) }}" id="xlarge_length_to"/>
                                                <span id="xlarge_length_to_error" class="invalid-feedback custom-error"></span>
                                            </div>
                                        </div>
                                    </div>

                                </div>
                            </div>
                        </div>
                        <div class="accordion-item">
                            <h2 class="accordion-header">
                                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
                                    <strong>@lang('general.delivery')</strong>
                                </button>
                            </h2>
                            <div id="collapseThree" class="accordion-collapse collapse" data-bs-parent="#accordionSettings">
                                <div class="accordion-body">
                                    <div class="row mb-6">
                                        <div class="col-lg-6">
                                            <div class="fv-row mb-4">
                                                <label class="col-form-label fw-semibold fs-6">@lang('general.inside_delivery_cost')</label>
                                                <input type="text" name="inside_delivery_cost" required
                                                       class="form-control form-control-lg form-control-solid" placeholder="@lang('general.cost')"
                                                       value="{{ $store->storeSetting->inside_delivery_cost }}"/>
                                                <span id="inside_delivery_cost_error" class="invalid-feedback custom-error"></span>
                                            </div>
                                        </div>
                                        <div class="col-lg-6">
                                            <div class="fv-row mb-4">
                                                <label class="col-form-label fw-semibold fs-6">@lang('general.outside_delivery_cost')</label>
                                                <input type="text" name="outside_delivery_cost" required
                                                       class="form-control form-control-lg form-control-solid" placeholder="@lang('general.cost')"
                                                       value="{{ $store->storeSetting->outside_delivery_cost }}"/>
                                                <span id="outside_delivery_cost_error" class="invalid-feedback custom-error"></span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row mb-6">
                                        <div class="col-lg-6">
                                            <div class="fv-row mb-4">
                                                <label class="col-form-label fw-semibold fs-6">@lang('general.internal_delivery_city')</label>
                                                <select name="inside_city_id" aria-label="@lang('general.select_city')" data-control="select2" required
                                                        data-placeholder="@lang('general.select_city')..."
                                                        class="form-select form-select-solid form-select-lg fw-semibold">
                                                    <option value="">@lang('general.select_city')...</option>

                                                    @foreach($cities as  $id => $city)
                                                        <option  value="{{ $id }}" {{ $store->storeSetting->inside_city_id && $id == $store->storeSetting->inside_city_id ? 'selected': '' }}>{{ $city }}</option>
                                                    @endforeach

                                                    {{--                                    <option data-kt-flag="flags/aland-islands.svg" value="AX">Aland Islands</option>--}}

                                                </select>
                                                <span id="inside_city_id_error" class="invalid-feedback custom-error"></span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="accordion-item">
                            <h2 class="accordion-header">
                                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse4" aria-expanded="false" aria-controls="collapse4">
                                    <strong>@lang('general.tax')</strong>
                                </button>
                            </h2>
                            <div id="collapse4" class="accordion-collapse collapse" data-bs-parent="#accordionSettings">
                                <div class="accordion-body">
                                    <div class="row mb-6">
                                        <div class="col-lg-4">
                                            <!--begin::Label-->
                                            <label class="fs-6 fw-semibold form-label   ">
                                                <label class=" col-form-label fw-semibold fs-6">@lang('general.has_tax')</label>
                                                <i class="fas fa-exclamation-circle ms-1 fs-7" data-bs-toggle="tooltip"
                                                   title="@lang('general.has_tax_hint')"></i>
                                            </label>
                                            <!--end::Label-->
                                        </div>
                                        <div class="col-lg-8">
                                            <div class="d-flex mt-3">
                                                <!--begin::Radio-->
                                                <div class="form-check form-check-custom form-check-solid me-5">
                                                    <input class="form-check-input" type="radio" value="1" name="has_tax" required
                                                           id="customers_online_yes" @if($store->storeSetting->has_tax == 1) checked="checked" @endif/>
                                                    <label class="form-check-label" for="customers_online_yes">@lang('general.active')</label>
                                                </div>
                                                <div class="form-check form-check-custom form-check-solid">
                                                    <input class="form-check-input" type="radio" value="0" name="has_tax" required
                                                           id="customers_online_no" @if($store->storeSetting->has_tax != 1) checked="checked" @endif/>
                                                    <label class="form-check-label" for="customers_online_no">@lang('general.inactive')</label>
                                                </div>
                                                <!--end::Radio-->
                                            </div>
                                            <span id="has_tax_error" class="invalid-feedback custom-error"></span>
                                        </div>
                                    </div>
                                    <div class="row mb-6">
                                        {{--                        <div class="col-lg-6">--}}
                                        {{--                            <div class="fv-row mb-4">--}}
                                        {{--                                <label class="col-form-label fw-semibold fs-6">@lang('general.currency_type')</label>--}}
                                        {{--                                <select name="currnecy" aria-label="اختر العملة" required data-control="select2"--}}
                                        {{--                                        data-placeholder="اختر عملة.."--}}
                                        {{--                                        class="form-select form-select-solid form-select-lg">--}}
                                        {{--                                    <option value="">Select a currency..</option>--}}
                                        {{--                                    <option data-kt-flag="flags/united-states.svg" value="USD">--}}
                                        {{--                                        <b>USD</b>&nbsp;-&nbsp;USA dollar--}}
                                        {{--                                    </option>--}}
                                        {{--                                    <option data-kt-flag="flags/united-kingdom.svg" value="GBP">--}}
                                        {{--                                        <b>GBP</b>&nbsp;-&nbsp;British pound--}}
                                        {{--                                    </option>--}}
                                        {{--                                    <option data-kt-flag="flags/australia.svg" value="AUD">--}}
                                        {{--                                        <b>AUD</b>&nbsp;-&nbsp;Australian dollar--}}
                                        {{--                                    </option>--}}
                                        {{--                                    <option data-kt-flag="flags/japan.svg" value="JPY">--}}
                                        {{--                                        <b>JPY</b>&nbsp;-&nbsp;Japanese yen--}}
                                        {{--                                    </option>--}}
                                        {{--                                    <option data-kt-flag="flags/sweden.svg" value="SEK">--}}
                                        {{--                                        <b>SEK</b>&nbsp;-&nbsp;Swedish krona--}}
                                        {{--                                    </option>--}}
                                        {{--                                    <option data-kt-flag="flags/canada.svg" value="CAD">--}}
                                        {{--                                        <b>CAD</b>&nbsp;-&nbsp;Canadian dollar--}}
                                        {{--                                    </option>--}}
                                        {{--                                    <option data-kt-flag="flags/switzerland.svg" value="CHF">--}}
                                        {{--                                        <b>CHF</b>&nbsp;-&nbsp;Swiss franc--}}
                                        {{--                                    </option>--}}
                                        {{--                                </select>--}}
                                        {{--                            </div>--}}
                                        {{--                        </div>--}}
                                        <div class="col-lg-6">
                                            <div class="fv-row mb-4">
                                                <label class="col-form-label fw-semibold fs-6">@lang('general.tax_name')</label>
                                                <input type="text" name="tax_name" required
                                                       class="form-control form-control-lg form-control-solid" placeholder="@lang('general.name')"
                                                       value="{{ $store->storeSetting->tax_name }}"/>
                                                <span id="tax_name_error" class="invalid-feedback custom-error"></span>
                                            </div>
                                        </div>
                                        <div class="col-lg-6">
                                            <div class="fv-row mb-4">
                                                <label class="col-form-label fw-semibold fs-6">@lang('general.tax_percentage')</label>
                                                <input type="text" name="tax_value" required
                                                       class="form-control form-control-lg form-control-solid" placeholder="@lang('general.percentage')"
                                                       value="{{ $store->storeSetting->tax_value }}"/>
                                                <span id="tax_value_error" class="invalid-feedback custom-error"></span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>










{{--                    <h2 class=" mb-6">@lang('general.measurements')</h2>--}}

{{--                    <h2 class=" mb-6">@lang('general.delivery')</h2>--}}



                </div>
                <!--end::Card body-->
                <!--begin::Actions-->
                <div class="card-footer d-flex justify-content-end py-6 px-9">
{{--                    <button type="reset" class="btn btn-light btn-active-light-primary me-2">Discard</button>--}}
                    <button type="submit" class="btn btn-primary" id="settings_form_submit">
                        <span class="indicator-label">@lang('general.save')</span>
                        <span class="indicator-progress">@lang('general.please_wait')
                            <span class="spinner-border spinner-border-sm align-middle ms-2"></span>
                        </span>
                    </button>
                </div>
                <!--end::Actions-->
            </form>
            <!--end::Form-->


        </div>
        <!--end::Card body-->
    </div>

@endsection

@push('custom_js')
    <script>
        $(document).ready(function () {
            $('#large_length_to').on('change input keyup',function(){
                $('#xlarge_length_to').val($('#large_length_to').val());
            });

            let modalForm = $('#settings_form');
            modalForm.submit(function (e) {
                e.preventDefault();
            }).validate({
                rules: {
                    // s_name: {
                    //     required: true
                    // },
                },

                submitHandler: function (form) {
                    var formData = new FormData($(form)[0]);
                    let action = $(form).attr('action');
                    let submitButton = $('#settings_form_submit');
                    submitButton.attr('data-kt-indicator', 'on');
                    submitButton.attr('disabled', 'true');
                    $.ajax({
                        url: action,
                        type: "POST",
                        data: formData,
                        processData: false,
                        contentType: false,
                        cache: false,
                        success: function (data, status) {
                            submitButton.attr('data-kt-indicator', 'off');
                            submitButton.removeAttr('disabled');
                            if (data.success == false) {
                                if (data.errors && data.errors.length > 0) {
                                    var errors = data.errors;
                                    for (var error = 0; error < errors.length; error++) {
                                        var input_name = errors[error].input_name;
                                        var input_error = errors[error].errors;
                                        console.log(input_name, input_error);
                                        $('#' + input_name + '_error').html(input_error).show();

                                    }
                                }

                            } else {
                                toastr.success(data.message, {timeOut: 5000});
                            }
                        },
                        error: function (data) {
                            submitButton.attr('data-kt-indicator', 'off');
                            submitButton.removeAttr('disabled');
                            toastr.error(data.statusText, {timeOut: 5000});
                        }
                    });
                }
            });
        })
    </script>
@endpush