@extends('layouts.master')
@section('title', pageTitle('Edit Vehicle'))
@section('content')
    @include('sections.breadcrumb')

    <div class="container-fluid has_base" id="vehicle-page" @if(config('app.env') === 'stage') data-base-url="/TMS/public" @endif>
        <div class="row justify-content-center">
            <div class="col-xl-8 pt-5">
                <div class="card height-equal">
                    <div class="card-header pb-0">
                        <h1 class="font-weight-bold">Update Vehicle Infomation</h1>
                    </div>

                    <div class="card-body">
                        @include('sections.messages')

                        <form class="row g-3 needs-validation custom-input mt-2" enctype="multipart/form-data" action="{{ route('admin.vehicles.update', [$vehicle->identifier]) }}"
                            method="POST" novalidate="">
                            @csrf

                            <div class="col-md-6 theme-form">
                                <label for="reg_no">Registration Number</label>
                                <input class="form-control @error('reg_no') is-invalid @enderror form-control-lg"
                                    type="text" name="reg_no" id="reg_no" maxlength="11" value="{{ $vehicle->reg_no ?? old('reg_no') }}" required
                                    placeholder=" Registration Number">
                            </div>

                            <div class="col-md-6 mb-3 theme-form">
                                <label for="license_no">Lincense Number</label>
                                <input class="form-control @error('license_no') is-invalid @enderror form-control-lg"
                                    type="text" name="license_no" id="license_no" maxlength="11" value="{{ $vehicle->license_no ?? old('license_no') }}"
                                    required placeholder="License Number">
                            </div>

                            <div class="col-md-2 mb-3">
                                <label for="color">Vehicle Color</label>
                                <input class="form-control @error('color') is-invalid @enderror form-control-color"
                                    type="color" name="color" id="color"
                                    value="{{ $vehicle->color ?? old('color') }}">
                            </div>

                            <div class=" col-md-5 theme-form">
                                <label for="type_id">Vehicle Type</label>
                                <select name="type_id" id="type_id" class="form-control select2 form-control-lg" aria-placeholder="Vehicle Type">
                                    <option value="0">Select Vehicle Type</option>
                                    @if (isset($types) && count($types) > 0)
                                      @foreach ($types as $type)
                                        <option value="{{ $type->id }}" {{ $vehicle->type_id == $type->id ? 'selected' : '' }}>{{ $type->name }}</option>
                                      @endforeach
                                    @endif
                                </select>
                            </div>

                            <div class="col-md-5 mb-3 theme-form">
                                <label for="chasis_number">Chasis Number</label>
                                <input class="form-control @error('chasis_number') is-invalid @enderror form-control-lg"
                                    type="text" name="chasis_number" id="chasis_number"
                                    value="{{ $vehicle->chasis_number ?? old('chasis_number') }}" required placeholder="VIN (Chasis Number)">
                            </div>

                            <div class="col-md-12 mb-3 theme-form">
                                <label for="desc">Description</label>
                                <textarea class="form-control @error('desc') is-invalid @enderror form-control-lg" placeholder="Vehicle description"
                                    name="desc" id="desc">{{ $vehicle->desc ?? old('desc') }}</textarea>
                            </div>

                            <div class="col-md-12 mb-3 theme-form">
                              <label for="approved_route">Approved Route</label>
                              <input class="form-control @error('approved_route') is-invalid @enderror form-control-lg"
                                    type="text" name="approved_route" id="approved_route"
                                    value="{{ $vehicle->approved_route ?? old('approved_route') }}" required placeholder="Approved Route">
                          </div>

                            <div class="col-md-6 theme-form">
                                <label for="make_id">Vehicle Make</label>
                                <select name="make_id" id="make_id" class="form-control select2 form-control-lg"
                                    aria-placeholder="Vehicle Make">
                                    <option value="0">Select Vehicle Make</option>
                                    @if (isset($makes) && count($makes) > 0)
                                      @foreach ($makes as $make)
                                        <option value="{{ $make->id }}" {{ $vehicle->make_id == $make->id ? 'selected' : '' }}>{{ $make->name }}</option>
                                      @endforeach
                                    @endif
                                </select>
                            </div>

                            <div class="col-md-6 theme-form">
                                <label for="model_id">Vehicle Model</label>
                                <select name="model_id" id="model_id" data-selected="{{ $vehicle->model_id }}" class="form-control select2 form-control-lg"
                                    aria-placeholder="Vehicle Model">
                                    <option value="0">Select Vehicle Model</option>
                                </select>
                            </div>

                            <div class="col-md-6 col-sm-12 mb-3 theme-form">
                                <label for="seating_capacity">Seating Capacity</label>
                                <input class="form-control @error('seating_capacity') is-invalid @enderror form-control-lg"
                                    type="number" name="seating_capacity" id="seating_capacity"
                                    value="{{ $vehicle->seating_capacity ?? old('seating_capacity') }}" required placeholder="Seating Capacity">
                            </div>

                            <div class="col-md-6 col-sm-12 mb-3 theme-form">
                                <label for="policy_number">Policy Number</label>
                                <input class="form-control @error('policy_number') is-invalid @enderror form-control-lg"
                                    id="policy_number" type="text" name="policy_number"
                                    value="{{ $vehicle->policy_number ?? old('policy_number') }}" required placeholder="Policy Number">
                            </div>

                            <div class="col-md-6 col-sm-12 theme-form">
                                <label for="year">Year Of Manufacture</label>
                                <input type="number" class="form-control @error('year') is-invalid @enderror"
                                    id="year" name="year" min="1900" max="2024"
                                    value="{{ $vehicle->year ?? old('year') }}" placeholder=" Year Of Manufacture (YYY)" required/>
                            </div>

                            <div class="col-md-6 col-sm-12 theme-form">
                                <label for="tank_capacity">Tank Capacity (Litres)</label>
                                <input type="number" class="form-control @error('tank_capacity') is-invalid @enderror"
                                    id="tank_capacity" name="tank_capacity" min="10" max="200"
                                    value="{{ $vehicle->tank_capacity ?? old('tank_capacity') }}" placeholder=" Tank Capacity (25 litr)" require/>
                            </div>

                            <div class="col-md-12 theme-form">
                                <label for="status">Status</label>
                                <select name="status" id="status" class="form-control select2 form-control-lg"
                                    aria-placeholder="Vehicle Status">
                                    <option value="ACTIVE" {{ $vehicle->status === 'ACTIVE' ? 'selected' : '' }}>Active</option>
                                    <option value="INACTIVE" {{ $vehicle->status === 'INACTIVE' ? 'selected' : '' }}>Inactive</option>
                                </select>
                            </div>

                            <div class="col-md-12">
                                <label for="avatar">Vehicle Image</label>
                                        <input type="file" class="dropify"
                                        data-height="200"
                                        data-default-file="{{ imageHolder($vehicle->image) }}"
                                        data-max-file-size="1M"
                                        data-allowed-file-extensions="jpeg png jpg"
                                        name="image"/>
                            </div>

                            

                            <div class="col-md-12 my-4">
                                <button class="btn btn-primary" type="submit">Submit form <i
                                        class="fa-regular fa-arrow-right-to-arc"></i></button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
@stop
@section('page-styles')
<style>
  .select2-container--default .select2-selection--single {
    height: 48px !important;
    border-radius: 10px !important;
}
.select2-container .select2-selection--single {
    height: 48px !important;
    padding: 4px;
}
</style>
@stop
@section('page-scripts')
    <script type="text/javascript" src="{{ asset('/assets/js/fileuploads/js/fileupload.js') }}"></script>
    <script type="text/javascript" src="{{ asset('/assets/js/fileuploads/js/file-upload.js') }}"></script>
    <!-- Select2 js-->
    <script src="{{ asset('/assets/plugins/select2/js/select2.min.js') }}"></script>
    <script src="{{ asset('/assets/js/select2.js') }}"></script>
    <script src="{{ asset('/assets/js/vehicle-make.js') }}"></script>
@stop