@extends('admin.app')
@section('title') Add Driver @endsection
@section('styles') 
@endsection
@section('content')
<div class="single-pro-review-area">
    <div class="container-fluid">
        <div class="row">
            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                <div class="review-tab-pro-inner">
                    
                    @if(session('success'))
                    <div class="alert alert-success">
                    {{ session('success') }}
                    </div> 
                    @endif

                    @if(session('error'))
                    <div class="alert alert-warning">
                        {{ session('error') }}
                    </div> 
                    @endif
                    <div class="error_msg">
                        <p style="text-align: center; color: red;" id="errMsg"></p>
                    </div>
                    <div id="myTabContent" class="tab-content custom-product-edit">
                        <form action="{{ route('admin.addDeliveryBoy') }}" method="POST" enctype="multipart/form-data">
                            {{ csrf_field() }}
                            <div class="product-tab-list tab-pane fade active in" id="description">
                                <div class="row">
                                    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 m-5">
                                        <div class="review-content-section">
                                            <fieldset>
                                                <legend><i class="fas fa-user-edit"></i> Add Driver</legend>
                                                <div class="form-div">
                                                    <div class=" mg-b-pro-edt col-lg-6 col-md-6 col-sm-6 col-xs-12">
                                                        <label for="fName">First Name</label>
                                                        <input type="text" class="form-control" placeholder="First Name*" name="firstname"  id="fName" required>
                                                        <label class="error text-danger" hidden="" id="fNameError">First Name is required </label>
                                                    </div>
                                                    <div class=" mg-b-pro-edt col-lg-6 col-md-6 col-sm-6 col-xs-12">
                                                        <label for="lName">Last Name</label>
                                                        <input type="text" class="form-control" placeholder="Last Name*" name="lastname"  id="lName" required>
                                                        <label class="error text-danger" hidden="" id="lNameError">Last Name is required </label>
                                                    </div>
                                                    <div class=" mg-b-pro-edt col-lg-6 col-md-6 col-sm-6 col-xs-12">
                                                        <label for="uMail">Email</label>
                                                        <input type="Email" class="form-control" placeholder="Email" name="email" id="uMail" required>
                                                        <label class="error text-danger" hidden="" id="eMailError"> Email is invalid </label>
                                                    </div>
                                                    <div class=" mg-b-pro-edt col-lg-6 col-md-6 col-sm-6 col-xs-12">
                                                        <label for="uMobile">Mobile</label>
                                                        <input type="number" class="form-control" placeholder="Mobile Number*" name="mobile"  id="uMobile" required>
                                                        <label class="error text-danger" hidden="" id="mobileError"> Mobile Number is invalid </label>
                                                    </div>
                                                </div>
                                                <div class="form-div">     
                                                </div>
                                                <div class="form-div">
                                                    <div class=" mg-b-pro-edt col-lg-6 col-md-6 col-sm-6 col-xs-12">
                                                        <label for="uPassword">Password</label>
                                                        <input type="password" class="form-control" placeholder="Password" name="password" id="uPassword" required>
                                                        <label class="error text-danger" hidden="" id="passwordError"> Password is required </label>
                                                    </div>
                                                    <div class="mg-b-pro-edt col-lg-6 col-md-6 col-sm-6 col-xs-12">
                                                        <label for="cPassword">Confirm Password</label>
                                                        <input type="password" class="form-control" placeholder="Confirm Password" name="password_confirmation" id="cPassword" required>
                                                        <label class="error text-danger" hidden="" id="cpasswordError"> Confirm Password is required </label>
                                                    </div>
                                                </div> 
                                                <div class="form-div">
                                                    <div class=" mg-b-pro-edt col-lg-6 col-md-6 col-sm-6 col-xs-12">
                                                        <label for="city">City applying for</label>
                                                        <input type="text" class="form-control" placeholder="City Applying for*" name="city" id="city" >
                                                        <label class="error text-danger" hidden="" id="cityError">City  is required </label>
                                                    </div>
                                                    <div class=" mg-b-pro-edt col-lg-6 col-md-6 col-sm-6 col-xs-12">
                                                        <label for="lName">Transporter Type *</label>
                                                        <select  class="form-control transporttype " name="transporttype" id="transportType"  >
                                                            <option value=""> - Select - </option> 
                                                            <option value="2 wheeler" >2 wheeler</option>
                                                            <option value="3 wheeler">3 wheeler</option> 
                                                            <option value="Vans">Vans</option> 
                                                            <option value="truck">Truck</option> 
                                                        </select>
                                                        <label class="error text-danger" hidden="" id="transportTypeError"> Transporter Type is required </label>
                                                    </div>
                                                </div> 
                                                <div class="form-div">
                                                    <div class=" mg-b-pro-edt col-lg-6 col-md-6 col-sm-6 col-xs-12">
                                                        <label>Are you allowed to work in New Zealand?*</label>
                                                        <label>What type of visa do you hold?</label>
                                                        <select  style="padding:0px;" class="form-control" name="visatype" id="visatype" >
                                                            <option value="Student Visa">Student Visa</option>
                                                            <option value="Work Visa">Work Visa</option>
                                                            <option value="NZ Resident">NZ Resident</option>  
                                                        </select>
                                                        <label class="error text-danger" hidden="" id="visaError"> Visa Type is required </label>
                                                    </div>
                                                    <div class=" mg-b-pro-edt col-lg-6 col-md-6 col-sm-6 col-xs-12">
                                                        <label for="lName">Make and model of vehicle</label>
                                                        <input type="text" class="form-control"  placeholder="Make and model of vehicle" name="vmodel" id="vmodel" >
                                                        <label class="error text-danger" hidden=""  id="vmodelError">Model of vehicle is required</label>
                                                    </div>                                                  
                                                </div> 
                                                <div class="form-div">
                                                    <div class=" mg-b-pro-edt col-lg-6 col-md-6 col-sm-6 col-xs-12">
                                                        <label>Do you have your own vehicle?</label>
                                                        &nbsp;&nbsp;&nbsp;&nbsp;<input type="radio"  name="v" value="1" id="yes" checked>&nbsp;&nbsp;Yes
                                                        &nbsp;&nbsp;<input type="radio"  value="0" name="v" id="no" >&nbsp;&nbsp;No
                                                        <label class="error text-danger" hidden="" id="vehicleError"> Vehicle field is required </label>
                                                    </div>
                                                </div>
                                            </fieldset>
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                                        <div class="text-center custom-pro-edt-ds">
                                            <button type="submit" class="btn btn-ctl-bt waves-effect waves-light m-r-10" name="event" value="add_boy" onclick="return checkDataBoy()">Create
                                            </button>
                                            <button type="button" class="btn btn-ctl-bt waves-effect waves-light" onclick="window.location = `{{ route('admin.listDrivers') }}`">Back</button>
                                            </button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection