@extends('company.layout.content')

@section('customTitle')
{{ __('company.Edit Contract.fields.Edit Contract') }}
@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/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-lg-12 layout-spacing layout-top-spacing">



                    <div class="statbox widget box box-shadow">
                        <div class="widget-header">
                            <div class="row">
                                <div class="col-12">
                                    <h4>{{ __('company.Edit Contract.fields.Edit Contract') }}</h4>
                                </div>
                            </div>
                        </div>

                        <div class="widget-content widget-content-area p-4">
                            @if ($contract->status == 'closed' && $contract->rating()->count()
                            <= 0) <x-bootstrap.modal id="showModal" :data="['contract' => $contract]" content-type="view" content="company.contract.modals.rating" :with-header="true" title="تقييم العميل : {{ $contract->user->name }}" />
                            @endif

                            <form action="{{ route('company.contract.store') }}" method="POST" enctype="multipart/form-data">
                                @csrf
                                <div class="form-row mb-4">
                                    <hr class="col-12" style="border-top: 1px solid #2E9BD8;">

                                    <div class="col-12 mb-4">
                                        <h5 id="counter">
                                            {{ __('company.Edit Contract.fields.Contract Information') }}
                                            :</h5>
                                    </div>

                                    <div class="form-group col-md-6">
                                        <label for="name">{{ __('validation.attributes.responsible_person') }}</label>
                                        <input type="text" class="form-control" id="name" placeholder="{{ __('validation.attributes.responsible_person') }}" value="{{ auth()->user()->name }}" disabled>
                                    </div>

                                    <div class="form-group col-md-6">
                                        <label for="name">{{ __('validation.attributes.serial_number') }}</label>
                                        <input type="number" class="form-control" id="name" placeholder="{{ __('validation.attributes.serial_number') }}" name="contact_number" value="{{ $contract->serial_number }}" readonly>
                                    </div>

                                    {{-- <div class="form-group col-md-4">
                                        <label for="name">{{ __('company.Contracts.fields.Customer Type') }}</label>
                                        <select class="form-control basic" disabled>
                                            <option value="customer" selected>
                                                {{ __('company.Contracts.fields.Customer Type') }}</option>
                                        </select>
                                    </div> --}}

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

                                    <div class="col-12 mb-4">
                                        <h5 id="counter">
                                            {{ __('company.Edit Contract.fields.Customer Information') }} :</h5>
                                    </div>

                                    <div class="form-group col-md-4">
                                        <label for="user-id">{{ __('validation.attributes.customer_name') }}</label>
                                        <select id="user-id" class="form-control basic" name="user_id" disabled>
                                            <option value="" selected>{{ $contract->user->name }}</option>
                                        </select>
                                    </div>

                                    <div class="form-group col-md-4">
                                        <label for="identification_number">{{ __('validation.attributes.identification_number') }}</label>
                                        <input type="number" class="form-control" id="identification_number" placeholder="{{ __('validation.attributes.identification_number') }}" value="{{ $contract->user->identification_number }}" readonly>
                                    </div>

                                    <div class="form-group col-md-4">
                                        <label for="identification_issuing_date">{{ __('validation.attributes.identification_issuing_date') }}</label>
                                        <input type="text" id="identification_issuing_date" class="form-control" placeholder="{{ __('validation.attributes.identification_issuing_date') }}" value="{{ $contract->user->identification_issuing_date }}" readonly>
                                    </div>

                                    <div class="form-group col-md-4">
                                        <label for="identification_issuing_place">{{ __('validation.attributes.identification_issuing_place') }}</label>
                                        <input type="text" id="identification_issuing_place" class="form-control" placeholder="{{ __('validation.attributes.identification_issuing_place') }}" value="{{ $contract->user->identification_issuing_place }}" readonly>
                                    </div>


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


                                    <div class="form-group col-md-4">
                                        <label for="date_of_birth">{{ __('validation.attributes.date_of_birth') }}</label>
                                        <input type="text" class="form-control" id="date_of_birth" value="{{ $contract->user->date_of_birth }}" placeholder="{{ __('validation.attributes.date_of_birth') }}" readonly>
                                    </div>

                                    <div class="form-group col-md-4">
                                        <label for="place_of_birth">{{ __('validation.attributes.place_of_birth') }}</label>
                                        <input type="text" id="place_of_birth" class="form-control" placeholder="{{ __('validation.attributes.place_of_birth') }}" value="{{ $contract->user->place_of_birth }}" readonly>
                                    </div>

                                    <div class="form-group col-md-4">
                                        <label for="driver_license_number">{{ __('general.driving_license_information') }}</label>
                                        <input type="text" id="driver_license_number" class="form-control" placeholder="{{ __('general.driving_license_information') }}" value="{{ $contract->user->driver_license_number }}" readonly>
                                    </div>


                                    <div class="form-group col-md-4">
                                        <label for="license_issuing_date">{{ __('validation.attributes.driving_license_issuing_date') }}</label>
                                        <input type="text" id="license_issuing_date" class="form-control" placeholder="{{ __('validation.attributes.driving_license_issuing_date') }}" value="{{ $contract->user->driving_license_issuing_date }}" readonly>
                                    </div>

                                    <div class="form-group col-md-4">
                                        <label for="license_expiration_date">{{ __('validation.attributes.driver_license_expiry') }}</label>
                                        <input type="text" id="license_expiration_date" class="form-control" placeholder="{{ __('validation.attributes.driver_license_expiry') }}" value="{{ $contract->user->driver_license_expiry }}" readonly>
                                    </div>

                                    <div class="form-group col-md-4">
                                        <label for="driving_license_issuing_place">{{ __('validation.attributes.driver_license_issuing_place') }}</label>
                                        <input type="text" id="driving_license_issuing_place" class="form-control" placeholder="{{ __('validation.attributes.driver_license_issuing_place') }}" value="{{ $contract->user->driver_license_issuing_place }}" readonly>
                                    </div>

                                    <div class="form-group col-md-4">
                                        <label for="driving_license_type">{{ __('validation.attributes.driver_license_type') }}</label>
                                        <input type="text" id="driving_license_type" class="form-control" placeholder="{{ __('validation.attributes.driver_license_type') }}" value="{{ $contract->user->driver_license_type }}" readonly>
                                    </div>


                                    <div class="form-group col-md-4">
                                        <label for="customer_cell_phone">{{ __('validation.attributes.mobile') }}</label>
                                        <input dir="ltr" type="text" id="customer_cell_phone" class="form-control text-left" value="{{ $contract->user->mobile }}" placeholder="{{ __('validation.attributes.mobile') }}" readonly>
                                    </div>

                                    <div class="form-group col-md-4">
                                        <label for="home_phone_number">{{ __('validation.attributes.home_number') }}</label>
                                        <input dir="ltr" type="text" id="home_phone_number" class="form-control text-left" placeholder="{{ __('validation.attributes.home_number') }}" value="{{ $contract->user->home_phone_number }}" readonly>
                                    </div>

                                    <div class="form-group col-md-4">
                                        <label for="work_phone_number">{{ __('validation.attributes.work_number') }}</label>
                                        <input dir="ltr" type="text" id="work_phone_number" class="form-control text-left" placeholder="{{ __('validation.attributes.work_number') }}" value="{{ $contract->user->work_phone_number }}" readonly>
                                    </div>

                                    <div class="form-group col-md-4">
                                        <label for="home_adress">{{ __('validation.attributes.home_address') }}</label>
                                        <input type="text" id="home_adress" class="form-control" value="{{ $contract->user->home_adress }}" placeholder="{{ __('validation.attributes.home_address') }}" readonly>
                                    </div>

                                    <div class="form-group col-md-4">
                                        <label for="work_adress">{{ __('validation.attributes.work_address') }}</label>
                                        <input type="text" id="work_adress" class="form-control" value="{{ $contract->user->work_adress }}" placeholder="{{ __('validation.attributes.work_address') }}" readonly>
                                    </div>

                                    <div class="col-md-6">
                                        <h6>{{ __('company.Edit Contract.fields.Personal Picture') }}</h6>
                                        <img id="image" class="" src=" {{ $contract->user->identification_picture }}" alt=" {{ __('company.Edit Contract.fields.Personal Picture') }}" width="400">
                                    </div>

                                    <div class="col-md-6">
                                        <h6>{{ __("company.Edit Contract.fields.Driver's License Photo") }}</h6>
                                        <img id="driver_licence_image" class="" src="
                                                                                                                                                        {{ $contract->user->driver_license_image }}" alt=" {{ __(" company.Edit Contract.fields.Driver's License Photo") }}" width="400">
                                    </div>

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

                                    <div class="col-12 mb-4">
                                        <h5 id="counter">{{ __('company.Edit Contract.fields.Car Info') }} :</h5>
                                    </div>

                                    <div class="form-group col-md-4">
                                        <label for="car-id">{{ __('validation.attributes.car') }}</label>
                                        <select id="car-id" class="form-control" name="car_id" disabled>
                                            <option value="" selected>{{ $contract->car->models->name }}
                                            </option>
                                            @foreach ($cars as $car)
                                            <option value="{{ $car->id }}">
                                                {{ $car->models->ar_name }} || {{ $car->plate }}
                                            </option>
                                            @endforeach
                                        </select>
                                    </div>

                                    <input type="hidden" class="form-control" id="city_id" placeholder="المدينة" name="city_id" value="{{ $contract->car->city->id }}" readonly>

                                    <input type="hidden" class="form-control" id="category_id" placeholder="التصنيف" name="category_id" value="{{ $contract->car->models->category->id }}" readonly>

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

                                    <div class="form-group col-md-4">
                                        <label for="car-model">{{ __('validation.attributes.models') }}</label>
                                        <input type="text" class="form-control" id="car-model" placeholder="{{ __('validation.attributes.models') }}" value="{{ $contract->car->model }}" readonly>
                                    </div>

                                    <div class="form-group col-md-4">
                                        <label for="chassis_number">{{ __('validation.attributes.chassis_number') }}</label>
                                        <input type="text" class="form-control" id="chassis_number" placeholder="{{ __('validation.attributes.chassis_number') }}" value="{{ $contract->carDetails->chassis_number }}" readonly>
                                    </div>

                                    <div class="form-group col-md-4">
                                        <label for="document_number">{{ __('validation.attributes.car_registration_number') }}</label>
                                        <input type="text" class="form-control" id="document_number" placeholder="{{ __('validation.attributes.car_registration_number') }}" value="{{ $contract->carDetails->document_number }}" readonly>
                                    </div>
                                    <div class="form-group col-md-4">
                                        <label for="document_expiry">{{ __('validation.attributes.car_registration_expiry') }}</label>
                                        <input type="text" class="form-control" id="document_expiry" placeholder="{{ __('validation.attributes.car_registration_expiry') }}" value="{{ $contract->carDetails->document_expiry }}" readonly>
                                    </div>

                                    <div class="form-group col-md-4">
                                        <label for="insurance_number">{{ __('validation.attributes.insurance_number') }}</label>
                                        <input type="text" class="form-control" id="insurance_number" placeholder="{{ __('validation.attributes.insurance_number') }}" value="{{ $contract->carDetails->insurance_number }}" readonly>
                                    </div>

                                    <div class="form-group col-md-4">
                                        <label for="Insurance_expiry">{{ __('validation.attributes.insurance_expiry') }}</label>
                                        <input type="text" class="form-control" id="Insurance_expiry" placeholder="{{ __('validation.attributes.insurance_expiry') }}" value="{{ $contract->carDetails->Insurance_expiry }}" readonly>
                                    </div>

                                    <div class="form-group col-md-4">
                                        <label for="gear">{{ __('validation.attributes.gear') }}</label>
                                        <input type="text" class="form-control" id="gear" placeholder="{{ __('validation.attributes.gear') }}" value="{{ __('company.Edit Contract.fields.' . $contract->car->gear . '') }}" readonly>
                                    </div>

                                    <div class="form-group col-md-4">
                                        <label for="car-daily-price">{{ __('validation.attributes.daily_price') }}</label>
                                        <input type="text" class="form-control" id="car-daily-price" placeholder="{{ __('validation.attributes.daily_price') }}" name="daily_price" value="{{ $contract->car->daily_price }}" readonly>
                                    </div>

                                    <div class="form-group col-md-4">
                                        <label for="car-weekly-price">{{ __('validation.attributes.weekly_price') }}</label>
                                        <input type="text" class="form-control" id="car-weekly-price" placeholder="{{ __('validation.attributes.weekly_price') }}" name="weekly_price" value="{{ $contract->car->weekly_price }}" readonly>
                                    </div>

                                    <div class="form-group col-md-4">
                                        <label for="car-monthly-price">{{ __('validation.attributes.monthly_price') }}</label>
                                        <input type="text" class="form-control" id="car-monthly-price" placeholder="{{ __('validation.attributes.monthly_price') }}" name="monthly_price" value="{{ $contract->car->monthly_price }}" readonly>
                                    </div>

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

                                    <div class="col-12 mb-4">
                                        <h5 id="counter">{{ __('company.Edit Contract.fields.Services') }} :
                                        </h5>
                                    </div>

                                    <div id="services_container" class="d-flex flex-wrap w-100">
                                        @foreach ($contract->services as $service)
                                        <div class="col-md-3 mb-3">
                                            <div class="d-flex flex-column">
                                                <div>
                                                    <input type="checkbox" class="is_check mr-2" id="service" name="services[1][is_check]" checked><label for="services_price">{{ $service->service->name }}</label><input type="hidden" id="services_id" name="services[1][id]" value="26"><input type="number" class="form-control" id="services_price" placeholder="{{ $service->service->name }}" name="services[1][price]" value="{{ $service->price }}" readonly="">
                                                </div>
                                                <div>
                                                    <input type="text" class="form-control" disabled=""><input type="hidden" id="is_one_time_payment" class="form-control" name="services[1][is_one_time_payment]" value="{{ $service->is_one_time_payment }}" readonly="">
                                                </div>
                                            </div>
                                        </div>
                                        @endforeach
                                    </div>

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

                                    <div class="col-12 mb-4">
                                        <h5 id="counter">
                                            {{ __('company.Edit Contract.fields.Contract Procedures') }} :</h5>
                                    </div>

                                    <div class="form-group col-md-3">
                                        <label for="contract-start-date">{{ __('company.Edit Contract.fields.Contract Starting Date') }}</label>
                                        <input type="date" class="form-control" id="contract-start-date" placeholder="{{ __('company.Edit Contract.fields.Contract Starting Date') }}" name="start_date" value="{{ $contract->start_date }}" readonly>
                                    </div>

                                    <div class="form-group col-md-3">
                                        <label for="contract-start-time">{{ __('company.Edit Contract.fields.Contract Start Time') }}</label>
                                        <input type="time" class="form-control" id="contract-start-time" value="{{ $contract->start_time }}" placeholder="{{ __('company.Edit Contract.fields.Contract Start Time') }}" name="start_time" readonly>
                                    </div>

                                    <div class="form-group col-md-3">
                                        <label for="contract-end-date">{{ __('company.Edit Contract.fields.Contract Expiry Date') }}</label>
                                        <input type="date" class="form-control" id="contract-end-date" placeholder="{{ __('company.Edit Contract.fields.Contract Expiry Date') }}" name="end_date" value="{{ $contract->end_date }}" readonly>
                                    </div>


                                    <div class="form-group col-md-3">
                                        <label for="contract-end-time">{{ __('company.Edit Contract.fields.Contract Expiry Time') }}</label>
                                        <input type="time" class="form-control" id="contract-end-time" value="{{ $contract->end_time }}" placeholder="{{ __('company.Edit Contract.fields.Contract Expiry Time') }}" name="end_time" readonly>
                                    </div>

                                    <div class="form-group col-md-3">
                                        <label for="number-of-days">{{ __('company.Edit Contract.fields.The Number Of Days') }}</label>
                                        <input type="number" class="form-control" id="contract-number-of-days" value="{{ $contract->days_number }}" placeholder="{{ __('company.Edit Contract.fields.The Number Of Days') }}" name="number_of_days" readonly>
                                    </div>

                                    <div class="form-group col-md-3">
                                        <label for="down_payment">{{ __('company.Edit Contract.fields.Down Payment') }}</label>
                                        <input type="number" class="form-control" id="down_payment" value="{{ $contract->down_payment }}" placeholder="{{ __('company.Edit Contract.fields.Down Payment') }}" name="down_payment" readonly>
                                    </div>

                                    <div class="form-group col-md-3">
                                        <label for="payment_method">{{ __('company.Edit Contract.fields.Payment Type') }}</label>
                                        <select id="payment_method" class="form-control" name="down_payment_method" disabled>
                                            <option value="" selected>
                                                {{ __('company.Edit Contract.fields.' . $contract->down_payment_method . '') }}
                                            </option>
                                        </select>
                                    </div>

                                    <div class="form-group col-md-3">
                                        <label for="car_receipt_branch">{{ __('company.Edit Contract.fields.Receiving Branch') }}</label>
                                        <select id="car_receipt_branch" class="form-control" disabled name="car_receipt_branch">
                                            <option value="" selected>{{ $contract->carReceiptBranch->name }}
                                            </option>
                                        </select>
                                    </div>

                                    <div class="form-group col-md-3">
                                        <label for="contract-type">{{ __('company.Edit Contract.fields.Type Of Contract') }}</label>
                                        <select id="contract-type" class="form-control" name="contract_type" disabled>
                                            <option value="" selected>
                                                {{ __('company.Edit Contract.fields.' . $contract->type . '') }}
                                            </option>
                                        </select>
                                    </div>

                                    <input type="hidden" class="form-control" id="total_services_price" value="{{ $contract->total_services_price }}" placeholder="إجمالي {{ __('company.Edit Contract.fields.Services') }}" name="total_services_price" readonly>

                                    <div class="form-group col-md-3">
                                        <label for="contract-total">{{ __('company.Edit Contract.fields.Total Contract Value') }}</label>
                                        <input type="number" class="form-control" id="contract-total" value="{{ $contract->total_price }}" placeholder="{{ __('company.Edit Contract.fields.Total Contract Value') }}" name="contract_total" readonly>
                                    </div>
                            </form>

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

                            <div class="col-12 mb-4">
                                <h5 id="counter">{{ __('company.Edit Contract.fields.Contract Receipts') }} :
                                </h5>
                            </div>

                            <div class="col-xl-12 col-lg-12 col-sm-12  layout-spacing">
                                <div class="widget-content widget-content-area p-3 br-6">

                                    <div class="d-flex flex-wrap">
                                        <div class="form-group col-md-3">
                                            <label for="contract_total">{{ __('company.Edit Contract.fields.Total') }}</label>
                                            <input type="text" id="contract_total" class="form-control" value="{{ $contract->total_price }}" readonly>
                                        </div>

                                        <div class="form-group col-md-3">
                                            <label for="contract_total">{{ __('validation.attributes.additional_fees') }}</label>
                                            <input type="text" id="contract_total" class="form-control" value="{{ $addition_fee }}" readonly>
                                        </div>

                                        <div class="form-group col-md-3">
                                            <label for="contract_total">{{ __('general.paid Up') }}</label>
                                            <input type="text" id="contract_total" class="form-control" value="{{ $paid_receipt }}" readonly>
                                        </div>

                                        <div class="form-group col-md-3">
                                            <label for="contract_total">{{ __('company.Edit Contract.fields.Pending') }}</label>
                                            <input type="text" id="contract_total" class="form-control" value="{{ $pendeng_receipt }}" readonly>
                                        </div>
                                    </div>

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

                                    @if ($contract->status == 'opened' || ($contract->status == 'closed' && $pendeng_receipt != 0))
                                    <div class="col-md-12 mb-4">
                                        <a id="receipt_form_btn" class="btn btn-success col-12">
                                            {{ __('general.add_receipt') }}
                                        </a>

                                        <div id="receipt_form_container" class="receipt_form_container mt-4" style="display: none;">
                                            <form id="" class="uroad-form" method="POST" action="{{ route('company.receipt.store') }}">
                                                @method('POST')
                                                @csrf

                                                <div class="d-flex flex-wrap">

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

                                                    <div class="form-group col-md-4">
                                                        <label for="receipt_category">التصنيف</label>
                                                        <select id="receipt_category" class="form-control" name="receipt_category">
                                                            <option value="" selected>
                                                                اختر التصنيف
                                                            </option>
                                                            @foreach ($reservation->finance as $finance)
                                                            <option value="{{ $finance->category }}">
                                                                {{ __("company.Edit Contract.fields.$finance->category") }}
                                                            <option>
                                                                @endforeach
                                                        </select>
                                                    </div>

                                                    <div class="form-group col-md-4">
                                                        <label for="receipt_type">{{ __('validation.attributes.type') }}</label>
                                                        <select id="receipt_type" class="form-control" name="receipt_type">
                                                            <option value="receipt voucher" selected>
                                                                {{ __('validation.attributes.receipt_voucher') }}
                                                            </option>
                                                            <option value="payment voucher">
                                                                {{ __('validation.attributes.payment_voucher') }}
                                                            </option>
                                                        </select>
                                                    </div>

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

                                                    <div class="form-group col-md-4">
                                                        <label for="receipt_payment_method">{{ __('validation.attributes.payment_method') }}</label>
                                                        <select id="receipt_payment_method" class="form-control" name="receipt_payment_method">
                                                            <option value="cash" selected>
                                                                {{ __('validation.attributes.cash') }}
                                                            </option>
                                                            <option value="network">
                                                                {{ __('validation.attributes.network') }}
                                                            </option>
                                                            <option value="check">
                                                                {{ __('validation.attributes.check_payment') }}
                                                            </option>
                                                        </select>
                                                    </div>

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

                                                </div>

                                                <input type="hidden" name="contract_id" value="{{ $contract->id }}" readonly>

                                                <input type="hidden" name="user_id" value="{{ $contract->user->id }}" readonly>

                                                <div class="form-group col-md-12">
                                                    <input type="submit" id="" class="btn btn-primary">
                                                </div>
                                            </form>
                                        </div>
                                    </div>

                                    <div class="col-md-12 mb-4">
                                        <a id="violation_form_btn" class="btn btn-success col-12">
                                            {{ __('general.add_violation') }}
                                        </a>

                                        <div id="violation_form_container" class="violation_form_container mt-4" style="display: none;">
                                            <form id="" class="uroad-form" method="GET" action="{{ route('company.violation.store') }}">
                                                @method('GET')
                                                @csrf

                                                <div class="d-flex flex-wrap">

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

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

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

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

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

                                                    <div class="form-group col-md-4">
                                                        <label for="violation_image">{{ __('validation.attributes.image') }}</label>
                                                        <input type="file" accept="image/*" class="form-control" id="violation_image" placeholder="{{ __('validation.attributes.image') }}" name="violation_image">
                                                        <small class="form-text text-muted">{{ __('general.allowed Files') }}
                                                            png,jpg,jpeg</small>
                                                    </div>

                                                </div>

                                                <input type="hidden" name="contract_id" value="{{ $contract->id }}" readonly>

                                                <input type="hidden" name="user_id" value="{{ $contract->user->id }}" readonly>

                                                <input type="hidden" name="car_id" value="{{ $contract->car_id }}" readonly>

                                                <input type="hidden" name="car_details_id" value="{{ $contract->car_details_id }}" readonly>

                                                <input type="hidden" name="branch_id" value="{{ $contract->branch_id }}" readonly>


                                                <div class="form-group col-md-12">
                                                    <input type="submit" id="" class="btn btn-primary">
                                                </div>
                                            </form>
                                        </div>



                                    </div>
                                    @endif

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

                                    <h6 class="mb-3">{{ __('general.violations') }}
                                        :</h6>

                                    <div class="col-12 mb-4">
                                        <div id="multi-column-ordering_wrapper" class="dataTables_wrapper container-fluid dt-bootstrap4">
                                            <div class="table-responsive">
                                                <table id="multi-column-ordering" class="table table-hover dataTable text-center" style="width: 100%;" role="grid" aria-describedby="multi-column-ordering_info">
                                                    <thead>
                                                        <tr>
                                                            <th>{{ __('validation.attributes.title') }}
                                                            </th>
                                                            <th>{{ __('validation.attributes.date') }}
                                                            </th>
                                                            <th>{{ __('validation.attributes.time') }}
                                                            </th>
                                                            <th>{{ __('validation.attributes.code') }}
                                                            </th>
                                                            <th>{{ __('validation.attributes.amount') }}
                                                            </th>
                                                            <th>{{ __('general.actions') }}
                                                            </th>
                                                        </tr>
                                                    </thead>
                                                    <tbody>
                                                        @foreach ($contract->violations as $violation)
                                                        <tr>
                                                            <td>{{ $violation->violation_title }}</td>
                                                            <td>{{ $violation->violation_date }}</td>
                                                            <td>{{ $violation->violation_time }}</td>
                                                            <td>{{ $violation->violation_code }}</td>
                                                            <td>{{ $violation->violation_amount }}</td>
                                                            <td>
                                                                <a href="" class="btn btn-light-primary">{{ __('general.pdf') }}</a>
                                                            </td>
                                                        </tr>
                                                        @endforeach
                                                    </tbody>
                                                    <tfoot>
                                                        <tr>
                                                            <th>{{ __('validation.attributes.title') }}
                                                            </th>
                                                            <th>{{ __('validation.attributes.date') }}
                                                            </th>
                                                            <th>{{ __('validation.attributes.time') }}
                                                            </th>
                                                            <th>{{ __('validation.attributes.code') }}
                                                            </th>
                                                            <th>{{ __('validation.attributes.amount') }}
                                                            </th>
                                                            <th>{{ __('general.actions') }}
                                                            </th>
                                                        </tr>
                                                    </tfoot>
                                                </table>
                                            </div>
                                        </div>
                                    </div>

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

                                    <h6 class="mb-3">{{ __('company.Edit Contract.fields.Contract Receipts') }} :
                                    </h6>

                                    <div class="col-12 mb-4">
                                        <div id="multi-column-ordering_wrapper" class="dataTables_wrapper container-fluid dt-bootstrap4">
                                            <div class="table-responsive">
                                                <table id="multi-column-ordering" class="table table-hover dataTable text-center" style="width: 100%;" role="grid" aria-describedby="multi-column-ordering_info">
                                                    <thead>
                                                        <tr>
                                                            <th>{{ __('validation.attributes.amount') }}
                                                            </th>
                                                            <th>{{ __('validation.attributes.type') }}
                                                            </th>
                                                            <th>{{ __('validation.attributes.payment_method') }}
                                                            </th>
                                                            <th>{{ __('validation.attributes.description') }}
                                                            </th>
                                                            <th>{{ __('validation.attributes.status') }}
                                                            </th>
                                                            <th>{{ __('validation.attributes.created_at') }}
                                                            </th>
                                                            <th>{{ __('general.actions') }}
                                                            </th>
                                                        </tr>
                                                    </thead>
                                                    <tbody>
                                                        @foreach ($contract->receipts as $receipt)
                                                        <tr>
                                                            <td>{{ $receipt->amount }}</td>
                                                            <td>{{ __("company.Edit Contract.fields.$receipt->type") }}
                                                            </td>
                                                            <td>{{ $receipt->down_payment_method ? __("company.Edit Contract.fields.$receipt->down_payment_method") : '----------' }}
                                                            </td>
                                                            <td>{{ $receipt->description ? $receipt->description : '----------' }}
                                                            </td>
                                                            <td>{{ __("company.Edit Contract.fields.$receipt->status") }}
                                                            </td>
                                                            <td>{{ $receipt->created_at }}</td>
                                                            <td>
                                                                @if ($receipt->status == 'required' && ($contract->status == 'opened' || $contract->status == 'closed'))
                                                                <a href="#" class="btn btn-light-primary" onclick='event.preventDefault();document.getElementById("update_receipt_to_paid{{ $receipt->id }}").submit();'>
                                                                    {{ __('general.paid') }}
                                                                    <form id="update_receipt_to_paid{{ $receipt->id }}" action="{{ route('company.receipts.updateToPaid', ['receipt' => $receipt->id]) }}" method="POST" style="display: none;">
                                                                        @csrf
                                                                    </form>
                                                                </a>
                                                                @else
                                                                <a href="{{ route('company.receipts.pdf', ['receipt' => $receipt->id]) }}" class="btn btn-light-primary">
                                                                    {{ __('general.pdf') }}
                                                                </a>
                                                                @endif
                                                            </td>
                                                        </tr>
                                                        @endforeach
                                                    </tbody>
                                                    <tfoot>
                                                        <tr>
                                                            <th>{{ __('validation.attributes.amount') }}
                                                            </th>
                                                            <th>{{ __('validation.attributes.type') }}
                                                            </th>
                                                            <th>{{ __('validation.attributes.payment_method') }}
                                                            </th>
                                                            <th>{{ __('validation.attributes.description') }}
                                                            </th>
                                                            <th>{{ __('validation.attributes.status') }}
                                                            </th>
                                                            <th>{{ __('validation.attributes.created_at') }}
                                                            </th>
                                                            <th>{{ __('general.actions') }}
                                                            </th>
                                                        </tr>
                                                    </tfoot>
                                                </table>
                                            </div>
                                        </div>
                                    </div>

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

                                    <h6 class="mb-3">
                                        {{ __('company.Edit Contract.fields.Contract Financial Record') }} :</h6>

                                    <div class="col-12 mb-4">
                                        <div id="multi-column-ordering_wrapper" class="dataTables_wrapper container-fluid dt-bootstrap4">
                                            <div class="table-responsive">
                                                <table id="multi-column-ordering" class="table table-hover dataTable text-center" style="width: 100%;" role="grid" aria-describedby="multi-column-ordering_info">
                                                    <thead>
                                                        <tr>
                                                            <th>{{ __('validation.attributes.amount') }}
                                                            </th>
                                                            <th>{{ __('company.Edit Contract.fields.Category') }}
                                                            </th>
                                                            <th>{{ __('general.paid') }}</th>
                                                            <th>{{ __('company.Edit Contract.fields.Remaining') }}
                                                            </th>
                                                        </tr>
                                                    </thead>
                                                    <tbody>
                                                        @foreach ($reservation->finance as $finance)
                                                        <tr>
                                                            <td>{{ $finance->amount }}</td>
                                                            <td>{{ __("company.Edit Contract.fields.$finance->category") }}
                                                            </td>
                                                            <td>{{ $finance->paid }}</td>
                                                            <td>{{ $finance->reminder }}</td>
                                                        </tr>
                                                        @endforeach
                                                    </tbody>
                                                    <tfoot>
                                                        <tr>
                                                            <th>{{ __('validation.attributes.amount') }}
                                                            </th>
                                                            <th>{{ __('company.Edit Contract.fields.Category') }}
                                                            </th>
                                                            <th>{{ __('general.paid') }}</th>
                                                            <th>{{ __('company.Edit Contract.fields.Remaining') }}
                                                            </th>
                                                        </tr>
                                                    </tfoot>
                                                </table>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

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

                            <div class="col-md-12">
                                <div class="d-flex flex-wrap">

                                    @if ($contract->status == 'pending')
                                    <div class="w-100 alert alert-light-warning">
                                        عذراً ، هذا العقد غير مكتمل ولا يمكنك عمل أي إجراء عليه...
                                    </div>
                                    {{-- <div id="change_car_from_container" class="mr-3 ml-3">
                                        <form method="POST" action="{{ route('company.ContractChangeCarView') }}">
                                    @csrf
                                    <input type="hidden" value="{{ $contract->id }}" name="contract_id" readonly>
                                    <button type="submit" class="btn btn-primary">{{ __('company.Edit Contract.fields.Change Car') }}</button>
                                    </form>
                                </div> --}}
                                @elseif ($contract->status == 'canceled')
                                <div class="w-100 alert alert-light-warning">
                                    عذراً ، هذا العقد ملغي ولا يمكنك عمل أي إجراء عليه...
                                </div>
                                @elseif($contract->status == 'closed')
                                <div class="w-100 alert alert-light-warning">
                                    عذراً ، هذا العقد انتهى ولا يمكنك عمل أي إجراء عليه...
                                </div>
                                @elseif($contract->status == 'opened')
                                {{-- <div id="change_car_from_container" class="mr-3 ml-3">
                                        <a id="contract_cancel_button" contract_id="{{ $contract->id }}" class="btn btn-warning">إلغاء العقد</a>

                            </div> --}}
                            {{-- <div id="change_car_from_container" class="mr-3 ml-3">
                                        <form method="GET" action="{{ route('company.ContractCloseView') }}">
                            @method('GET')
                            @csrf
                            <input type="hidden" value="{{ $contract->id }}" name="contract_id" readonly>
                            <button type="submit" class="btn btn-danger">{{ __('general.close_contract') }}</button>
                            </form>
                        </div> --}}

                        <a href="{{ route('company.ContractCloseView', ['contract' => $contract->id]) }}" class="btn btn-danger">{{ __('general.close_contract') }}</a>



                        <div id="change_car_from_container" class="mr-3 ml-3">
                            <a href="{{ route('company.ContractPDF', ['contract' => $contract->id]) }}" class="btn btn-primary">{{ __('general.print_contract') }}</a>
                        </div>
                        @else
                        <div class="w-100 alert alert-light-warning">
                            حصل خطأ غير متوقع
                        </div>
                        @endif

                        {{-- @if ($contract->status == 'opened')
                                    @elseif ($contract->status == 'closed')
                                    <button class="btn btn-danger mr-3 ml-3" disabled>{{ __('general.close_contract') }}</button>
                        @endif --}}
                    </div>
                </div>
            </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>
    $("#contracts-menu-box").attr("data-active", "true");

</script>

<script>
    $("#receipt_payment_method").on("change", function() {
        if ($(this).val() == "check") {
            $(".check_number_container").removeClass("d-none");
        } else {
            $(".check_number_container").addClass("d-none");
        }
    });

</script>

<script>
    $("#receipt_form_btn").click(function() {
        $("#receipt_form_container").slideToggle();
    });

</script>

<script>
    $("#violation_form_btn").click(function() {
        $("#violation_form_container").slideToggle();
    });

</script>

<script>
    $('#user-id').on('change', function() {
        $.ajax({
            url: "{{ route('company.UserInformationDependsOnUserID') }}"
            , type: 'POST'
            , data: {
                '_token': $('meta[name="token"]').attr('content')
                , 'user_id': $('#user-id').val()
            }
            , success: function(result) {
                $('#identification_number').val(result['identification_number']);
                $('#name').val(result['name']);
                $('#nationality').val(result['nationality']);
                $('#driver_license_number').val(result['driver_license_number']);
                $('#driver_license_expiry').val(result['driver_license_expiry']);
                $('#date_of_birth').val(result['date_of_birth']);
                $('#mobile').val(result['mobile']);
                $('#home_phone_number').val(result['home_phone_number']);
                $('#work_phone_number').val(result['work_phone_number']);
                $('#address').val(result['address']);
                $('#work_address').val(result['work_address']);
                $('#image').attr('src', result['image']);
                $('#driver_licence_image').attr('src', result['driver_licence_image']);
            }
        , });
    });

</script>

<script>
    $('#car-id').on('change', function() {
        $.ajax({
            url: "{{ route('company.CarDetailsDependsOnCompanyCarID') }}"
            , type: 'POST'
            , data: {
                '_token': $('meta[name="token"]').attr('content')
                , 'car_id': $('#car-id').val()
            }
            , success: function(result) {
                $('#brand').val(result['brand']['en_name']);
                $('#car-model').val(result['model']);
                $('#chassis_number').val(result['chassis_number']);
                $('#document_number').val(result['document_number']);
                $('#document_expiry').val(result['document_expiry']);
                $('#insurance_number').val(result['insurance_number']);
                $('#Insurance_expiry').val(result['Insurance_expiry']);
                $('#gear').val(result['gear']);
                $('#car-daily-price').val(result['daily_price']);
                $('#car-weekly-price').val(result['weekly_price']);
                $('#car-monthly-price').val(result['monthly_price']);
                $('#city_id').val(result['city']['id']);
                $('#category_id').val(result['car']['category']['id']);
            }
        , });
    });

</script>

<script>
    var arrayOfServices = {};

    $('body').on('click', '.is_check', function() {
        var services_id = $(this).parent().find('#services_id').val();
        var services_price = $(this).parent().find('#services_price').val();
        var is_one_time_payment = $(this).parent().parent().find('#is_one_time_payment').val();
        if ($(this)[0].checked == true) {
            arrayOfServices[services_id] = {
                //'is_check': $(this)[0].checked == true ? true : false,
                'services_id': services_id
                , 'services_price': services_price
                , 'is_one_time_payment': is_one_time_payment
            };
        } else {
            delete arr[services_id]
        }
    });


    function calculateselectedServicesAmount() {
        var total = 0;
        if (Object.keys(arrayOfServices).length > 0) {
            $.each(arrayOfServices, function(index, value) {
                if (value['is_one_time_payment'] == false) {
                    total = total + Number(value['services_price']) * Number(contractDaysNumber());
                } else {
                    total = total + Number(value['services_price']);
                }
            });
        }
        return total;
    }

    function contractDaysNumber() {
        var startDate = new Date($('#contract-start-date').val());
        var endDate = new Date($('#contract-end-date').val());
        if (endDate < startDate) {
            $('#contract-start-date').val(null);
            $('#contract-end-date').val(null);
            $('#contract-number-of-days').val(null);
        } else {
            var millisBetween = endDate.getTime() - startDate.getTime();
            var days = millisBetween / (1000 * 3600 * 24);
            $('#contract-number-of-days').val(Math.round(Math.abs(days)));
        }
        return Math.round(Math.abs(days));
    }

    $('#contract-type').on('change', function() {
        if ($(this).val() == 'daily' || $(this).val() == 'monthly' || $(this).val() == 'weekly') {
            if ($(this).val() == 'daily') {
                var dailyPrice = $('#car-daily-price').val();
                var contract_total = Number(calculateselectedServicesAmount()) + (Number(dailyPrice) *
                    Number(contractDaysNumber()));
                $('#contract-total').val(contract_total);
                $('#total_services_price').val(calculateselectedServicesAmount());
            } else if ($(this).val() == 'monthly') {
                var monthlyPrice = $('#car-monthly-price').val();
                var contract_total = Number(calculateselectedServicesAmount()) + (Number(monthlyPrice) *
                    Number(contractDaysNumber()));
                $('#contract-total').val(contract_total);
                $('#total_services_price').val(calculateselectedServicesAmount());
            } else if ($(this).val() == 'weekly') {
                var yearlyPrice = $('#car-weekly-price').val();
                var contract_total = Number(calculateselectedServicesAmount()) + (Number(yearlyPrice) *
                    Number(contractDaysNumber()));
                $('#contract-total').val(contract_total);
                $('#total_services_price').val(calculateselectedServicesAmount());
            }
        } else {
            $(this).val(null);
        }
    });

    contractDaysNumber();

    $('#contract-start-date, #contract-end-date').on('change', function() {
        contractDaysNumber();
    });

    $('#car-id').on('change', function() {
        $.ajax({
            url: "{{ route('company.CarServicesDependsOnCompanyCarID') }}"
            , type: 'POST'
            , data: {
                '_token': $('meta[name="token"]').attr('content')
                , 'car_id': $('#car-id').val()
            }
            , success: function(result) {
                $('#services_container').html(" ");

                $.each(result, function(index, value) {
                    var is_one_time_payment = (value['is_one_time_payment'] == 1) ?
                        "الدفع لمرة واحدة" : "الدفع لكل يوم حجز";
                    $('#services_container').append(
                        '<div class="col-md-3 mb-3"><div class="d-flex flex-column"><div><input type="checkbox" class="is_check mr-2" id="service" name="services[' +
                        (index + 1) + '][is_check]"><label for="services_price">' +
                        value['service']['ar_name'] +
                        '</label><input type="hidden" id="services_id" name="services[' +
                        (index + 1) + '][id]" value="' + value['id'] +
                        '"><input type="number" class="form-control" id="services_price" placeholder="' +
                        value['service']['ar_name'] + '" name="services[' + (
                            index + 1) + '][price]" value="' + value['price'] +
                        '" readonly></div><div><input type="text" class="form-control" value="' +
                        is_one_time_payment +
                        '" disabled><input type="hidden" id="is_one_time_payment" class="form-control" name="services[' +
                        (index + 1) + '][is_one_time_payment]" value="' + value[
                            'is_one_time_payment'] + '" readonly></div></div></div>'
                    );
                });
            }
        , });
    });

</script>

<script>
    $('#contract_cancel_button').on('click', function() {
        $.ajax({
            url: "{{ route('company.ContractCancel') }}"
            , type: 'POST'
            , data: {
                '_token': '{{ csrf_token() }}'
                , 'contract_id': $(this).attr('contract_id')
            }
            , success: function(result) {
                if (result.status == true) {
                    swal({
                        title: result.message
                        , type: 'success'
                        , confirmButtonText: '{{ __('
                        general.ok ') }}'
                    , });
                    setTimeout(() => {
                        location.reload(true);
                    }, 1500);
                } else if (result.status == false) {
                    swal({
                        title: result.message
                        , type: 'warning'
                        , confirmButtonText: '{{ __('
                        general.ok ') }}'
                    , });
                }
            }
        , });
    });

</script>

@if ($contract->status == 'closed' && $contract->rating()->count() <= 0) <script>
    $("#showModal").modal();
    </script>
    @endif
    @endsection