@extends('layout.app')

@section('content')
<div class="app-content main-content">
    <div class="side-app main-container">
        <!--Page header-->
        <div class="page-header d-xl-flex d-block">
            <div class="page-leftheader">
                <div class="page-title">Drivers <span class="font-weight-normal text-muted ms-2">Add</span></div>
            </div>
        </div>
        <!--End Page header-->
        <div class="container mt-5">
            <div class="row">
                <div class="col-12">
                    <div class="card">
                        <div class="card-header border-bottom-0">
                            <h4 class="card-title">Drivers Form</h4>
                        </div>
                        <div class="card-body">
                            @include('includes.alerts')
                            <form action="{{ route('drivers.store') }}" method="post">
                                @csrf
                                <div class="">
                                    <div class="form-group">
                                        <label for="name" class="form-label">Name</label>
                                        <input type="text" name="name" class="form-control" id="name"
                                            placeholder="Enter Name" required maxlength="255" value="{{ old('name') }}">
                                    </div>
                                    <div class="form-group">
                                        <label for="phone" class="form-label">Phone</label>
                                        <input type="text" name="phone" class="form-control" id="phone"
                                            placeholder="Enter Phone" required maxlength="20" value="{{ old('phone') }}">
                                        @error('phone')
                                        <span class="text-danger">{{ $message }}</span>
                                        @enderror
                                    </div>
                                    <div class="form-group" id="Password-toggle">
                                        <label for="password" class="form-label">Password</label>
                                        <div class="input-group">
                                            <a href="" class="input-group-text">
                                                <i class="fe fe-eye-off" aria-hidden="true"></i>
                                            </a>
                                            <input class="form-control" name="password" type="password"
                                                placeholder="Enter Password" required minlength="8" maxlength="20">
                                        </div>
                                        @error('password')
                                        <span class="text-danger">{{ $message }}</span>
                                        @enderror
                                    </div>
                                    <div class="form-group">
                                        <label for="vehicle_type" class="form-label">Vehicle Type</label>
                                        <input type="text" name="vehicle_type" class="form-control" id="vehicle_type"
                                            placeholder="Enter Vehicle Type" required maxlength="100" value="{{ old('vehicle_type') }}">
                                    </div>
                                    <div class="form-group">
                                        <label for="vehicle_number" class="form-label">Vehicle Number</label>
                                        <input type="text" name="vehicle_number" class="form-control" id="vehicle_number"
                                            placeholder="Enter Vehicle Number" required maxlength="50" value="{{ old('vehicle_number') }}">
                                    </div>
                                    <div class="form-group">
                                        <label for="vehicle_year" class="form-label">Vehicle Year</label>
                                        <input type="number" name="vehicle_year" class="form-control" id="vehicle_year"
                                            placeholder="Enter Vehicle Year" required min="1990" max="{{ date('Y') }}" value="{{ old('vehicle_year') }}">
                                    </div>
                                </div>
                                <button class="btn btn-primary btn-block" type="submit">Add</button>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
            <!-- End Row -->
        </div>
    </div>
</div>
@endsection