@if (!Permit::isPermit(str_replace('/create', '', Route::current()->uri()), 'create', true))
<div class="alert alert-danger">You are not allowed to access this section.</div>
@else
<!-- Error display container -->
<div id="error-messages" class="alert alert-danger d-none"></div>
<form id="trendingForm" action="{{ route('wmi-code.store') }}" class="form-horizontal" method="POST" autocomplete="off" enctype="multipart/form-data">
    @csrf
    <section>
    <div class="card">
        <div class="card-header">
            <h4 class="card-title">Add WMI</h4>
        </div>
        <div class="card-content">
            <div class="card-body">
                <div class="form-body">
                    <div class="row">
                        <div class="col-12 mb-4">
                            <div class="form-group row">
                                <div class="col-md-4">
                                    <span>{{__('WMI Code')}}</span>
                                </div>
                                <div class="col-md-8">
                                    <div class="position-relative has-icon-left">
                                        <input type="text" id="code" class="form-control"
                                                name="code" value="{{old('code')}}"
                                                required autocomplete="off">
                                        <div class="form-control-position">
                                            <i class="feather icon-info"></i>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-12 mb-4">
                            <div class="form-group row">
                                <div class="col-md-4">
                                    <span>{{__('Manufacturer')}}</span>
                                </div>
                                <div class="col-md-8">
                                    @php
                                        $manufacturers = \App\Models\VehicleManufacturer::pluck("name","id");
                                    @endphp
                                    <select name="manufacturer_id" id="manufacturer_id" class="form-control select2">
                                        <option value="">Select</option>
                                        @foreach ($manufacturers as $id=>$manufacturer)
                                            <option value="{{$id}}" {{$id==old('manufacturer_id')?"selected":""}}>{{$manufacturer}}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                        </div>
                        <div class="col-12 mb-4">
                            <div class="form-group row">
                                <div class="col-md-4">
                                    <span>{{__('Brand Origin')}}</span>
                                </div>
                                <div class="col-md-8">
                                    <div class="position-relative has-icon-left">
                                        <input type="text" id="brand_origin" class="form-control"
                                                name="brand_origin" value="{{ old('brand_origin')??"" }}"
                                                required autocomplete="off">
                                        <div class="form-control-position">
                                            <i class="feather icon-info"></i>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-12 mb-4">
                            <div class="form-group row">
                                <div class="col-md-4">
                                    <span>{{__('Manufacturing Country')}}</span>
                                </div>
                                <div class="col-md-8">
                                    <div class="position-relative has-icon-left">
                                        <input type="text" id="manufacturing_country" class="form-control"
                                                name="manufacturing_country" value="{{ old('manufacturing_country')??"" }}"
                                                required autocomplete="off">
                                        <div class="form-control-position">
                                            <i class="feather icon-info"></i>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-12 mb-4">
                            <div class="form-group row">
                                <div class="col-md-4">
                                    <span>{{__('Manufacturer Company')}}</span>
                                </div>
                                <div class="col-md-8">
                                    <div class="position-relative has-icon-left">
                                        <input type="text" id="manufacturer_company" class="form-control"
                                                name="manufacturer_company" value="{{ old('manufacturer_company')??"" }}"
                                                required autocomplete="off">
                                        <div class="form-control-position">
                                            <i class="feather icon-info"></i>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-12 mb-4">
                            <div class="form-group row">
                                <div class="col-md-4">
                                    <span>{{__('Vehicle Type')}}</span>
                                </div>
                                <div class="col-md-8">
                                    <div class="position-relative has-icon-left">
                                        <input type="text" id="vehicle_type" class="form-control"
                                                name="vehicle_type" value="{{ old('vehicle_type')??"" }}"
                                                required autocomplete="off">
                                        <div class="form-control-position">
                                            <i class="feather icon-info"></i>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        
                        <div class="col-12 mb-4">
                            <div class="block-content block-content-full text-right border-top pt-1">
                                <button type="submit" class="btn btn-primary"><i
                                            class="fa fa-check mr-1"></i>{{__('Save')}}</button>
                                <button class="btn btn-secondary" data-bs-dismiss="offcanvas" aria-label="Close">{{__('Cancel & Back')}}</button>
                            </div>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </div>
    </section>
</form>
@endif