@extends('layouts.default')
@section('content')
<section class="headerPage">
        <div class="carousel-inner">
            <div class="carousel-item active">
                <img src="{{ asset('assets/images/slidehero.png') }}" class="d-block w-100" alt="slide">
                <div class="carousel-caption">
                    <h5>We Give You,</h5>
                    <h2>Explore All Categories</h2>
                    <p class="mb-0">Enjoy an entirely new level of driving experience with our in-depth selection of superior car bulbs, brake pads, spark plugs, and other automotive parts and accessories designed to keep your car running at its absolute best.</p>
                </div>
            </div>
        </div>
</section>
<section class="registerVehical sectionSpac">
    <div class="container">
        <h3 class="sectionTitle mb-5 text-center"><span class="me-1">Register</span>Vehicle</h3>
        <form class="contactFrom">
                <div class="row">
                    <div class="col-md-6 mb-4">
                        <select class="form-select" aria-label="loc-make">
                            <option selected>Vehicle Make</option>
                            <option value="1">Audi</option>
                            <option value="2">Toyota</option>
                            <option value="3">Honda</option>
                            <option value="3">Mercedes</option>
                            <option value="3">Nissan</option>
                            <option value="3">Chevrolet</option>
                            <option value="3">Ford</option>
                            <option value="3">Kia</option>
                        </select>
                    </div>
                    <div class="col-md-6 mb-4">
                        <select class="form-select" aria-label="loc-year">
                            <option selected>Model</option>
                            <option value="1">2023</option>
                            <option value="2">2022</option>
                            <option value="3">2021</option>
                            <option value="3">2020</option>
                            <option value="3">2019</option>
                            <option value="3">2018</option>
                            <option value="3">2017</option>
                            <option value="3">2016</option>
                        </select>
                    </div>
                    <div class="col-md-6 mb-4">
                        <select class="form-select" aria-label="loc-year">
                            <option selected>Year</option>
                            <option value="1">2023</option>
                            <option value="2">2022</option>
                            <option value="3">2021</option>
                            <option value="3">2020</option>
                            <option value="3">2019</option>
                            <option value="3">2018</option>
                            <option value="3">2017</option>
                            <option value="3">2016</option>
                        </select>
                    </div>
                    <div class="col-md-6 mb-4">
                        <input type="number" class="form-control" placeholder="VIN Number">
                    </div>
                    <div class="col-md-12 mb-4">
                        <input type="number" class="form-control" placeholder="Engine Number">
                    </div>
                    <div class="col-md-12 mb-4">
                        <input type="text" class="form-control" placeholder="Engine Type">
                    </div>
                    <div class="col-md-12 mb-4">
                        <input type="text" class="form-control" placeholder="Transmission Type">
                    </div>
                    <div class="col-md-12 mb-4 uploadfileWrap">
                        <input type="file" class="form-control uploadfile d-none" id="VehicleParticulars">
                        <label for="VehicleParticulars" class="form-control d-flex align-items-center justify-contentform-control d-flex align-items-center justify-content-between p-0 ps-3">
                            <span class="documentName">Vehicle Particulars</span>
                            <span class="btnMain px-5">Browse</span>
                        </label>
                    </div>
                    <div class="col-md-12 mb-4 uploadfileWrap">
                        <input type="file" class="form-control uploadfile d-none" id="license">
                        <label for="license" class="form-control d-flex align-items-center justify-contentform-control d-flex align-items-center justify-content-between p-0 ps-3">
                            <span class="documentName">Driver's License I.D</span>
                            <span class="btnMain px-5">Browse</span>
                        </label>
                    </div>
                    <div class="col-md-12 mb-4 uploadfileWrap">
                        <input type="file" class="form-control uploadfile d-none" id="Ownership">
                        <label for="Ownership" class="form-control d-flex align-items-center justify-contentform-control d-flex align-items-center justify-content-between p-0 ps-3">
                            <span class="documentName">Proof Of Ownership</span>
                            <span class="btnMain px-5">Browse</span>
                        </label>
                    </div>
                    <div class="col-md-12 mb-4 uploadfileWrap">
                        <input type="file" class="form-control uploadfile d-none" id="Registration">
                        <label for="Registration" class="form-control d-flex align-items-center justify-contentform-control d-flex align-items-center justify-content-between p-0 ps-3">
                            <span class="documentName">Certificate of Vehicle Registration</span>
                            <span class="btnMain px-5">Browse</span>
                        </label>
                    </div>
                    <div class="col-md-12 mb-4">
                        <textarea class="form-control" id="message" rows="6" placeholder="Notes"></textarea>
                    </div>
                    <div class="col-md-12 mb-4 pt-3 text-end">
                        <button type="button" class="btnMain vehicalRegisteredbtn py-3" data-bs-toggle="modal" data-bs-target="#vehicalRegistered">Submit</button>
                    </div>
                </div>
        </form>
    </div>
</section>
@endsection