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

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

            @include('pages.super_admin.setting.account_settings._nav')



            <!--begin::Form-->
            <form id="settings_form" class="form" method="post" action="{{ route('super_admin.settings.account') }}">
                @csrf

                <!--begin::Card body-->
                <div class="card-body border-top p-9">
                    <div class="row">
                        <div class="col-lg-8">
                            <!--begin::Input group-->
                            <div class="row fv-row mb-7">
                                <div class="col-md-3">
                                    <!--begin::Label-->
                                    <label class="fs-6 fw-semibold form-label mt-3">
                                        <span class="required">@lang('general.email')</span>
                                    </label>
                                    <!--end::Label-->
                                </div>
                                <div class="col-md-9">
                                    <!--begin::Input-->
                                    <input type="email" required class="form-control form-control-solid" name="email" value="{{ $settings['email'] ?? '' }}"/>
                                    <span id="email_error" class="invalid-feedback custom-error"></span>
                                    <!--end::Input-->
                                </div>
                            </div>
                            <!--end::Input group-->
                            <!--begin::Input group-->
                            <div class="row fv-row mb-7">
                                <div class="col-md-3 ">
                                    <!--begin::Label-->
                                    <label class="fs-6 fw-semibold form-label mt-3">
                                        <span class="required">@lang('general.phone_mobile')</span>
                                    </label>
                                    <!--end::Label-->
                                </div>
                                <div class="col-md-9">
                                    <!--begin::Input-->
                                    <input type="text" required class="form-control form-control-solid" name="mobile" value="{{ $settings['mobile'] ?? '' }}"/>
                                    <span id="mobile_error" class="invalid-feedback custom-error"></span>
                                    <!--end::Input-->
                                </div>
                            </div>
                            <div class="row fv-row mb-7">
                                <div class="col-md-3 ">
                                    <!--begin::Label-->
                                    <label class="fs-6 fw-semibold form-label mt-3">
                                        <span class="required">@lang('general.whatsapp_number')</span>
                                    </label>
                                    <!--end::Label-->
                                </div>
                                <div class="col-md-9">
                                    <!--begin::Input-->
                                    <input type="text" required class="form-control form-control-solid" name="whatsapp" value="{{ $settings['whatsapp'] ?? '' }}"/>
                                    <span id="whatsapp_error" class="invalid-feedback custom-error"></span>
                                    <!--end::Input-->
                                </div>
                            </div>
                            <!--end::Input group-->
                            <!--begin::Input group-->
                            <div class="row fv-row mb-7">
                                <div class="col-md-3 ">
                                    <!--begin::Label-->
                                    <label class="fs-6 fw-semibold form-label mt-3">
                                        <span>@lang('general.ios_app_link')</span>
                                        <i class="fas fa-exclamation-circle ms-1 fs-7" data-bs-toggle="tooltip"
                                           title="Set the name of the store"></i>
                                    </label>
                                    <!--end::Label-->
                                </div>
                                <div class="col-md-9">
                                    <!--begin::Input-->
                                    <input type="text" class="form-control form-control-solid" name="ios_link" value="{{ $settings['ios_link'] ?? '' }}" />
                                    <span id="ios_link_error" class="invalid-feedback custom-error"></span>
                                    <!--end::Input-->
                                </div>
                            </div>
                            <div class="row fv-row mb-7">
                                <div class="col-md-3 ">
                                    <!--begin::Label-->
                                    <label class="fs-6 fw-semibold form-label mt-3">
                                        <span>@lang('general.android_app_link')</span>
                                        <i class="fas fa-exclamation-circle ms-1 fs-7" data-bs-toggle="tooltip"
                                           title="Set the name of the store"></i>
                                    </label>
                                    <!--end::Label-->
                                </div>
                                <div class="col-md-9">
                                    <!--begin::Input-->
                                    <input type="text" class="form-control form-control-solid" name="android_link" value="{{ $settings['android_link'] ?? '' }}" />
                                    <span id="android_link_error" class="invalid-feedback custom-error"></span>
                                    <!--end::Input-->
                                </div>
                            </div>
                            <div class="row fv-row mb-7">
                                <div class="col-md-3 ">
                                    <!--begin::Label-->
                                    <label class="fs-6 fw-semibold form-label mt-3">
                                        <span>@lang('general.ios_app_version')</span>
                                        <i class="fas fa-exclamation-circle ms-1 fs-7" data-bs-toggle="tooltip"
                                           title="Set the name of the store"></i>
                                    </label>
                                    <!--end::Label-->
                                </div>
                                <div class="col-md-9">
                                    <!--begin::Input-->
                                    <input type="text" class="form-control form-control-solid" name="ios_version" value="{{ $settings['ios_version'] ?? '' }}"/>
                                    <span id="ios_version_error" class="invalid-feedback custom-error"></span>
                                    <!--end::Input-->
                                </div>
                            </div>
                            <div class="row fv-row mb-7">
                                <div class="col-md-3 ">
                                    <!--begin::Label-->
                                    <label class="fs-6 fw-semibold form-label mt-3">
                                        <span>@lang('general.android_app_version')</span>
                                        <i class="fas fa-exclamation-circle ms-1 fs-7" data-bs-toggle="tooltip"
                                           title="Set the name of the store"></i>
                                    </label>
                                    <!--end::Label-->
                                </div>
                                <div class="col-md-9">
                                    <!--begin::Input-->
                                    <input type="text" class="form-control form-control-solid" name="android_version" value="{{ $settings['android_version'] ?? '' }}" />
                                    <span id="android_version_error" class="invalid-feedback custom-error"></span>
                                    <!--end::Input-->
                                </div>
                            </div>
                            <div class="row fv-row mb-7">
                                <div class="col-md-3 ">
                                    <!--begin::Label-->
                                    <label class="fs-6 fw-semibold form-label mt-3">
                                        <span class="required">@lang('general.password_length')</span>
                                        <i class="fas fa-exclamation-circle ms-1 fs-7" data-bs-toggle="tooltip"
                                           title="Set the name of the store"></i>
                                    </label>
                                    <!--end::Label-->
                                </div>
                                <div class="col-md-9">
                                    <!--begin::Input-->
                                    <input type="number" class="form-control form-control-solid" name="password_length" value="{{ $settings['password_length'] ?? '' }}"/>
                                    <span id="password_length_error" class="invalid-feedback custom-error"></span>
                                    <!--end::Input-->
                                </div>
                            </div>
                            <!--end::Input group-->
                            <div class="row fv-row mb-7">
                                <div class="col-md-3 ">
                                    <!--begin::Label-->
                                    <label class="fs-6 fw-semibold form-label mt-3">
                                        <span class="required">@lang('general.currency_type')</span>
                                    </label>
                                    <!--end::Label-->
                                </div>
                                <div class="col-md-9">
                                    <!--begin::Input-->
                                    <input type="text" required class="form-control form-control-solid" name="currency_type" value="{{ $settings['currency_type'] ?? '' }}"/>
                                    <span id="currency_type_error" class="invalid-feedback custom-error"></span>
                                    <!--end::Input-->
                                </div>
                            </div>
                            <div class="row fv-row mb-7">
                                <div class="col-md-3 ">
                                    <!--begin::Label-->
                                    <label class="fs-6 fw-semibold form-label mt-3">
                                        <span class="required">@lang('general.tax_percentage')</span>
                                    </label>
                                    <!--end::Label-->
                                </div>
                                <div class="col-md-9">
                                    <!--begin::Input-->
                                    <input type="number" required class="form-control form-control-solid" name="tax_percentage" value="{{ $settings['tax_percentage'] ?? '' }}"/>
                                    <span id="tax_percentage_error" class="invalid-feedback custom-error"></span>
                                    <!--end::Input-->
                                </div>
                            </div>
                            <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.ios_app_status')</label>

                                    </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="ios_status"
                                                   id="ios_status_yes" @if(isset($settings['ios_status']) && $settings['ios_status'] == 1) checked="checked" @endif/>
                                            <label class="form-check-label" for="ios_status_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="ios_status" @if(isset($settings['ios_status']) && $settings['ios_status'] == 0 ) checked="checked" @endif
                                                   id="cios_status_no"/>
                                            <label class="form-check-label" for="ios_status_no">@lang('general.inactive')</label>
                                        </div>
                                        <!--end::Radio-->
                                    </div>
                                    <span id="ios_status_error" class="invalid-feedback custom-error"></span>
                                </div>
                            </div>
                            <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.android_app_status')</label>

                                    </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="android_status"
                                                   id="android_status_yes" @if(isset($settings['android_status']) && $settings['android_status'] == 1) checked="checked" @endif/>
                                            <label class="form-check-label" for="android_status_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="android_status" @if(isset($settings['android_status']) && $settings['android_status'] == 0) checked="checked" @endif
                                                   id="android_status_no"/>
                                            <label class="form-check-label" for="android_status_no">@lang('general.inactive')</label>
                                        </div>
                                        <!--end::Radio-->
                                    </div>
                                    <span id="android_status_error" class="invalid-feedback custom-error"></span>
                                </div>
                            </div>
                            <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.password_strength')</label>

                                    </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="password_strength"
                                                   id="password_strength_yes" @if(isset($settings['password_strength']) && $settings['password_strength'] == 1) checked="checked" @endif/>
                                            <label class="form-check-label" for="password_strength_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="password_strength" @if(isset($settings['password_strength']) && $settings['password_strength'] == 0) checked="checked" @endif
                                                   id="password_strength_no"/>
                                            <label class="form-check-label" for="password_strength_no">@lang('general.inactive')</label>
                                        </div>
                                        <!--end::Radio-->
                                    </div>
                                    <span id="password_strength_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 () {
            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