@extends('company.layout.content')

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

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

@section('customBody')
<div id="content" class="main-content">
    <div class="container">
        <div class="container">
            <div class="row">
                <div id="flStackForm" class="col-12 layout-spacing layout-top-spacing">
                    <div class="statbox widget box box-shadow">
                        <div class="widget-header">
                            <div class="row">
                                <div class="col-12 uroad-section">
                                    <h4>{{ __('general.edit_car') }} : ({{ $car->models->name }})</h4>
                                </div>
                            </div>
                        </div>
                        <div class="widget-content widget-content-area">
                            <form action="{{ route('company.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 id="models" class="form-control" name="models_id">
                                            <option value="{{ $car->models->id }}" selected>
                                                {{ $car->models->name }} | {{ $car->models->model }}
                                            </option>
                                        </select>
                                    </div>

                                    @if (auth()->user()->is_senior_management)
                                    <div class="form-group col-md-3">
                                        <label for="branch">{{ __('validation.attributes.branch') }}</label>
                                        <select id="branch" class="form-control basic jquery-branch-result" name="branch_id">
                                            @foreach ($branches as $branch)
                                            <option {{ $car->branch->id == $branch->id ? 'selected' : '' }} value="{{ $branch->id }}" selected>{{ $branch->name }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                    @endif

                                    @if (auth()->user()->company->subscribedTo("system"))
                                    <div class="form-group col-md-3">
                                        <label for="chassis_number">{{ __('validation.attributes.chassis_number') }}</label>
                                        <input 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 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 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 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 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.car_registration_number') }}</label>
                                        <input type="number" class="form-control" id="document_number" placeholder="{{ __('validation.attributes.car_registration_number') }}" name="document_number" value="{{ $car->document_number }}">
                                    </div>

                                    <div class="form-group col-md-3">
                                        <label for="document_expiry">{{ __('validation.attributes.car_registration_expiry') }}</label>
                                        <input type="date" class="form-control basicFlatpickr flatpickr flatpickr-input" id="document_expiry" placeholder="{{__('validation.attributes.car_registration_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 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 type="date" 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 id="car_status" class="form-control basic" name="car_status">
                                            <option value="available" {{ $car->car_status === 'available' ? 'selected' : '' }}>{{ __('company.Company Cars.fields.available') }}</option>
                                            <option value="rented" {{ $car->car_status === 'rented' ? 'selected' : '' }}>{{ __('company.Company Cars.fields.rented') }}</option>
                                            <option value="maintenance" {{ $car->car_status === 'maintenance' ? 'selected' : '' }}>{{ __('company.Company Cars.fields.maintenance') }}</option>
                                            <option value="parked for sale" {{ $car->car_status === 'parked for sale' ? 'selected' : '' }}>{{ __('company.Company Cars.fields.parked for sale') }}</option>
                                            <option value="out of service" {{ $car->car_status === 'out of service' ? 'selected' : '' }}>{{ __('company.Company Cars.fields.out of service') }}</option>
                                        </select>
                                    </div>
                                    @endif
                                </div>

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

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

@section('customScript')
<script src='{{ asset("company/$locale/plugins/flatpickr/flatpickr.js") }}'></script>
<script src='{{ asset("company/$locale/plugins/flatpickr/custom-flatpickr.js") }}'></script>

<script>
    $("#cars-menu-box").attr("data-active", "true");
    ajaxSelect2('#car', '/company/select2/cars');

</script>


@endsection