@extends('layouts/layoutMaster')

@section('title', ' Vertical Layouts - Forms')

@section('vendor-style')
<link rel="stylesheet" href="{{asset('assets/vendor/libs/flatpickr/flatpickr.css')}}" />
<link rel="stylesheet" href="{{asset('assets/vendor/libs/select2/select2.css')}}" />
@endsection

@section('vendor-script')
<script src="{{asset('assets/vendor/libs/cleavejs/cleave.js')}}"></script>
<script src="{{asset('assets/vendor/libs/cleavejs/cleave-phone.js')}}"></script>
<script src="{{asset('assets/vendor/libs/moment/moment.js')}}"></script>
<script src="{{asset('assets/vendor/libs/flatpickr/flatpickr.js')}}"></script>
<script src="{{asset('assets/vendor/libs/select2/select2.js')}}"></script>
@endsection

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

@section('content')
<h4 class="fw-bold py-3 mb-4"><span class="text-muted fw-light"></span>New Inventory</h4>
<div class="row">
	<div class="col-xl">
		<div class="card mb-4">
			<div class="card-header d-flex justify-content-between align-items-center">
				<h5 class="mb-0">Inventory</h5>
			</div>
			<div class="card-body">
				<form action="{{route('save-inventory')}}" method="post" enctype="multipart/form-data">
					@csrf
					<div class="row">
					<div class="col-md-6 mb-4 mb-3">
						<label class="form-label" for="basic-default-fullname">Name</label>
						<input type="text" class="form-control @error('name') is-invalid @enderror" id="inputGroupFile03" name="name" >
						@error('name')
                            <div class="invalid-feedback">{{$message}}</div>
                        @enderror
					</div>
					<div class="col-md-6 mb-4 mb-3">
						<label class="form-label" for="basic-default-fullname">Registration Number</label>
						<input type="text" class="form-control @error('registration_number') is-invalid @enderror" id="inputGroupFile03" name="registration_number" >
						@error('registration_number')
                            <div class="invalid-feedback">{{$message}}</div>
                        @enderror
					</div>

					<div class="col-md-6 mb-4 mb-3">
						<label class="form-label" for="basic-default-phone">RC(Photo)</label>
				          <input type="file" class="form-control" id="inputGroupFile03" name="rc_photo" aria-describedby="inputGroupFileAddon03" aria-label="Upload">
                        	@if ($errors->has('rc_photo'))
						        <span class="text-danger">{{ $errors->first('rc_photo') }}</span>
						    @endif
			   		</div>
			   		
			   		<div class="col-md-6 mb-4 mb-3">
						<label class="form-label" for="basic-default-phone">Item(Photo)</label>
				          <input type="file" class="form-control" id="inputGroupFile03" name="item_photo" aria-describedby="inputGroupFileAddon03" aria-label="Upload">
				          	@if ($errors->has('item_photo'))
						        <span class="text-danger">{{ $errors->first('item_photo') }}</span>
						    @endif
			   		</div>
			   		<div class="col-md-12 mb-4 mb-3">
						<label class="form-label" for="basic-default-phone">City</label>
				         <select class="form-control @error('city') is-invalid @enderror" name="city">
				         	<option value="">select</option>
				         	@foreach($city as $k=>$value)
							    <optgroup label="{{$value['name']}}">
							    	@foreach($value['city'] as $kv=>$val)
							      		<option value="{{$kv}}_{{$value['id']}}">{{$val}}</option>
							      	@endforeach
							    </optgroup>
							@endforeach
						</select>
						@error('city')
                            <div class="invalid-feedback">{{$message}}</div>
                        @enderror
			   		</div>
			   		<div class="col-md-6 mb-4 mb-3">
						<label class="form-label" for="basic-default-phone">Owner</label>
						<select class="form-control" name="owner">
							@foreach($vehicleowner as $k=>$val)
								<option value="{{$val->id}}">{{$val->name}}</option>
							@endforeach
						</select>
					</div>
					<div class="col-md-6 mb-4 mb-3">
						<label class="form-label" for="basic-default-phone">Body Type</label>
						<select class="form-control" name="body_type">
							@foreach($body_type as $k=>$val)
								<option value="{{$k}}">{{$val}}</option>
							@endforeach
						</select>
					</div>
					<div class="col-md-6 mb-4 mb-3">
						<label class="form-label" for="basic-default-phone">Transmission Type</label>
						<select class="form-control" name="transmission_type">
							@foreach($transmission_type as $k=>$val)
								<option value="{{$k}}">{{$val}}</option>
							@endforeach
						</select>
					</div>
					<div class="col-md-6 mb-4 mb-3">
						<label class="form-label" for="basic-default-phone">Fuel Type</label>
						<select class="form-control" name="fuel_type">
							@foreach($fuel_type as $k=>$val)
								<option value="{{$k}}">{{$val}}</option>
							@endforeach
						</select>
					</div>
					<div class="col-md-6 mb-4 mb-3">
						<label class="form-label" for="basic-default-phone">Seating Cpacity</label>
						<select class="form-control" name="seating_capacity">
							@foreach($fuel_type as $k=>$val)
								<option value="{{$k}}">{{$val}}</option>
							@endforeach
						</select>
					</div>
					<div class="col-md-6 mb-4 mb-3">
						<label class="form-label" for="basic-default-phone">Milege</label>
						<input type="text" class="form-control @error('milege') is-invalid @enderror" id="inputGroupFile03" name="milege" >
						@error('milege')
                            <div class="invalid-feedback">{{$message}}</div>
                        @enderror
					</div>
					<div class="col-md-6 mb-4 mb-3">
						<label class="form-label" for="basic-default-phone">Safety Ratings</label>
						<select class="form-control" name="safty_ratings">
							@foreach($safety_ratings as $k=>$val)
								<option value="{{$k}}">{{$val}}</option>
							@endforeach
						</select>
					</div>
					<div class="col-md-6 mb-4 mb-3">
						<label class="form-label" for="basic-default-phone">Airbag</label>
						<select class="form-control" name="air_bag">
							@foreach($airbag as $k=>$val)
								<option value="{{$k}}">{{$val}}</option>
							@endforeach
						</select>
					</div>
					<div class="col-md-6 mb-4 mb-3">
						<label class="form-label" for="basic-default-phone">Engine Capacity Power</label>
						<select class="form-control" name="engine_capacity_power">
							@foreach($engine_capacity_power as $k=>$val)
								<option value="{{$k}}">{{$val}}</option>
							@endforeach
						</select>
					</div>
					<div class="col-md-6 mb-4 mb-3">
						<label class="form-label" for="basic-default-phone">Torque</label>
						<select class="form-control" name="torque">
							@foreach($torque as $k=>$val)
								<option value="{{$k}}">{{$val}}</option>
							@endforeach
						</select>
					</div>
					<div class="col-md-6 mb-4 mb-3">
						<label class="form-label" for="basic-default-phone">Color</label>
						<input type="text" class="form-control @error('color') is-invalid @enderror" id="inputGroupFile03" name="color" >
						@error('color')
                            <div class="invalid-feedback">{{$message}}</div>
                        @enderror
					</div>
					<div class="col-md-6 mb-4 mb-3">
						<label class="form-label" for="basic-default-phone">Model Year</label>
						<input type="year" class="form-control model_year @error('model_year') is-invalid @enderror" id="date" name="model_year" placeholder="eg:2023">
						@error('model_year')
                            <div class="invalid-feedback">{{$message}}</div>
                        @enderror
					</div>
					<div class="col-md-6 mb-4 mb-3">
						<label class="form-label" for="basic-default-phone">Brand</label>
						<select class="form-control" name="brand_id">
							@foreach($brand as $k=>$val)
								<option value="{{$val->id}}">{{$val->name}}</option>
							@endforeach
						</select>
					</div>
					<div class="col-md-6 mb-4 mb-3">
						<label class="form-label" for="basic-default-phone">Model</label>
						<select class="form-control" name="model_id">
							@foreach($vehicle_model as $k=>$val)
								<option value="{{$val->id}}">{{$val->name}}</option>
							@endforeach
						</select>
					</div>
					<div class="col-md-12 mb-4 mb-3">
						<label class="form-label" for="basic-default-phone">Variant</label>
						<input type="text" class="form-control @error('variant') is-invalid @enderror" id="inputGroupFile03" name="variant" >
						@error('variant')
                            <div class="invalid-feedback">{{$message}}</div>
                        @enderror
					</div>
					<div class="col-md-3 mb-4 mb-3">
						<label class="form-label" for="basic-default-phone">Turbo Engine [Yes/No]</label>
						<label class="switch switch-success">
			              <input type="checkbox" name="turbo_engine" class="switch-input" value="1" checked />
			              <span class="switch-toggle-slider">
			                <span class="switch-on">
			                  <i class="ti ti-check"></i>
			                </span>
			                <span class="switch-off">
			                  <i class="ti ti-x"></i>
			                </span>
			              </span>
			            </label>
					</div>
					<div class="col-md-3 mb-4 mb-3">
						<label class="form-label" for="basic-default-phone">Power Steering [Yes/No]</label>
						<label class="switch switch-success">
			              <input type="checkbox" name="power_steering" class="switch-input" value="1" checked />
			              <span class="switch-toggle-slider">
			                <span class="switch-on">
			                  <i class="ti ti-check"></i>
			                </span>
			                <span class="switch-off">
			                  <i class="ti ti-x"></i>
			                </span>
			              </span>
			            </label>
					</div>
					<div class="col-md-3 mb-4 mb-3">
						<label class="form-label" for="basic-default-phone">Cruise Control [Yes/No]</label>
						<label class="switch switch-success">
			              <input type="checkbox" name="cruise_control" class="switch-input" value="1"  checked />
			              <span class="switch-toggle-slider">
			                <span class="switch-on">
			                  <i class="ti ti-check"></i>
			                </span>
			                <span class="switch-off">
			                  <i class="ti ti-x"></i>
			                </span>
			              </span>
			            </label>
					</div>
					<div class="col-md-3 mb-4 mb-3">
						<label class="form-label" for="basic-default-phone">Keyless Entry [Yes/No]</label>
						<label class="switch switch-success">
			              <input type="checkbox" name="keyless_entry" class="switch-input" value="1"  checked />
			              <span class="switch-toggle-slider">
			                <span class="switch-on">
			                  <i class="ti ti-check"></i>
			                </span>
			                <span class="switch-off">
			                  <i class="ti ti-x"></i>
			                </span>
			              </span>
			            </label>
					</div>
					<div class="col-md-3 mb-4 mb-3">
						<label class="form-label" for="basic-default-phone">Sunroof [Yes/No]</label>
						<label class="switch switch-success">
			              <input type="checkbox" name="sunroof" class="switch-input" value="1" checked />
			              <span class="switch-toggle-slider">
			                <span class="switch-on">
			                  <i class="ti ti-check"></i>
			                </span>
			                <span class="switch-off">
			                  <i class="ti ti-x"></i>
			                </span>
			              </span>
			            </label>
					</div>
					<div class="col-md-3 mb-4 mb-3">
						<label class="form-label" for="basic-default-phone">Moonroof [Yes/No]</label>
						<label class="switch switch-success">
			              <input type="checkbox" name="moonroof" class="switch-input" value="1" checked />
			              <span class="switch-toggle-slider">
			                <span class="switch-on">
			                  <i class="ti ti-check"></i>
			                </span>
			                <span class="switch-off">
			                  <i class="ti ti-x"></i>
			                </span>
			              </span>
			            </label>
					</div>
					<div class="col-md-3 mb-4 mb-3">
						<label class="form-label" for="basic-default-phone">Alloywheels [Yes/No]</label>
						<label class="switch switch-success">
			              <input type="checkbox" name="alloywheels" class="switch-input" value="1" checked />
			              <span class="switch-toggle-slider">
			                <span class="switch-on">
			                  <i class="ti ti-check"></i>
			                </span>
			                <span class="switch-off">
			                  <i class="ti ti-x"></i>
			                </span>
			              </span>
			            </label>
					</div>
					<div class="col-md-3 mb-4 mb-3">
						<label class="form-label" for="basic-default-phone">ABS [Yes/No]</label>
						<label class="switch switch-success">
			              <input type="checkbox" name="abs" class="switch-input" value="1" checked />
			              <span class="switch-toggle-slider">
			                <span class="switch-on">
			                  <i class="ti ti-check"></i>
			                </span>
			                <span class="switch-off">
			                  <i class="ti ti-x"></i>
			                </span>
			              </span>
			            </label>
					</div>
					<div class="col-md-3 mb-4 mb-3">
						<label class="form-label" for="basic-default-phone">Automatic Climate Control [Yes/No]</label>
						<label class="switch switch-success">
			              <input type="checkbox" name="automatic_climate_control" value="1" class="switch-input" checked />
			              <span class="switch-toggle-slider">
			                <span class="switch-on">
			                  <i class="ti ti-check"></i>
			                </span>
			                <span class="switch-off">
			                  <i class="ti ti-x"></i>
			                </span>
			              </span>
			            </label>
					</div>
					<div class="col-md-3 mb-4 mb-3">
						<label class="form-label" for="basic-default-phone">Rear Ac Vents [Yes/No]</label>
						<label class="switch switch-success">
			              <input type="checkbox" name="rear_ac_vents" class="switch-input" value="1" checked />
			              <span class="switch-toggle-slider">
			                <span class="switch-on">
			                  <i class="ti ti-check"></i>
			                </span>
			                <span class="switch-off">
			                  <i class="ti ti-x"></i>
			                </span>
			              </span>
			            </label>
					</div>
					<div class="col-md-3 mb-4 mb-3">
						<label class="form-label" for="basic-default-phone">Remote Trunk Opener[Yes/No]</label>
						<label class="switch switch-success">
			              <input type="checkbox" name="remote_trunk_opener" class="switch-input"value="1"  checked />
			              <span class="switch-toggle-slider">
			                <span class="switch-on">
			                  <i class="ti ti-check"></i>
			                </span>
			                <span class="switch-off">
			                  <i class="ti ti-x"></i>
			                </span>
			              </span>
			            </label>
					</div>
					<div class="col-md-3 mb-4 mb-3">
						<label class="form-label" for="basic-default-phone">Remote Fuel Lid Opener[Yes/No]</label>
						<label class="switch switch-success">
			              <input type="checkbox" name="remote_fuel_lid_opener" value="1" class="switch-input" checked />
			              <span class="switch-toggle-slider">
			                <span class="switch-on">
			                  <i class="ti ti-check"></i>
			                </span>
			                <span class="switch-off">
			                  <i class="ti ti-x"></i>
			                </span>
			              </span>
			            </label>
					</div>
					<div class="col-md-12 mb-4 mb-3">
						<label class="form-label" for="basic-default-phone">Status</label>
						<select class="form-control" name="status">
							<option value="1">Active</option>
							<option value="0">Inactive</option>
						</select>
					</div>
					</div>
					<button type="submit" class="btn btn-primary">Save</button>
				</form>
			</div>
		</div>
	</div>
</div>
@endsection