@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 Vehicle Model</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">Vehicle Model</h5>
			</div>
			<div class="card-body">
				<form action="{{route('save-vehiclemodel')}}" method="post" enctype="multipart/form-data">
					@csrf
					<div class="mb-3">
						<label class="form-label" for="basic-default-phone">Manufacturer</label>
						<select class="form-control" name="manufacturer_id">
							@foreach($manufature as $val)
								<option value="{{$val->id}}">{{$val->name}}</option>
							@endforeach
						</select>
					</div>
					<div class="mb-3">
						<label class="form-label" for="basic-default-fullname">Name</label>
						<input type="text" class="form-control @error('name') is-invalid @enderror" id="name" name="name" value="{{ old('name') }}" />
						@error('name')
                            <div class="invalid-feedback">{{$message}}</div>
                        @enderror
					</div>
					<div class="mb-3">
						<label class="form-label" for="basic-default-phone">Image</label>
						<div class="input-group">
				          <input type="file" class="form-control" id="inputGroupFile03" name="image" aria-describedby="inputGroupFileAddon03" aria-label="Upload">
				        </div>
			   		</div>
					<div class="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>
					<button type="submit" class="btn btn-primary">Save</button>
				</form>
			</div>
		</div>
	</div>
</div>
@endsection