@extends('company.layout.content')

@section('customTitle')
{{ __('general.add_car') }}
@endsection

@section('customStyle')
<link href='{{ asset("company/$locale/assets/css/elements/alert.css") }}' rel="stylesheet" type="text/css" />
<link href='{{ asset("company/$locale/plugins/flatpickr/flatpickr.css") }}' rel="stylesheet" type="text/css" />
<link href='{{ asset("company/$locale/plugins/flatpickr/custom-flatpickr.css") }}' rel="stylesheet" type="text/css" />
@endsection

@section('customBody')
<div id="content" class="main-content">
    <div class="container">
        <div class="container">
            <div class="row">
                <div id="flStackForm" class="col-12 layout-spacing layout-top-spacing">
                    <div class="statbox widget box box-shadow">
                        <div class="widget-header">
                            <div class="row">
                                <div class="col-12 uroad-section">
                                    <h4>{{ __('general.general_information') }}</h4>
                                </div>
                            </div>
                        </div>
                        <div class="widget-content widget-content-area">
                            <form class="uroad-form" action="{{ route('company.car.store') }}" method="POST" enctype="multipart/form-data">
                                @csrf
                                <div class="form-row mb-4">

                                    <div class="form-group col-md-4">
                                        <label for="models">{{ __('validation.attributes.model') }}</label>
                                        <select required id="models" class="form-control" name="models">
                                            <option value="" selected>
                                                {{ __('validation.attributes.model') }}</option>
                                        </select>
                                    </div>

                                    <div class="form-group col-md-4">
                                        <label for="code">{{ __('validation.attributes.code') }}</label>
                                        <input type="text" class="form-control" id="code" placeholder="{{ __('validation.attributes.code') }}" name="code" value="{{ old('code') }}">
                                    </div>


                                    <div class="form-group col-md-4">
                                        <label for="model">{{ __('validation.attributes.year') }}</label>
                                        <input required type="number" class="form-control" id="model" placeholder="{{ __('validation.attributes.year') }}" min="2005" value="2010" name="model">
                                    </div>

                                    <div class="form-group col-md-4">
                                        <label>{{ __('validation.attributes.fuel') }}</label>
                                        <select required class="form-control basic" name="fuel">
                                            <option value="" selected>
                                                {{ __('validation.attributes.fuel') }}</option>
                                            <option value="petrol" selected>{{ __('validation.attributes.petrol') }}
                                            </option>
                                            <option value="diesel">{{ __('validation.attributes.diesel') }}
                                            </option>
                                        </select>
                                    </div>

                                    <div class="form-group col-md-4">
                                        <label>{{ __('validation.attributes.gear') }}</label>
                                        <select required class="form-control basic" name="gear">
                                            <option value="" selected>
                                                {{ __('validation.attributes.gear') }}</option>
                                            <option value="manual">{{ __('validation.attributes.manual') }}
                                            </option>
                                            <option value="automatic" selected>
                                                {{ __('validation.attributes.automatic') }}</option>
                                        </select>
                                    </div>

                                    <div class="form-group col-md-4">
                                        <label for="counter">{{ __('validation.attributes.branches_count') }}</label>
                                        <input required type="number" class="form-control" id="counter" placeholder="{{ __('validation.attributes.branches_count') }}" min="1" max="50" value="1" name="counter">
                                    </div>

                                    <div class="form-group col-md-4">
                                        <label>{{ __('validation.attributes.is_reservation_available') }}</label>
                                        <select required class="form-control basic" name="is_reservation_available">
                                            <option value="1" selected>{{ __('general.yes') }}</option>
                                            <option value="0">{{ __('general.no') }}</option>
                                        </select>
                                    </div>
                                </div>

                                <hr style="border-top: 1px solid #2E9BD8;">

                                <div class="details @if($company->subscribedTo('application_only')) row  @endif">
                                    @include('company.car.details', ['company' => $company])
                                </div>
                                <script>
                                    var specialDataForm = document.querySelector(".details").innerHTML;
                                </script>

                                <div class="widget-header">
                                    <div class="row">
                                        <div class="col-12 uroad-section">
                                            <h4>{{ __('validation.attributes.prices') }}</h4>
                                        </div>
                                    </div>
                                </div>


                                <div class="form-row mb-4">

                                    {{-- @if (auth()->user()->company->subscribedTo('application'))
                                    <div class="form-group col-md-3">
                                        <label for="daily_price">{{ __('company.Company Cars.fields.Application Daily Price') }}
                                            <a href="#" class="helpLabel" header='
                                            السعر اليومي في التطبيق :
                                            ' body='

                                            <h4><small class="text-danger h6">ملاحظات عامة : </small></h4>

                                            - هذه التسعيرة سيتم تطبيقها على الحجوزات التي ستتم من قبل العملاء من خلال تطبيق يورود

                                            <br>

                                            - سيتم تطبيق هذا السعر في حال كان الحجز (يومي) أي أن عدد أيام الحجز أقل من 7 أيام.

                                            <br>

                                            - يتم إدخال السعر غير شامل لضريبة القيمة المضافة ، حيث أن ضريبة القيمة المضافة يتم احتسابها آلياً في من قبل النظام.

                                            <hr style="border-top: 1px solid #2e9bd8;">

                                            <h4><small class="text-success h6">مثال توضيحي : </small></h4>

                                            إذا قام العميل فيصل بإنشاء حجز يبدأ من تاريخ 01-01-2022 إلى تاريخ 05-01-2022 فإن عدد أيام الحجز ستكون 5 أيام وبالتالي هي أقل من 7 وعليه فسيتم احتساب قيمة السعر اليومي التي تم إدخالها في حقل السعر اليومي عن كل يوم حجز ، لنفترض أن السعر اليومي الذي تم إدخاله في الحقل هو 100 ريال فإن السعر الإجمالي لهذا العميل سيكون (السعر اليومي 100 ريال) X (5 أيام) = 500 ريال ...

                                            <hr style="border-top: 1px solid #2e9bd8;">

                                            شكراُ لك ...
                                            '>

                                                <i class="fas fa-info-circle text-muted"></i>
                                            </a>
                                        </label>
                                        <input required type="number" class="form-control" id="daily_price" placeholder="{{ __('company.Company Cars.fields.Application Daily Price') }}" name="daily_price">
                                    </div>

                                    <div class="form-group col-md-3">
                                        <label for="weekly_price">{{ __('company.Company Cars.fields.Application Weekly Price') }}
                                            <a href="#" class="helpLabel" header='
                                            السعر الأسبوعي في التطبيق :
                                            ' body='

                                            <h4><small class="text-danger h6">ملاحظات عامة : </small></h4>

                                            - هذه التسعيرة سيتم تطبيقها على الحجوزات التي ستتم من قبل العملاء من خلال تطبيق يورود

                                            <br>

                                            - سيتم تطبيق هذا السعر في حال كان الحجز (أسبوعي) أي أن عدد أيام الحجز أكثر من 7 أيام وأقل من 30 يوم.

                                            <br>

                                            - يتم إدخال السعر غير شامل لضريبة القيمة المضافة ، حيث أن ضريبة القيمة المضافة يتم احتسابها آلياً في من قبل النظام.

                                            <hr style="border-top: 1px solid #2e9bd8;">

                                            <h4><small class="text-success h6">مثال توضيحي : </small></h4>

                                            إذا قام العميل فيصل بإنشاء حجز يبدأ من تاريخ 01-01-2022 إلى تاريخ 10-01-2022 فإن عدد أيام الحجز ستكون 10 أيام وبالتالي هي أكبر من 7 أيام وأقل من 30 يوم وعليه فسيتم احتساب قيمة السعر عن كل يوم حجز بما يساوي القيمة التي تم إدخالها في حقل السعر الأسبوعي ، ولنفترض أن السعر الأسبوعي الذي تم إدخاله في الحقل هو 80 ريال فإن السعر الإجمالي لهذا العميل سيكون (السعر الأسبوعي 80 ريال) X (10 أيام) = 800 ريال ...

                                            <hr style="border-top: 1px solid #2e9bd8;">

                                            شكراُ لك ...
                                            '>

                                                <i class="fas fa-info-circle text-muted"></i>
                                            </a>
                                        </label>
                                        <input required type="number" class="form-control" id="weekly_price" placeholder="{{ __('company.Company Cars.fields.Application Weekly Price') }}" name="weekly_price">
                                    </div>

                                    <div class="form-group col-md-3">
                                        <label for="monthly_price">{{ __('company.Company Cars.fields.Application Monthly Price') }}
                                            <a href="#" class="helpLabel" header='
                                            السعر الشهري في التطبيق :
                                            ' body='

                                            <h4><small class="text-danger h6">ملاحظات عامة : </small></h4>

                                            - هذه التسعيرة سيتم تطبيقها على الحجوزات التي ستتم من قبل العملاء من خلال تطبيق يورود

                                            <br>

                                            - سيتم تطبيق هذا السعر في حال كان الحجز (أسبوعي) أي أن عدد أيام الحجز أكثر من 30 يوم.

                                            <br>

                                            - يتم إدخال السعر غير شامل لضريبة القيمة المضافة ، حيث أن ضريبة القيمة المضافة يتم احتسابها آلياً في من قبل النظام.

                                            <hr style="border-top: 1px solid #2e9bd8;">

                                            <h4><small class="text-success h6">مثال توضيحي : </small></h4>

                                            إذا قام العميل فيصل بإنشاء حجز يبدأ من تاريخ 01-01-2022 إلى تاريخ 05-02-2022 فإن عدد أيام الحجز ستكون 35 أيام وبالتالي هي أكبر من 30 يوم وعليه فسيتم احتساب قيمة السعر عن كل يوم حجز بما يساوي القيمة التي تم إدخالها في حقل السعر الشهري ، ولنفترض أن السعر الشهري الذي تم إدخاله في الحقل هو 50 ريال فإن السعر الإجمالي لهذا العميل سيكون (السعر الشهري 50 ريال) X (35 يوم) = 1750 ريال ...

                                            <hr style="border-top: 1px solid #2e9bd8;">

                                            شكراُ لك ...
                                            '>

                                                <i class="fas fa-info-circle text-muted"></i>
                                            </a>
                                        </label>
                                        <input required type="number" class="form-control" id="monthly_price" placeholder="{{ __('company.Company Cars.fields.Application Monthly Price') }}" name="monthly_price">
                                    </div>
                                    @endif --}}
                                    {{-- @if (auth()->user()->company->subscribedTo('system')) --}}
                                    <div class="form-group col-md-4">
                                        <label for="daily_price_system">{{ __('validation.attributes.daily_price') }}
                                            <a href="#" class="helpLabel" header='
                                            السعر اليومي :
                                            ' body='

                                            <h4><small class="text-danger h6">ملاحظات عامة : </small></h4>

                                            - يتم إدخال سعر اليوم الواحد للحجوزات التي تصنف كحجز يومي.

                                            <br>

                                            - يتم إدخال السعر غير شامل لضريبة القيمة المضافة ، حيث أن ضريبة القيمة المضافة يتم احتسابها آلياً في من قبل النظام.

                                            <hr style="border-top: 1px solid #2e9bd8;">
                                            '>
                                                <i class="fas fa-info-circle text-muted"></i>
                                            </a>
                                        </label>
                                        <input required type="number" class="form-control" id="daily_price" placeholder="{{ __('validation.attributes.daily_price') }}" name="daily_price" step="0.01">
                                    </div>

                                    <div class="form-group col-md-4">
                                        <label for="weekly_price_system">{{ __('validation.attributes.weekly_price') }}
                                            <a href="#" class="helpLabel" header='
                                            السعر الأسبوعي :
                                            ' body='

                                            <h4><small class="text-danger h6">ملاحظات عامة : </small></h4>

                                            - يتم إدخال سعر اليوم الواحد للحجوزات التي تصنف كحجز أسبوعي.

                                            <br>

                                            - يتم إدخال السعر غير شامل لضريبة القيمة المضافة ، حيث أن ضريبة القيمة المضافة يتم احتسابها آلياً في من قبل النظام.

                                            <hr style="border-top: 1px solid #2e9bd8;">

                                            '>

                                                <i class="fas fa-info-circle text-muted"></i>
                                            </a>
                                        </label>
                                        <input required type="number" class="form-control" id="weekly_price" placeholder="{{ __('validation.attributes.weekly_price') }}" name="weekly_price" step="0.01">
                                    </div>

                                    <div class="form-group col-md-4">
                                        <label for="monthly_price_system">{{ __('validation.attributes.monthly_price') }}
                                            <a href="#" class="helpLabel" header='
                                            السعر الشهري :
                                            ' body='

                                            <h4><small class="text-danger h6">ملاحظات عامة : </small></h4>

                                            - يتم إدخال سعر اليوم الواحد للحجوزات التي تصنف كحجز شهري.

                                            <br>

                                            - يتم إدخال السعر غير شامل لضريبة القيمة المضافة ، حيث أن ضريبة القيمة المضافة يتم احتسابها آلياً في من قبل النظام.

                                            <hr style="border-top: 1px solid #2e9bd8;">

                                            '>

                                                <i class="fas fa-info-circle text-muted"></i>
                                            </a>

                                        </label>
                                        <input required type="number" class="form-control" id="monthly_price" placeholder="{{ __('validation.attributes.monthly_price') }}" name="monthly_price" step="0.01">
                                    </div>

                                    <div class="form-group col-md-4">
                                        <label for="three_month_price">{{ __('validation.attributes.three_month_price') }}
                                            <a href="#" class="helpLabel" header='
                                            سعر 3 أشهر :
                                            ' body='

                                            <h4><small class="text-danger h6">ملاحظات عامة : </small></h4>

                                            - يتم إدخال سعر اليوم الواحد للحجوزات التي تصنف كحجز من نوع 3 أشهر.

                                            <br>

                                            - يتم إدخال السعر غير شامل لضريبة القيمة المضافة ، حيث أن ضريبة القيمة المضافة يتم احتسابها آلياً في من قبل النظام.

                                            <hr style="border-top: 1px solid #2e9bd8;">

                                            '>

                                                <i class="fas fa-info-circle text-muted"></i>
                                            </a>

                                        </label>
                                        <input required type="number" class="form-control" id="three_month_price" placeholder="{{ __('validation.attributes.three_month_price') }}" name="three_month_price" step="0.01">
                                    </div>

                                    <div class="form-group col-md-4">
                                        <label for="six_month_price">{{ __('validation.attributes.six_month_price') }}
                                            <a href="#" class="helpLabel" header='
                                            سعر 6 أشهر :
                                            ' body='

                                            <h4><small class="text-danger h6">ملاحظات عامة : </small></h4>

                                            - يتم إدخال سعر اليوم الواحد للحجوزات التي تصنف كحجز من نوع 6 أشهر.

                                            <br>

                                            - يتم إدخال السعر غير شامل لضريبة القيمة المضافة ، حيث أن ضريبة القيمة المضافة يتم احتسابها آلياً في من قبل النظام.

                                            <hr style="border-top: 1px solid #2e9bd8;">

                                            '>

                                                <i class="fas fa-info-circle text-muted"></i>
                                            </a>

                                        </label>
                                        <input required type="number" class="form-control" id="six_month_price" placeholder="{{ __('validation.attributes.six_month_price') }}" name="six_month_price" step="0.01">
                                    </div>

                                    <div class="form-group col-md-4">
                                        <label for="nine_month_price">{{ __('validation.attributes.nine_month_price') }}
                                            <a href="#" class="helpLabel" header='
                                            سعر 9 اشهر :
                                            ' body='

                                            <h4><small class="text-danger h6">ملاحظات عامة : </small></h4>

                                            - يتم إدخال سعر اليوم الواحد للحجوزات التي تصنف كحجز من نوع 9 أشهر.

                                            <br>

                                            - يتم إدخال السعر غير شامل لضريبة القيمة المضافة ، حيث أن ضريبة القيمة المضافة يتم احتسابها آلياً في من قبل النظام.

                                            <hr style="border-top: 1px solid #2e9bd8;">

                                            '>

                                                <i class="fas fa-info-circle text-muted"></i>
                                            </a>

                                        </label>
                                        <input required type="number" class="form-control" id="nine_month_price" placeholder="{{ __('validation.attributes.nine_month_price') }}" name="nine_month_price" step="0.01">
                                    </div>

                                    <div class="form-group col-md-4">
                                        <label for="twelve_month_price">{{ __('validation.attributes.twelve_month_price') }}
                                            <a href="#" class="helpLabel" header='
                                            سعر 12 شهر :
                                            ' body='

                                            <h4><small class="text-danger h6">ملاحظات عامة : </small></h4>

                                            - يتم إدخال سعر اليوم الواحد للحجوزات التي تصنف كحجز من نوع 12 شهر.

                                            <br>

                                            - يتم إدخال السعر غير شامل لضريبة القيمة المضافة ، حيث أن ضريبة القيمة المضافة يتم احتسابها آلياً في من قبل النظام.

                                            <hr style="border-top: 1px solid #2e9bd8;">

                                            '>

                                                <i class="fas fa-info-circle text-muted"></i>
                                            </a>

                                        </label>
                                        <input required type="number" class="form-control" id="twelve_month_price" placeholder="{{ __('validation.attributes.twelve_month_price') }}" name="twelve_month_price" step="0.01">
                                    </div>

                                    <div class="form-group col-md-4">
                                        <label for="daily_non_deductible_insurance_price">{{ __('validation.attributes.daily_non_deductible_insurance_price') }}</label>
                                        <input type="number" class="form-control" id="daily_non_deductible_insurance_price" placeholder="{{ __('validation.attributes.daily_non_deductible_insurance_price') }}" name="daily_non_deductible_insurance_price" step="0.01">
                                    </div>

                                    <div class="form-group col-md-4">
                                        <label for="weekly_non_deductible_insurance_price">{{ __('validation.attributes.weekly_non_deductible_insurance_price') }}</label>
                                        <input type="number" class="form-control" id="weekly_non_deductible_insurance_price" placeholder="{{ __('validation.attributes.weekly_non_deductible_insurance_price') }}" name="weekly_non_deductible_insurance_price" step="0.01">
                                    </div>

                                    <div class="form-group col-md-4">
                                        <label for="monthly_non_deductible_insurance_price">{{ __('validation.attributes.monthly_non_deductible_insurance_price') }}</label>
                                        <input type="number" class="form-control" id="monthly_non_deductible_insurance_price" placeholder="{{ __('validation.attributes.monthly_non_deductible_insurance_price') }}" name="monthly_non_deductible_insurance_price" step="0.01">
                                    </div>

                                    {{-- @endif --}}


                                    <div class="form-group col-md-3">
                                        <label for="permitted_hours">{{ __('validation.attributes.allowed_hours') }}
                                            <a href="#" class="helpLabel" header='
                                            الساعات المسموح بها :
                                            ' body='

                                            <h4><small class="text-danger h6">الشرح العام : </small></h4>

                                            - الساعات المسموح بها هي الساعات التي يتأخرها العميل عند تسليم السيارة ولكن لا يتم احتساب أي مبالغ إضافية على العميل.

                                            <hr style="border-top: 1px solid #2e9bd8;">

                                            <h4><small class="text-success h6">مثال توضيحي : </small></h4>

                                            لنفترض أن العميل استأجر السيارة من تاريخ 01-01-2022 إلى تاريخ 02-01-2022 وحتى الساعة 10:00 صباحاً ولكن العميل تأخر وسلم السيارة في الساعة 01:00 ظهراً فهنا ننظر في حقل الساعات المسموح بها فإذا كان عدد الساعات المسموحة -على سبيل المثال- هو 3 ساعات ففي هذه الحالة لن يتم احتساب أي مبالغ إضافية على العميل لأن تأخيره كان ضمن النطاق المسموح به وهو 3 ساعات.

                                            <hr style="border-top: 1px solid #2e9bd8;">

                                            شكراُ لك ...
                                            '>

                                                <i class="fas fa-info-circle text-muted"></i>
                                            </a>

                                        </label>
                                        <input required type="number" class="form-control" id="permitted_hours" placeholder="{{ __('validation.attributes.allowed_hours') }}" name="permitted_hours" min="0" step="0.01">
                                    </div>

                                    <div class="form-group col-md-3">
                                        <label for="extra_hour_price">{{ __('validation.attributes.extra_hour_price') }}
                                            <a href="#" class="helpLabel" header='
                                            سعر الساعة الإضافية :
                                            ' body='

                                            <h4><small class="text-danger h6">الشرح العام : </small></h4>

                                            - سعر الساعة الإضافي هو المبلغ الذي سيتم احتسابه على العميل في حال سلم السيارة في وقت متأخر عن وقت التسليم الذي يجب أن يسلم السيارة فيه وكان هذا التأخر أيضاً خارج نطاق (الساعات المسموح بها).

                                            <hr style="border-top: 1px solid #2e9bd8;">

                                            <h4><small class="text-success h6">مثال توضيحي : </small></h4>

                                            لنفترض أن العميل استأجر السيارة من تاريخ 01-01-2022 إلى تاريخ 02-01-2022 وحتى الساعة 01:00 ظهراً ولكن العميل تأخر وسلم السيارة في الساعة 05:00 عصراً فهنا ننظر في حقل الساعات المسموح بها فإذا كان عدد الساعات المسموحة -على سبيل المثال- هو 3 ساعات ففي هذه الحالة سيتم احتساب مبالغ إضافية على العميل لأن تأخيره كان خارج النطاق المسموح به وهو 3 ساعات حيث أن العميل الآن تأخر خارج النطاق المسموح به بساعتين ، وهذه المبالغ سيتم احتسابها من خلال النظر في المبلغ المكتوب في حقل (سعر الساعة الإضافية) ، فإذا كان السعر المكتوب -على سبيل المثال- هو 100 ريال فسيتم احتساب 100 ريال عن كل ساعة تأخير تأخرها العميل خارج نطاق الساعات المسموح بها.

                                            <hr style="border-top: 1px solid #2e9bd8;">

                                            شكراُ لك ...
                                            '>

                                                <i class="fas fa-info-circle text-muted"></i>
                                            </a>

                                        </label>
                                        <input required type="number" class="form-control" id="extra_hour_price" placeholder="{{ __('validation.attributes.extra_hour_price') }}" name="extra_hour_price" min="0" step="0.01">
                                    </div>

                                    <div class="form-group col-md-3">
                                        <label for="permitted_mileage">{{ __('validation.attributes.allowed_miles') }}
                                            <a href="#" class="helpLabel" header='
                                            الأميال المسموح بها :
                                            ' body='

                                            <h4><small class="text-danger h6">الشرح العام : </small></h4>

                                            - الأميال المسموح بها هي الأميال التي يتجاوزها العميل عند تسليم السيارة ولكن لا يتم احتساب أي مبالغ إضافية عليه في حال كان هذا التجاوز في الأميال ضمن النطاق المحدد في هذا الحقل.

                                            <hr style="border-top: 1px solid #2e9bd8;">

                                            <h4><small class="text-success h6">مثال توضيحي : </small></h4>

                                            لنفترض أن العميل استأجر السيارة من تاريخ 01-01-2022 إلى تاريخ 02-01-2022 وكانت الأميال المسموح بها هي 20 ولكن العميل عند تسليم السيارة كان قد قطع 10 أميال ، فهنا ننظر في حقل الأميال المسموح بها فإذا كان عدد الأميال المسموحة -على سبيل المثال- هو 20 ميل كما ذكرنا ففي هذه الحالة لن يتم احتساب أي مبالغ إضافية على العميل لأن الأميال الإضافية التي قطعهاالعميل (10 أميال) كانت ضمن النطاق المسموح به وهو 20 ميل.

                                            <hr style="border-top: 1px solid #2e9bd8;">

                                            شكراُ لك ...
                                            '>
                                                <i class="fas fa-info-circle text-muted"></i>
                                            </a>
                                        </label>
                                        <input required type="number" class="form-control" id="permitted_mileage" placeholder="{{ __('validation.attributes.allowed_miles') }}" name="permitted_mileage" min="0" step="0.01">
                                    </div>

                                    <div class="form-group col-md-3">
                                        <label for="extra_miles_price">{{ __('validation.attributes.extra_mile_price') }}
                                            <a href="#" class="helpLabel" header='
                                            سعر الميل الإضافي :
                                            ' body='

                                            <h4><small class="text-danger h6">الشرح العام : </small></h4>

                                            - سعر الميل الإضافي : هو المبلغ الذي سيضاف على العميل في حال تجاوز الأميال المسموح بها عند تسليم السيارة ، فيتم احتساب المبلغ الذي سيتم وضعه في هذه الحقل عن كل ميل إضافي كان خارج نطاق (الأميال المسموح بها).

                                            <hr style="border-top: 1px solid #2e9bd8;">

                                            <h4><small class="text-success h6">مثال توضيحي : </small></h4>

                                            لنفترض أن العميل استأجر السيارة من تاريخ 01-01-2022 إلى تاريخ 02-01-2022 وكانت الأميال المسموح بها هي 20 ولكن العميل عند تسليم السيارة كان قد قطع 30 ميلاً ، فهنا ننظر في حقل الأميال المسموح بها فإذا كان عدد الأميال المسموحة -على سبيل المثال- هو 20 ميل كما ذكرنا ففي هذه الحالة سيتم احتساب مبلغ إضافي على العميل لأن الأميال الإضافية التي قطعهاالعميل (30 ميلاً) كانت أعلى النطاق المسموح به وهو 20 ميل ، وبالتالي لو كان سعر الميل الإضافي المحدد في هذا الحقل - على سبيل المثال - هو 100 ريال ففي مثالنا الحالي سيتم احتساب 100 ريال عن كل ميل زائد عن الحد المسموح به وبالتالي فإن هذا العميل سيضاف عليه 1000 ريال لأنه تجاوز الحد المسموح به بـ 10 أميال وسعر الميل الإضافي الواحد هو 100 ريال.

                                            <hr style="border-top: 1px solid #2e9bd8;">

                                            شكراُ لك ...
                                            '>
                                                <i class="fas fa-info-circle text-muted"></i>
                                            </a>
                                        </label>
                                        <input required type="number" class="form-control" id="extra_miles_price" placeholder="{{ __('validation.attributes.extra_mile_price') }}" name="extra_miles_price" min="0" step="0.01">
                                    </div>
                                </div>

                                <hr style="border-top: 1px solid #2E9BD8;">

                                <div class="widget-header">
                                    <div class="row">
                                        <div class="col-12 uroad-section">
                                            <h4>{{ __('general.services') }}</h4>
                                        </div>
                                    </div>
                                </div>

                                <div class="form-row mb-4">

                                    @foreach ($services as $key => $service)
                                    <div class="form-group col-md-3">
                                        <div class="d-flex flex-column">
                                            <div>
                                                <label for="extra_miles_price">{{ $service->name }}</label>
                                                <input type="hidden" name="services[{{ $key + 1 }}][id]" value="{{ $service->id }}">
                                                <input type="number" class="form-control" id="extra_miles_price" placeholder="{{ $service->name }}" name="services[{{ $key + 1 }}][price]" value="" step="0.01">
                                            </div>
                                            <div>
                                                <select class="form-control basic" name="services[{{ $key + 1 }}][is_one_time_payment]">
                                                    <option value="1" selected>
                                                        {{ __('validation.attributes.one_time_payment') }}
                                                    </option>
                                                    <option value="0">
                                                        {{ __('validation.attributes.pay_per_day') }}
                                                    </option>
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                    @endforeach
                                </div>

                                <hr style="border-top: 1px solid #2E9BD8;">

                                <input type="submit" class="btn btn-primary mt-3" value="{{ __('general.submit') }}">
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>


@endsection

@section('customScript')
<script src='{{ asset("company/$locale/plugins/flatpickr/flatpickr.js") }}'></script>
<script src='{{ asset("company/$locale/plugins/flatpickr/custom-flatpickr.js") }}'></script>
<script>
    $("#cars-menu-box").attr("data-active", "true");
    ajaxSelect2('.branch', '/company/select2/branches');
        var counter = 1;

        $("#counter").change(function() {
            let newCounter = parseInt($(this).val());

            if (newCounter < 1) {
                $(this).val(counter);
                return swal({
                    title: '{{ __('company.Company Cars.errors.quantity_must_be_bigger_than_0') }}',
                    type: 'warning',
                    confirmButtonText: '{{ __('general.ok') }}',
                });
            }

            if (newCounter > counter) {
                for (let i = 0; i < (newCounter - counter); i++) {
                    $('.details').append(specialDataForm);
                }
                let newAppends = $(`.details > div:nth-child(n + ${newCounter - counter})`);
                newAppends.find(".basic").select2();
                newAppends.find(".branch").select2({
                    ajax: {
                        delay: 500,
                        url: '{{ route("company.select2.branches") }}',
                        dataType: 'json',
                        data: function (params) {
                        return {
                            term: params.term,
                        }   
                        },
                        cache: true,
                    },
                });
                newAppends.find(".basicFlatpickr").flatpickr();

            } else {
                $(`.details > div:nth-child(n + ${newCounter + 1})`).remove();
            }

            counter = newCounter;
        });


        ajaxSelect2('#models', '/company/select2/models');
</script>
@endsection