@extends('admin/layouts/default')
@section('title')
Edit Vehicle
@parent
@stop

@section('content')
@include('adminlte-templates::common.errors')
<section class="content-header">
    <h1>Edit Vehicle</h1>
</section>
<section class="content paddingleft_right15">
<div class="row">
 <div class="panel panel-success">
        <div class="panel-heading">
            <h4 class="panel-title"> <i class="livicon" data-name="user" data-size="16" data-loop="true" data-c="#fff" data-hc="white"></i>
               Edit Vehicle
            </h4></div>
        <br />
        <div class="panel-body">
        <div class="row">
            <form action="{{route('admin.vehicle.update',$vehicle->id)}}" method="post" enctype="multipart/form-data">
            @csrf
            <div class="form-body">
                <div  class="row">
                    <div class="col-md-6">
                        <div class="form-group">
                            <label>@lang("mof.license_plate")</label> <span class="text-danger">*</span>
                            <input type="text" name="license_plate" id="license_plate" value="{{$vehicle->license_plate}}" class="form-control" required> 
                            @error('license_plate') <span class="danger">{{ $message }}</span> @enderror
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="form-group">
                            <label>@lang("mof.book_no")</label> <span class="text-danger">*</span>
                            <input type="text" name="book_no" id="book_no" class="form-control" value="{{$vehicle->book_no}}" required> 
                            @error('book_no') <span class="danger">{{ $message }}</span> @enderror
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="form-group">
                            <label>@lang("mof.vin")</label> <span class="text-danger">*</span>
                            <input type="text" name="vin" id="vin" value="{{$vehicle->vin}}" class="form-control" required> 
                            @error('vin') <span class="danger">{{ $message }}</span> @enderror
                        </div>
                    </div>

                    <div class="col-md-6">
                        <div class="form-group">
                            <label>Sub Category</label>
                            <select name="sub_category" id="sub_category" class="form-control">
                                <option value="">Select</option>
                                @forelse ($subcategories as $subcategory)
                                    <option value="{{$subcategory->id}}" @if($subcategory->id == $vehicle->sub_category_id) selected @endif>{{$subcategory->name}}</option>
                                @empty
                                   <option value="" disabled>No Records Found</option>
                                @endforelse
                            </select>
                            @error('sub_category') <span class="danger">{{ $message }}</span> @enderror
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="form-group">
                            <label>Classification</label>
                            <select name="classification" id="classification" class="form-control">
                                <option value="" selected>Select</option>
                                @forelse ($classifications as $classification)
                                    <option value="{{$classification->id}}"  @if($classification->id == $vehicle->classification_id) selected @endif>{{$classification->name}}</option>
                                @empty
                                   <option value="" disabled>No Records Found</option>
                                @endforelse
                            </select>
                            @error('classification') <span class="danger">{{ $message }}</span> @enderror
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="form-group">
                            <label>Make</label>
                            <select name="make" id="make" class="form-control">
                                <option value="" selected>Select</option>
                                @isset($vehicle->model->make->id)
                                @forelse ($makes as $make)
                                    <option value="{{$make->id}}"  @if($make->id == $vehicle->model->make->id) selected @endif>{{$make->name}}</option>
                                @empty
                                   <option value="" disabled>No Records Found</option>
                                @endforelse
                                @else 
                                @forelse ($makes as $make)
                                   <option value="{{$make->id}}">{{$make->name}}</option>
                                @empty
                                   <option value="" disabled>No Records Found</option>
                                @endforelse
                                @endisset
                            </select>
                            @error('make') <span class="danger">{{ $message }}</span> @enderror
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="form-group">
                            <label>Model</label>
                            <select name="model" id="model" class="form-control">
                                <option value="" selected>Select</option>
                                @isset($vehicle->model->id)
                                  <option value="{{$vehicle->model->id}}" selected>{{$vehicle->model->name}}</option>
                                @else 
                                  <option value="" disabled>No Records Found</option>
                                @endisset
                            </select>
                            @error('model') <span class="danger">{{ $message }}</span> @enderror
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="form-group">
                            <label>Vehicle Type</label> <span class="text-danger">*</span>
                            <input type="text" name="vehicle_type" value="{{$vehicle->vehicle_type}}" id="vehicle_type" class="form-control" required>
                            @error('vehicle_type') <span class="danger">{{ $message }}</span> @enderror
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="form-group">
                            <label>Vehicle Color</label> <span class="text-danger">*</span>
                            <input type="text" name="vehicle_color" value="{{$vehicle->vehicle_color}}" id="vehicle_color" class="form-control" required>
                            @error('vehicle_color') <span class="danger">{{ $message }}</span> @enderror
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="form-group">
                            <label>Fuel Type</label>
                            <input type="text" name="fuel_type" value="{{$vehicle->fuel_type}}" id="fuel_type" class="form-control">
                            @error('fuel_type') <span class="danger">{{ $message }}</span> @enderror
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="form-group">
                            <label>Odometer</label>
                            <input type="text" name="odometer" id="odometer" value="{{$vehicle->odometer}}" class="form-control" onkeypress='return isNumberKey(event)')> 
                            @error('odometer') <span class="danger">{{ $message }}</span> @enderror
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="form-group">
                            <label>Year</label> <span class="text-danger">*</span>
                            <input type="text" name="year" id="year" value="{{$vehicle->year}}" class="form-control" required onkeypress='return isNumberKey(event)')> 
                            @error('year') <span class="danger">{{ $message }}</span> @enderror
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="form-group">
                            <label>Vehicle Photo</label> 
                            <input type="file" name="vehicle_photo" id="vehicle_photo" class="form-control"> 
                            @error('vehicle_photo') <span class="danger">{{ $message }}</span> @enderror
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="form-group"> 
                            <label>@lang('mof.region')</label> 
                            <select name="region" id="region" class="form-control">
                                <option value="">{{Lang::get('general.select_value')}}</option>
                                @forelse ($regions as $region)
                                    <option value="{{$region->name}}" @if($region->name == $vehicle->region) selected @endif>{{$region->name}}</option>
                                @empty
                                    <option value="" disabled>No Records Found</option>
                                @endforelse
                            </select>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="form-group"> 
                            <label>@lang('mof.city')</label> 
                            <select name="city" id="city" class="form-control">
                                <option value="">{{Lang::get('general.select_value')}}</option>
                                @forelse ($cities as $city)
                                    <option value="{{$city->name}}" @if($city->name == $vehicle->city) selected @endif>{{$city->name}}</option>
                                @empty
                                    <option value="" disabled>No Records Found</option>
                                @endforelse
                            </select>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="form-group">
                            <label>District</label>
                            <select name="district" id="district" class="form-control">
                                <option value="" selected>Select</option>
                                @forelse ($districts as $district)
                                    <option value="{{$district->name}}" @if($district->name == $vehicle->district) selected @endif>{{$district->name}}</option>
                                @empty
                                   <option value="" disabled>No Records Found</option>
                                @endforelse
                            </select>
                            @error('district') <span class="danger">{{ $message }}</span> @enderror
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="form-group">
                            <label>Sub District</label>
                            <select name="sub_division" id="sub_division" class="form-control">
                                <option value="{{$vehicle->sub_division}}" selected>{{$vehicle->sub_division}}</option>
                            </select>
                            @error('sub_division') <span class="danger">{{ $message }}</span> @enderror
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="form-group">
                            <label>Address</label>
                            <input type="text" name="address" value="{{$vehicle->address}}" id="address" class="form-control"> 
                            @error('address') <span class="danger">{{ $message }}</span> @enderror
                        </div>
                    </div>
                </div>                                 
            </div>
        </div><br>
        <!-- Submit Field -->
        <div class="form-group col-sm-12 text-center">
            <input type="submit" class="btn btn-primary" value="{{Lang::get('general.save')}}" />
            <a href="{{ route('admin.vehicle.index') }}" class="btn btn-warning">{{Lang::get('general.cancel')}}</a>
        </div>
        </form>
    </div>
  </div>
 </div>
</section>
@stop

@section('footer_scripts')
    <script>
        $('#make').change(function (e) { 
            e.preventDefault();
            let data = {
                'make_id': $("#make").val()
            };
            $.ajax({
                headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                type: "post",
                url: "{{route('admin.vehicle.fetch_model')}}",
                data: data,
                dataType: "json",
                success: function (response) {
                    $('#model').html(`<option value="" selected disabled>Select</option>`);
                    $.each(response.models, function (i, val) { 
                        let html = `<option value="${val.id}">${val.name}</option>`;
                        $('#model').append(html);
                    });
                }
            });
        });
    </script>
    <script src="{{ asset('assets/js/pages/property.js') }}"  type="text/javascript"></script>
    <script type="text/javascript" src="{{ asset('assets/js/pages/seller-modal.js') }}" ></script>
    <script type="text/javascript" src="{{ asset('assets/vendors/datatables/js/jquery.dataTables.js') }}" ></script>
    <script type="text/javascript" src="{{ asset('assets/vendors/datatables/js/dataTables.bootstrap.js') }}" ></script>
    <script type="text/javascript" src="{{ asset('assets/vendors/datatables/js/dataTables.responsive.js') }}" ></script>
    <script src="{{ asset('accounts/js/select2.full.min.js') }}"></script>
<link rel="stylesheet" type="text/css" href="{{ asset('accounts/select2/css/select2.min.css') }}" />
<link rel="stylesheet" type="text/css" href="{{ asset('accounts/select2/css/select2-bootstrap.css') }}" />
<script src="{{ asset('assets/js/pages/subdivisions.js') }}" ></script>
@stop