{{-- mainLayouts extends --}}
@extends('layouts.contentLayoutMaster')

{{-- Page title --}}
@section('title', 'Township Edit')

@section('vendor-style')
<link rel="stylesheet" type="text/css" href="{{asset('vendors/select2/select2.min.css')}}">
<link rel="stylesheet" type="text/css" href="{{asset('vendors/select2/select2-materialize.css')}}">
@endsection

{{-- page style --}}
@section('page-style')
<link rel="stylesheet" type="text/css" href="{{asset('css/pages/form-select2.css')}}">
@endsection


@section('content')
<form action="{{route('admin.car-model.update',$carModel->id)}}" method="POST">
    @csrf
    @method('PUT')
    <div class="card">
        <div class="card-content">
            <span class="card-title">Edit Car Model</span>
            @error('name')
            {{$message}}
            @enderror
            <table class="striped">
                <tbody>
                    <tr>
                        <th class="right-align padr30px">Car Model *</th>
                        <td>
                            <div>
                                <input id="name" name="name" type="text" class="@error('name') error @enderror" value="{{old('name',$carModel->name)}}">
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <th width="20%" class="right-align padr30px">Select Company *</th>
                        <td>
                            <div class="input-field col s12">
                                <select name="company_id" id="company_id">
                                    <option value="" disabled selected>Select Company</option>
                                    @foreach ($car_companies as $id => $car_company)
                                    <option value="{{ $car_company->id }}" {{$carModel->company_id == $car_company->id  ? 'selected' : ''}}>{{ $car_company->name }}</option>
                                    @endforeach
                                </select>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <th class="right-align padr30px">Select Year *</th>
                        <td>
                            <div>
                                <select class="select2 browser-default" multiple="multiple" name="years[]">
                                    <optgroup label="Years">
                                        @for ($i = 1990; $i <= now()->year;  $i++)
                                        <option value="{{ $i }}"
                                        @if (in_array($i, $year_of_car_models))
                                        selected
                                        @endif
                                        >{{ $i }}</option>
                                        @endfor
                                    </optgroup>
                                </select>
                            </div>
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
<div class="col s12">
    <div class="row right">
        <a href="{{ route('admin.car-model.index') }}" class="waves-effect waves-light black-text padr30px">Cancel</a>
        <button class="btn red border-radius-6 waves-effect waves-light" type="submit" name="action">Update</button>
    </div>
</div>
</form>
@endsection
{{-- vendor script --}}
@section('vendor-script')
<script src="{{asset('vendors/select2/select2.full.min.js')}}"></script>
@endsection

{{-- page script --}}
@section('page-script')
<script src="{{asset('js/scripts/form-select2.js')}}"></script>
@endsection