@extends('dashboard.layout.content')

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

@section('customStyle')
<link href='{{ asset("dashboard/$locale/assets/css/elements/alert.css") }}' rel="stylesheet" type="text/css" />
<link href='{{ asset("dashboard/$locale/plugins/flatpickr/flatpickr.css") }}' rel="stylesheet" type="text/css" />
<link href='{{ asset("dashboard/$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">
                                    <h4>{{ __('general.edit_car') }} : ({{ $car->models->name }})</h4>
                                </div>
                            </div>
                        </div>
                        <div class="widget-content widget-content-area">
                            <form class="uroad-form" action="{{ route('dashboard.car.update', ['car' => $car->id]) }}" method="POST" enctype="multipart/form-data">
                                @method('PATCH')
                                @csrf
                                <div class="form-row mb-4">
                                    <div class="form-group col-md-3">
                                        <label for="car">{{ __('validation.attributes.car') }}</label>
                                        <select required id="car" class="form-control " name="car_id">
                                            <option value="{{ $car->models->id }}" selected>
                                                {{ $car->models->name }} | {{ $car->models->model }}
                                            </option>
                                        </select>
                                    </div>

                                    <div class="form-group col-md-3">
                                        <label for="company">{{ __('validation.attributes.company') }}</label>
                                        <select required id="company" class="form-control " name="company_id">
                                            <option value="{{ $car->company->id }}" selected>
                                                {{ $car->company->name }}
                                            </option>
                                        </select>
                                    </div>

                                    <div class="form-group col-md-3">
                                        <label for="branch">{{ __('validation.attributes.branch') }}</label>
                                        <select required id="branch" class="form-control basic jquery-branch-result" name="branch_id">
                                            <option value="{{ $car->branch->id }}" selected>
                                                {{ $car->branch->name }}
                                            </option>
                                        </select>
                                    </div>

                                    <div class="form-group col-md-3">
                                        <label for="chassis_number">{{ __('validation.attributes.chassis_number') }}</label>
                                        <input {{ $company_subscription_type == 'system' ? 'required' : null }} type="text" class="form-control" id="chassis_number" placeholder="{{ __('validation.attributes.chassis_number') }}" name="chassis_number" value="{{ $car->chassis_number }}">
                                    </div>

                                    <div class="form-group col-md-3">
                                        <label for="plate">{{ __('validation.attributes.plate') }}</label>
                                        <input {{ $company_subscription_type == 'system' ? 'required' : null }} type="text" class="form-control" id="plate" placeholder="{{ __('validation.attributes.plate') }}" name="plate" value="{{ $car->plate }}">
                                    </div>

                                    <div class="form-group col-md-3">
                                        <label for="speedometer">{{ __('validation.attributes.speedometer') }}</label>
                                        <input {{ $company_subscription_type == 'system' ? 'required' : null }} type="number" class="form-control" id="speedometer" placeholder="{{ __('validation.attributes.speedometer') }}" name="speedometer" value="{{ $car->speedometer }}">
                                    </div>

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

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

                                    <div class="form-group col-md-3">
                                        <label for="document_number">{{ __('validation.attributes.document_number') }}</label>
                                        <input {{ $company_subscription_type == 'system' ? 'required' : null }} type="number" class="form-control" id="document_number" placeholder="{{ __('validation.attributes.document_number') }}" name="document_number" value="{{ $car->document_number }}">
                                    </div>

                                    <div class="form-group col-md-3">
                                        <label for="document_expiry">{{ __('validation.attributes.document_expiry') }}</label>
                                        <input {{ $company_subscription_type == 'system' ? 'required' : null }} class="form-control basicFlatpickr flatpickr flatpickr-input" id="document_expiry" placeholder="{{ __('validation.attributes.document_expiry') }}" name="document_expiry" value="{{ $car->document_expiry }}">
                                    </div>

                                    <div class="form-group col-md-3">
                                        <label for="insurance_number">{{ __('validation.attributes.insurance_number') }}</label>
                                        <input {{ $company_subscription_type == 'system' ? 'required' : null }} type="text" class="form-control" id="doinsurance_numbercument_expiry" placeholder="{{ __('validation.attributes.insurance_number') }}" name="insurance_number" value="{{ $car->insurance_number }}">
                                    </div>

                                    <div class="form-group col-md-3">
                                        <label for="Insurance_expiry">{{ __('validation.attributes.insurance_expiry') }}</label>
                                        <input {{ $company_subscription_type == 'system' ? 'required' : null }} class="form-control basicFlatpickr flatpickr flatpickr-input" id="Insurance_expiry" placeholder="{{ __('validation.attributes.insurance_expiry') }}" name="Insurance_expiry" value="{{ $car->Insurance_expiry }}">
                                    </div>

                                    <div class="form-group col-md-3">
                                        <label for="car_status">{{ __('validation.attributes.status') }}</label>
                                        <select required id="car_status" class="form-control basic" name="car_status">
                                            <option value="available" {{ $car->car_status === 'available' ? 'selected' : '' }}>{{ __('general.available') }}</option>
                                            <option value="rented" {{ $car->car_status === 'rented' ? 'selected' : '' }}>{{ __('general.rented') }}</option>
                                            <option value="maintenance" {{ $car->car_status === 'maintenance' ? 'selected' : '' }}>{{ __('general.maintenance') }}</option>
                                            <option value="parked for sale" {{ $car->car_status === 'parked for sale' ? 'selected' : '' }}>{{ __('general.parked_for_sale') }}</option>
                                            <option value="out of service" {{ $car->car_status === 'out of service' ? 'selected' : '' }}>{{ __('general.out_of_service') }}</option>
                                        </select>
                                    </div>

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

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

                                    <div class="form-group col-md-3 application_prices">
                                        <label for="daily_price">{{ __('validation.attributes.daily_price') }}</label>
                                        <input required type="number" class="form-control" id="daily_price" placeholder="{{ __('validation.attributes.daily_price') }}" name="daily_price" value="{{ $car->daily_price }}">
                                    </div>

                                    <div class="form-group col-md-3 application_prices">
                                        <label for="weekly_price">{{ __('validation.attributes.weekly_price') }}</label>
                                        <input required type="number" class="form-control" id="weekly_price" placeholder="{{ __('validation.attributes.weekly_price') }}" name="weekly_price" value="{{ $car->weekly_price }}">
                                    </div>

                                    <div class="form-group col-md-3 application_prices">
                                        <label for="monthly_price">{{ __('validation.attributes.monthly_price') }}</label>
                                        <input required type="number" class="form-control" id="monthly_price" placeholder="{{ __('validation.attributes.monthly_price') }}" name="monthly_price" value="{{ $car->monthly_price }}">
                                    </div>

                                    <div class="form-group col-md-3 system_prices">
                                        <label for="daily_price_system">{{ __('validation.attributes.daily_price System') }}</label>
                                        <input type="number" class="form-control" id="daily_price_system" placeholder="{{ __('validation.attributes.daily_price System') }}" name="daily_price_system" value="{{$car->daily_price_system}}">
                                    </div>

                                    <div class="form-group col-md-3 system_prices">
                                        <label for="weekly_price_system">{{ __('validation.attributes.weekly_price System') }}</label>
                                        <input type="number" class="form-control" id="weekly_price_system" placeholder="{{ __('validation.attributes.weekly_price System') }}" name="weekly_price_system" value="{{$car->weekly_price_system}}">
                                    </div>

                                    <div class="form-group col-md-3 system_prices">
                                        <label for="monthly_price_system">{{ __('validation.attributes.monthly_price System') }}</label>
                                        <input type="number" class="form-control" id="monthly_price_system" placeholder="{{ __('validation.attributes.monthly_price System') }}" name="monthly_price_system" value="{{$car->monthly_price_system}}">
                                    </div>


                                    <div class="form-group col-md-3">
                                        <label for="permitted_hours">{{ __('validation.attributes.permitted_hours') }}</label>
                                        <input required type="number" class="form-control" id="permitted_hours" placeholder="{{ __('validation.attributes.permitted_hours') }}" name="permitted_hours" value="{{ $car->permitted_hours }}">
                                    </div>

                                    <div class="form-group col-md-3">
                                        <label for="extra_hour_price">{{ __('validation.attributes.extra_hour_price') }}</label>
                                        <input required type="number" class="form-control" id="extra_hour_price" placeholder="{{ __('validation.attributes.extra_hour_price') }}" name="extra_hour_price" value="{{ $car->extra_hour_price }}">
                                    </div>

                                    <div class="form-group col-md-3">
                                        <label for="permitted_mileage">{{ __('validation.attributes.permitted_mileage') }}</label>
                                        <input required type="number" class="form-control" id="permitted_mileage" placeholder="{{ __('validation.attributes.permitted_mileage') }}" name="permitted_mileage" value="{{ $car->permitted_mileage }}">
                                    </div>

                                    <div class="form-group col-md-3">
                                        <label for="extra_miles_price">{{ __('validation.attributes.extra_mile_price') }}</label>
                                        <input required type="number" class="form-control" id="extra_miles_price" placeholder="{{ __('validation.attributes.extra_mile_price') }}" name="extra_miles_price" value="{{ $car->extra_miles_price }}">
                                    </div>
                                </div>

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

                                <div class="form-row mb-4">
                                    <div class="col-12 mb-4">
                                        <h5>{{ __('general.services') }}</h5>
                                    </div>

                                    @foreach ($services as $key => $service)
                                    @php
                                    $car_paid_sqrvice_query = $service->car_service()->where('car_id', $car->id);
                                    @endphp
                                    @if ($car_paid_sqrvice_query->count() > 0)
                                    <div class="form-group col-md-3">
                                        <div class="d-flex flex-column">
                                            <div>
                                                <label for="extra_miles_price">{{ $service->name }}</label>
                                                <input required 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="{{ $car_paid_sqrvice_query->first()->price }}">

                                            </div>
                                            <div>
                                                <select class="form-control basic" name="services[{{ $key + 1 }}][is_one_time_payment]">
                                                    @if ($car_paid_sqrvice_query->first()->is_one_time_payment == true || $car_paid_sqrvice_query->first()->is_one_time_payment == false)
                                                    <option value="{{ $car_paid_sqrvice_query->first()->is_one_time_payment }}" selected>
                                                        {{ $car_paid_sqrvice_query->first()->is_one_time_payment == true ? __('dashboard.One Time Payment') : __('dashboard.Pay Per Day') }}
                                                    </option>
                                                    @endif
                                                    <option value="1">{{ __('validation.attributes.one_time_payment') }}
                                                    </option>
                                                    <option value="0">{{ __('validation.attributes.pay_per_day') }}
                                                    </option>
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                    @else
                                    <div class="form-group col-md-3">
                                        <div class="d-flex flex-column">
                                            <div>
                                                <label for="extra_miles_price">{{ $service->name }}</label>
                                                <input required 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]">
                                            </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>
                                    @endif
                                    @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("dashboard/$locale/plugins/flatpickr/flatpickr.js") }}'></script>
<script src='{{ asset("dashboard/$locale/plugins/flatpickr/custom-flatpickr.js") }}'></script>

<script>
    $("#companies-cars-menu-box").attr("data-active", "true")

    $('#company').on('change', function () {
        $.ajax({
            url: "{{ route('dashboard.BranchDependsOnCompany') }}",
            type: 'GET',
            data: {
                company_id: $(this).val(),
            },
            success: function (result) {
                $('.jquery-branch-result').html(result);
            },
        });

        $.ajax({
            url: "{{ route('dashboard.SubscriptionDependsOnCompany') }}",
            type: 'GET',
            data: {
                company_id: $(this).val(),
            },
            success: function (result) {
                if (result == 'system') {
                    $('.application_prices').hide();
                    $('.system_prices').show();
                } else if (result == 'application') {
                    $('.system_prices').hide();
                    $('.application_prices').show();

                } else if (result == 'application & system') {
                    $('.system_prices').show();
                    $('.application_prices').show();
                }
            },
        });
    });

    $('#company').attr('selected', function () {
        $.ajax({
            url: "{{ route('dashboard.SubscriptionDependsOnCompany') }}",
            type: 'GET',
            data: {
                company_id: $(this).val(),
            },
            success: function (result) {
                if (result == 'system') {
                    $('.application_prices').hide();
                    $('.system_prices').show();
                } else if (result == 'application') {
                    $('.system_prices').hide();
                    $('.application_prices').show();

                } else if (result == 'application & system') {
                    $('.system_prices').show();
                    $('.application_prices').show();
                }
            },
        });
    });
    ajaxSelect2('#car','/dashboard/select2/cars')
    ajaxSelect2('#company','/dashboard/select2/companies')
</script>
@endsection