@extends('layouts.master')
@section('css')
    <!--- Internal Select2 css-->
    <link href="{{ URL::asset('assets/plugins/select2/css/select2.min.css') }}" rel="stylesheet">
    <!---Internal Fileupload css-->
    <link href="{{ URL::asset('assets/plugins/fileuploads/css/fileupload.css') }}" rel="stylesheet" type="text/css" />
    <!---Internal Fancy uploader css-->
    <link href="{{ URL::asset('assets/plugins/fancyuploder/fancy_fileupload.css') }}" rel="stylesheet" />
    <!--Internal Sumoselect css-->
    <link rel="stylesheet" href="{{ URL::asset('assets/plugins/sumoselect/sumoselect-rtl.css') }}">
    <!--Internal  TelephoneInput css-->
    <link rel="stylesheet" href="{{ URL::asset('assets/plugins/telephoneinput/telephoneinput-rtl.css') }}">
@endsection
@section('title')
    {{ __('home.systemSetting') }}@stop

@section('page-header')
    <div class="breadcrumb-header justify-content-between parent-heading">
        <div class="my-auto">
            <h4 class="content-title mb-0 my-auto">{{ __('home.systemSetting') }}</h4>
        </div>
    </div>
@endsection

@section('content')
    @php $setting = $setting ?? \App\Http\Controllers\SystemSettingController::zatcaSettings(); @endphp
    <style>
        .ss-card { border: 0; border-radius: 14px; box-shadow: 0 2px 14px rgba(15, 23, 42, .06); margin-bottom: 18px; overflow: hidden; }
        .ss-card .ss-head { display: flex; align-items: center; gap: 12px; padding: 14px 20px; border-bottom: 1px solid #eef1f6; background: #fafbfd; }
        .ss-card .ss-icon { width: 38px; height: 38px; border-radius: 10px; display: inline-flex; align-items: center; justify-content: center; color: #fff; font-size: 16px; flex-shrink: 0; }
        .ss-card .ss-title { margin: 0; font-size: 15px; font-weight: 800; color: #1e293b; }
        .ss-card .ss-sub { margin: 0; font-size: 12px; color: #64748b; }
        .ss-card .card-body { padding: 18px 20px 6px; }
        .ss-card label { font-size: 12.5px; font-weight: 700; color: #475569; margin-bottom: 5px; }
        .ss-card .form-control { border-radius: 9px; min-height: 40px; border-color: #e2e8f0; }
        .ss-card .form-control:focus { border-color: #419BB2; box-shadow: 0 0 0 3px rgba(65, 155, 178, .15); }
        .ss-card .form-control[readonly] { background: #f1f5f9; }
        .ss-hint { font-size: 11.5px; color: #94a3b8; margin-top: 4px; display: block; }
        .ss-logo-box { display: flex; align-items: center; gap: 18px; flex-wrap: wrap; }
        .ss-logo-preview { width: 150px; height: 90px; border: 2px dashed #cbd5e1; border-radius: 12px; display: flex; align-items: center; justify-content: center; background: #fff; padding: 8px; }
        .ss-logo-preview img { max-width: 100%; max-height: 100%; object-fit: contain; }
        .ss-switch { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 14px; border: 1px solid #e2e8f0; border-radius: 10px; background: #fff; margin-bottom: 12px; }
        .ss-save-bar { position: sticky; bottom: 0; z-index: 5; background: rgba(255, 255, 255, .95); backdrop-filter: blur(4px); border-top: 1px solid #e2e8f0; padding: 12px; text-align: center; border-radius: 12px; box-shadow: 0 -4px 14px rgba(15, 23, 42, .05); }
        .ss-save-bar .btn { min-width: 220px; border-radius: 10px; font-weight: 700; background: #419BB2; border-color: #419BB2; }
        .bg-ss-1 { background: #419BB2; } .bg-ss-2 { background: #6366f1; } .bg-ss-3 { background: #10b981; } .bg-ss-4 { background: #f59e0b; } .bg-ss-5 { background: #ef4444; }
    </style>

    @if (session()->has('newcustomer'))
        <div class="alert alert-success alert-dismissible fade show" role="alert">
            <strong>{{ session()->get('newcustomer') }}</strong>
            <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        </div>
    @endif
    @if (count($errors) > 0)
        <div class="alert alert-danger">
            <button aria-label="Close" class="close" data-dismiss="alert" type="button"><span aria-hidden="true">&times;</span></button>
            <strong>خطا</strong>
            <ul class="mb-0">
                @foreach ($errors->all() as $error)
                    <li>{{ $error }}</li>
                @endforeach
            </ul>
        </div>
    @endif

    <form action="{{ url(Mcamara\LaravelLocalization\Facades\LaravelLocalization::getCurrentLocale() . '/' . ($page = 'updateCamData')) }}"
          method="post" enctype="multipart/form-data" autocomplete="off" class="mt-3">
        {{ csrf_field() }}

        <div class="row">
            <div class="col-xl-8">
                {{-- 1) بيانات المنشأة --}}
                <div class="card ss-card">
                    <div class="ss-head">
                        <span class="ss-icon bg-ss-1"><i class="fa fa-building"></i></span>
                        <div><h5 class="ss-title">بيانات المنشأة</h5><p class="ss-sub">الاسم والسجل التجاري والرقم الضريبي ووصف النشاط</p></div>
                    </div>
                    <div class="card-body">
                        <div class="row">
                            <div class="col-md-6 form-group">
                                <label for="camName_ar">{{ __('home.camName_ar') }}</label>
                                <input type="text" class="form-control" id="camName_ar" name="camName_ar" value="{{ $data->name_ar }}" required>
                            </div>
                            <div class="col-md-6 form-group">
                                <label for="camName_en">{{ __('home.camName_en') }}</label>
                                <input type="text" class="form-control" id="camName_en" name="camName_en" value="{{ $data->name_en }}" dir="ltr">
                            </div>
                            <div class="col-md-6 form-group">
                                <label for="SR">{{ __('home.SR') }}</label>
                                <input type="text" class="form-control" id="SR" name="SR" value="{{ $data->SR }}" placeholder="1010xxxxxx" dir="ltr">
                            </div>
                            <div class="col-md-6 form-group">
                                <label for="Tax">{{ __('home.Tax') }}</label>
                                <input type="number" class="form-control" id="Tax" name="Tax" value="{{ $data->Tax }}" placeholder="3xxxxxxxxxxxxx3" dir="ltr">
                                <small class="ss-hint">15 رقم يبدأ وينتهي بـ 3</small>
                            </div>
                            <div class="col-md-6 form-group">
                                <label for="descriptionarbic">{{ __('home.descriptionarbic') }}</label>
                                <input type="text" class="form-control" id="descriptionarbic" name="descriptionarbic" value="{{ $data->descriptionarbic }}" required>
                            </div>
                            <div class="col-md-6 form-group">
                                <label for="descriptionenglish">{{ __('home.descriptionenglish') }}</label>
                                <input type="text" class="form-control" id="descriptionenglish" name="descriptionenglish" value="{{ $data->descriptionenglish }}" dir="ltr" required>
                            </div>
                        </div>
                    </div>
                </div>

                {{-- 2) العنوان الوطني والتواصل --}}
                <div class="card ss-card">
                    <div class="ss-head">
                        <span class="ss-icon bg-ss-2"><i class="fa fa-map-marker"></i></span>
                        <div><h5 class="ss-title">العنوان الوطني والتواصل</h5><p class="ss-sub">مطلوب للفاتورة الإلكترونية (الزكاة)</p></div>
                    </div>
                    <div class="card-body">
                        <div class="row">
                            <div class="col-md-4 form-group">
                                <label for="buildnumber">{{ __('home.buildnumber') }}</label>
                                <input type="text" class="form-control" id="buildnumber" name="buildnumber" value="{{ $setting->building_number ?? '' }}" placeholder="1245" dir="ltr" required>
                            </div>
                            <div class="col-md-4 form-group">
                                <label for="scander_number">{{ __('home.scandery_number') }}</label>
                                <input type="text" class="form-control" id="scander_number" name="scander_number" value="{{ $setting->plot_identification ?? '' }}" placeholder="1265" dir="ltr" required>
                            </div>
                            <div class="col-md-4 form-group">
                                <label for="postcode">{{ __('home.postcode') }}</label>
                                <input type="text" class="form-control" id="postcode" name="postcode" value="{{ $setting->postal_number ?? '' }}" placeholder="12356" dir="ltr" required>
                            </div>
                            <div class="col-md-4 form-group">
                                <label for="StreetName">{{ __('home.StreetName') }}</label>
                                <input type="text" class="form-control" id="StreetName" name="StreetName" value="{{ $setting->street_name ?? '' }}" placeholder="طريق الملك" required>
                            </div>
                            <div class="col-md-4 form-group">
                                <label for="region">{{ __('home.region') }}</label>
                                <input type="text" class="form-control" id="region" name="region" value="{{ $setting->region ?? '' }}" placeholder="حي الخالدية" required>
                            </div>
                            <div class="col-md-4 form-group">
                                <label for="city">{{ __('home.city') }}</label>
                                <input type="text" class="form-control" id="city" name="city" value="{{ $setting->city ?? '' }}" placeholder="الرياض" required>
                            </div>
                            <div class="col-md-4 form-group">
                                <label for="country">{{ __('home.country') }}</label>
                                <input type="text" class="form-control" id="country" name="country" value="SA" readonly>
                            </div>
                            <div class="col-md-4 form-group">
                                <label for="TEL">{{ __('home.TEL') }}</label>
                                <input type="number" class="form-control" id="TEL" name="TEL" value="{{ $setting->mobile ?? '' }}" dir="ltr" required>
                            </div>
                            <div class="col-md-4 form-group">
                                <label for="email">{{ __('home.email') }}</label>
                                <input type="email" class="form-control" id="email" name="email" value="{{ $setting->email_address ?? '' }}" dir="ltr" required>
                            </div>
                            <div class="col-12 form-group">
                                <label for="address_ar">{{ __('home.addres_ar') }}</label>
                                <input type="text" class="form-control" id="address_ar" name="address_ar" value="{{ $data->address_ar }}" required>
                            </div>
                            <div class="col-12 form-group">
                                <label for="address_en">{{ __('home.addres_en') }}</label>
                                <input type="text" class="form-control" id="address_en" name="address_en" value="{{ $data->address_en }}" dir="ltr" required>
                            </div>
                        </div>
                    </div>
                </div>

                {{-- 3) الحساب البنكي --}}
                <div class="card ss-card">
                    <div class="ss-head">
                        <span class="ss-icon bg-ss-3"><i class="fa fa-university"></i></span>
                        <div><h5 class="ss-title">الحساب البنكي</h5><p class="ss-sub">يظهر في عروض الأسعار والفواتير</p></div>
                    </div>
                    <div class="card-body">
                        <div class="row">
                            <div class="col-md-4 form-group">
                                <label for="bankname">{{ __('home.bankname') }}</label>
                                <input type="text" class="form-control" id="bankname" name="bankname" value="{{ $data->bankname }}" required>
                            </div>
                            <div class="col-md-4 form-group">
                                <label for="bank_acount_number">{{ __('home.bank_acount_number') }}</label>
                                <input type="number" class="form-control" id="bank_acount_number" name="bank_acount_number" value="{{ $data->bank_acount_number }}" dir="ltr" required>
                            </div>
                            <div class="col-md-4 form-group">
                                <label for="bank_acount_iban">{{ __('home.bank_acount_iban') }}</label>
                                <input type="text" class="form-control" id="bank_acount_iban" name="bank_acount_iban" value="{{ $data->bank_acount_iban }}" placeholder="SA00 0000 0000 0000 0000 0000" dir="ltr" required>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-xl-4">
                {{-- 4) الشعار --}}
                <div class="card ss-card">
                    <div class="ss-head">
                        <span class="ss-icon bg-ss-5"><i class="fa fa-image"></i></span>
                        <div><h5 class="ss-title">{{ __('home.logo') }}</h5><p class="ss-sub">PNG أو JPG — حتى 2 ميجا</p></div>
                    </div>
                    <div class="card-body">
                        <div class="ss-logo-box mb-3">
                            <div class="ss-logo-preview"><img id="uploadedimg" src="{{ asset('assets/img/brand') . '/' . $data['logo'] }}" alt="logo"></div>
                        </div>
                        <div class="form-group">
                            <input autocomplete="off" onchange="readURL(this)" type="file" id="logo" name="logo" accept="image/png,image/jpeg" class="form-control">
                            @error('logo')
                                <span class="text-danger">{{ $message }}</span>
                            @enderror
                        </div>
                    </div>
                </div>

                {{-- 5) إعدادات البيع --}}
                <div class="card ss-card">
                    <div class="ss-head">
                        <span class="ss-icon bg-ss-4"><i class="fa fa-shopping-cart"></i></span>
                        <div><h5 class="ss-title">إعدادات البيع</h5><p class="ss-sub">الخصم وأسعار البيع في شاشة المبيعات</p></div>
                    </div>
                    <div class="card-body">
                        <div class="form-group">
                            <label for="discount_on_invoice">{{ __('home.discount_rate_invoice_sale') }}</label>
                            <div class="input-group">
                                <input type="number" class="form-control" id="discount_on_invoice" name="discount_on_invoice" value="{{ $data->discount_on_invoice }}" min="0" max="100" step="any">
                                <div class="input-group-append"><span class="input-group-text">%</span></div>
                            </div>
                            <small class="ss-hint">أقصى نسبة خصم يقدر الموظف يعملها على فاتورة البيع</small>
                        </div>
                        @if (\Illuminate\Support\Facades\Schema::hasTable('app_settings'))
                            <div class="form-group">
                                <label for="multi_sale_prices">أسعار بيع متعددة للمنتج (سعر 1 / 2 / 3)</label>
                                <select class="form-control" id="multi_sale_prices" name="multi_sale_prices">
                                    <option value="0" @selected(!\App\Models\AppSetting::multiSalePricesEnabled())>غير مفعّل</option>
                                    <option value="1" @selected(\App\Models\AppSetting::multiSalePricesEnabled())>مفعّل — اختيار السعر في شاشة المبيعات</option>
                                </select>
                                <small class="ss-hint">سعر 2 و3 بيتكتبوا من شاشة تعديل بيانات المنتج</small>
                            </div>
                        @endif
                    </div>
                </div>
            </div>
        </div>

        <div class="ss-save-bar mb-3">
            <button type="submit" class="btn btn-primary">
                <i class="fa fa-check ml-1"></i> {{ __('supprocesses.save_data') }}
            </button>
        </div>
    </form>
@endsection
@section('js')
    <!-- Internal Select2 js-->
    <script src="{{ URL::asset('assets/plugins/select2/js/select2.min.js') }}"></script>
    <!--Internal Fileuploads js-->
    <script src="{{ URL::asset('assets/plugins/fileuploads/js/fileupload.js') }}"></script>
    <script src="{{ URL::asset('assets/plugins/fileuploads/js/file-upload.js') }}"></script>
    <!--Internal Fancy uploader js-->
    <script src="{{ URL::asset('assets/plugins/fancyuploder/jquery.ui.widget.js') }}"></script>
    <script src="{{ URL::asset('assets/plugins/fancyuploder/jquery.fileupload.js') }}"></script>
    <script src="{{ URL::asset('assets/plugins/fancyuploder/jquery.iframe-transport.js') }}"></script>
    <script src="{{ URL::asset('assets/plugins/fancyuploder/jquery.fancy-fileupload.js') }}"></script>
    <script src="{{ URL::asset('assets/plugins/fancyuploder/fancy-uploader.js') }}"></script>
    <!--Internal  Form-elements js-->
    <script src="{{ URL::asset('assets/js/advanced-form-elements.js') }}"></script>
    <script src="{{ URL::asset('assets/js/select2.js') }}"></script>
    <!--Internal Sumoselect js-->
    <script src="{{ URL::asset('assets/plugins/sumoselect/jquery.sumoselect.js') }}"></script>
    <!--Internal  Datepicker js -->
    <script src="{{ URL::asset('assets/plugins/jquery-ui/ui/widgets/datepicker.js') }}"></script>
    <!--Internal  jquery.maskedinput js -->
    <script src="{{ URL::asset('assets/plugins/jquery.maskedinput/jquery.maskedinput.js') }}"></script>
    <!--Internal  spectrum-colorpicker js -->
    <script src="{{ URL::asset('assets/plugins/spectrum-colorpicker/spectrum.js') }}"></script>
    <!-- Internal form-elements js -->
    <script src="{{ URL::asset('assets/js/form-elements.js') }}"></script>
    <script>
        function readURL(input) {
            if (input.files && input.files[0]) {
                var reader = new FileReader();
                reader.onload = function (e) { document.getElementById('uploadedimg').src = e.target.result; };
                reader.readAsDataURL(input.files[0]);
            }
        }
        function timeout_periodـinـdaysConvert() {
            var input = document.getElementById("timeout_periodـinـdays");
            var val = toEnglishNumber(input.value)
            input.value = val;
        }

        function toEnglishNumber(strNum) {
            var ar = '٠١٢٣٤٥٦٧٨٩'.split('');
            var en = '0123456789'.split('');
            strNum = strNum.replace(/[٠١٢٣٤٥٦٧٨٩]/g, x => en[ar.indexOf(x)]);
            //  strNum = strNum.replace(/[^\d]/g, '');
            return strNum;
        }
    </script>
    <script>
        function TaxـNumberConvert() {
            var input = document.getElementById("TaxـNumber");
            var val = toEnglishNumber(input.value)
            input.value = val;
        }

        function toEnglishNumber(strNum) {
            var ar = '٠١٢٣٤٥٦٧٨٩'.split('');
            var en = '0123456789'.split('');
            strNum = strNum.replace(/[٠١٢٣٤٥٦٧٨٩]/g, x => en[ar.indexOf(x)]);
            //  strNum = strNum.replace(/[^\d]/g, '');
            return strNum;
        }
    </script>
    <script>
        function credit_limitConvert() {
            var input = document.getElementById("credit_limit");
            var val = toEnglishNumber(input.value)
            input.value = val;
        }

        function toEnglishNumber(strNum) {
            var ar = '٠١٢٣٤٥٦٧٨٩'.split('');
            var en = '0123456789'.split('');
            strNum = strNum.replace(/[٠١٢٣٤٥٦٧٨٩]/g, x => en[ar.indexOf(x)]);
            //  strNum = strNum.replace(/[^\d]/g, '');
            return strNum;
        }
    </script>
    <script>
        function phoneConvert() {
            var input = document.getElementById("phone");
            var val = toEnglishNumber(input.value)
            input.value = val;
        }

        function toEnglishNumber(strNum) {
            var ar = '٠١٢٣٤٥٦٧٨٩'.split('');
            var en = '0123456789'.split('');
            strNum = strNum.replace(/[٠١٢٣٤٥٦٧٨٩]/g, x => en[ar.indexOf(x)]);
            //  strNum = strNum.replace(/[^\d]/g, '');
            return strNum;
        }
    </script>
    <script>
        var date = $('.fc-datepicker').datepicker({
            dateFormat: 'yy-mm-dd'
        }).val();
    </script>

    <script>
        $(document).ready(function() {
            

            $(function() {
var timeout = 4000; // in miliseconds (3*1000)
$('.alert').delay(timeout).fadeOut(500);
});
    
     
            $('select[name="Section"]').on('change', function() {
                var SectionId = $(this).val();
                if (SectionId) {
                    $.ajax({
                        url: "{{ URL::to('section') }}/" + SectionId,
                        type: "GET",
                        dataType: "json",
                        success: function(data) {
                            $('select[name="product"]').empty();
                            $.each(data, function(key, value) {
                                $('select[name="product"]').append('<option value="' +
                                    value + '">' + value + '</option>');
                            });
                        },
                    });

                } else {
                    console.log('AJAX load did not work');
                }
            });

        });
    </script>


    <script>
        function myFunction() {

            var Amount_Commission = parseFloat(document.getElementById("Amount_Commission").value);
            var Discount = parseFloat(document.getElementById("Discount").value);
            var Rate_VAT = parseFloat(document.getElementById("Rate_VAT").value);
            var Value_VAT = parseFloat(document.getElementById("Value_VAT").value);

            var Amount_Commission2 = Amount_Commission - Discount;


            if (typeof Amount_Commission === 'undefined' || !Amount_Commission) {

                alert('يرجي ادخال مبلغ العمولة ');

            } else {
                var intResults = Amount_Commission2 * Rate_VAT / 100;

                var intResults2 = parseFloat(intResults + Amount_Commission2);

                sumq = parseFloat(intResults).toFixed(2);

                sumt = parseFloat(intResults2).toFixed(2);

                document.getElementById("Value_VAT").value = sumq;

                document.getElementById("Total").value = sumt;

            }

        }
    </script>


@endsection