@extends('cabMeWebsite.master')
<title>Documents</title>
@section('content')
    <section class="subheader">
        <div class="container">
            <div class="col-12">
                <div class="row">
                    <div class="inner-padding">
                        <h2></h2>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section class="mb-2 mb-md-4">
        <div class="container py-1 py-sm-2">
            <div class="col-12 inner-padding text-center">
                <div class="row justify-content-center">
                    <div class="col-12 col-md-5">
                        <h4 class="fs25 font-weight-bold text-uppercase mt-2 mt-sm-3 mt-md-4">Vehicle Registration</h4>
                        <h5 class="fs23">Add Vehicle Details</h5>
                        <form class="vehicle-registration-form mt-2 mt-sm-3 mt-sm-4" id="formdata" >
                            {{  csrf_field()  }}
                            <input type="hidden" id="driver_id" name="driver_id" value="{{$_SESSION['driverid']}}">
                            <div class="form-group">
                                <div class="row mt-2">
                                    <div class="col-12">
                                        <select id="make_id" name="make_id">
                                            <option value="">Select Vehicle Make</option>
                                        </select>
                                        <select id="model_id" name="model_id">
                                            <option value="">Select Vehicle Model</option>
                                        </select>
                                        <select id="year" name="year">

                                            <option value="" selected disabled>Year</option>
                                                <option>2000</option><option>2001</option><option>2002</option><option>2003</option><option>2004</option><option>2005</option><option>2006</option><option>2007</option><option>2008</option><option>2009</option><option>2010</option><option>2011</option><option>2012</option><option>2013</option><option>2014</option><option>2015</option><option>2016</option><option>2017</option><option>2018</option><option>2019</option><option>2020</option><option>2021</option><option>2022</option><option>2023</option><option>2024</option><option>2025</option>                                        </select>&nbsp;&nbsp;&nbsp;
                                        <input class="form-control" placeholder="Number Plate" type="text" id="license_plate" name="license_plate">
                                        &nbsp;&nbsp;&nbsp;
                                        <input class="form-control" placeholder="Vehicle Color" type="text" id="vehicle_color" name="vehicle_color">
                                        <select id="vehicle_type_id" name="vehicle_type_id">
                                            <option>Vehicle Type</option>
                                        </select>
                                    </div>
                                </div>
                                <!--//Row-->

                                <div class="row justify-content-md-center mt-2 my-md-4">
                                    <div class="col-10">
                                        <input type="submit" id="addVehicle" value="DONE" class="theme-btn-small btn-block" />
                                    </div>
                                </div>
                                <!--//Row-->
                            </div>
                        </form>
                    </div>
                </div>
                <!--//Row-->
            </div>
        </div>
    </section>

    <script type="text/javascript">
        $(document).ready(function () {
            $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                }
            });

            var base_url = '