@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_measurments_store') }}">
                @csrf
                <!--begin::Card body-->
                <div class="card-body border-top p-9">

                    <div class="row">
                        <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-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>
                <!--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