@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="header">
                <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="getRegistered sectionSpac">
    <div class="container">
        <h3 class="sectionTitle mb-4 text-center"><span class="me-1">get</span>Registered</h3>
        <div class="getRegForms categoriesHome">
            <ul class="nav nav-pills mb-4" id="pills-tab" role="tablist">
                <li class="nav-item" role="presentation">
                    <button class="nav-link active ms-0" id="pills-basicinfo-tab" data-bs-toggle="pill" data-bs-target="#pills-basicinfo" type="button" role="tab" aria-controls="pills-basicinfo" aria-selected="true">Basic Information</button>
                </li>
                <li class="nav-item" role="presentation">
                    <button class="nav-link ms-0" id="pills-Business-tab" data-bs-toggle="pill" data-bs-target="#pills-Business" type="button" role="tab" aria-controls="pills-Business" aria-selected="false">Business Address</button>
                </li>
            </ul>
            <form class="tab-content" id="pills-tabContent">
                    <div class="tab-pane fade show active" id="pills-basicinfo" role="tabpanel" aria-labelledby="pills-basicinfo-tab">
                        <div class="row">
                            <div class="col-lg-4 col-md-6 mb-4">
                                <select class="form-select" aria-label="city-make" required>
                                    <option selected>Select Certificate Type</option>
                                    <option value="1">Company Character</option>
                                    <option value="2">The Article Of Association</option>
                                    <option value="3">For Sole Proprietorship Enterprises</option>
                                    <option value="4">Certificate Of Incorporation </option>
                                </select>
                            </div>
                            <div class="col-lg-10 col-md-12 mb-4 uploadfileGetReg">
                                <input type="file" class=" uploadfile d-none" id="Registration">
                                <label for="Registration" class="row align-items-center justify-content-between">
                                    <div class="col-sm-8 mb-3 mb-sm-0"><span class=" documentName w-100 d-block">Business License</span></div>
                                    <div class="col-sm-4"><span class="btnMain w-100 px-lg-5">Browse</span></div>
                                </label>
                            </div>
                            <div class="col-lg-4 col-md-6 mb-4">
                                <input type="text" class="form-control" placeholder="Full Name">
                            </div>
                            <div class="col-lg-4 col-md-6 mb-4">
                                <input type="email" class="form-control" placeholder="Email">
                            </div>
                            <div class="col-lg-4 col-md-6 mb-4">
                                <input type="number" class="form-control" placeholder="Phone Number">
                            </div>
                            <div class="col-lg-4 col-md-6 mb-4">
                                <input type="text" class="form-control" placeholder="Country Of Origin">
                            </div>
                            <div class="col-lg-4 col-md-6 mb-4">
                                <input type="text" class="form-control" placeholder="State">
                            </div>
                            <div class="col-lg-4 col-md-6 mb-4">
                                <input type="text" class="form-control" placeholder="City">
                            </div>
                            <div class="col-lg-4 col-md-6 mb-4">
                                <input type="number" class="form-control" placeholder="Post / Zip Coder">
                            </div>
                            <div class="col-lg-4 col-md-6 mb-4">
                                <select class="form-select" aria-label="city-make" required>
                                    <option selected>Choose Course</option>
                                    <option value="1">Service</option>
                                    <option value="2">Spare Parts</option>
                                </select>
                            </div>
                            <div class="col-lg-4 col-md-6 mb-4">
                                <select class="form-select" aria-label="city-make" required>
                                    <option selected>Select Experience Level</option>
                                    <option value="1">Service</option>
                                    <option value="2">Spare Parts</option>
                                </select>
                            </div>
                        </div>
                    </div>
                    <!-- end of baisc information -->
                    <div class="tab-pane fade" id="pills-Business" role="tabpanel" aria-labelledby="pills-Business-tab">
                        <div class="row">
                            <div class="col-lg-4 col-md-6 mb-4">
                                <input type="text" class="form-control" placeholder="Business Name">
                            </div>
                            <div class="col-lg-4 col-md-6 mb-4">
                                <input type="text" class="form-control" placeholder="Business Location">
                            </div>
                            <div class="col-MD-12 mb-4">
                                <input type="text" class="form-control" placeholder="Business Street Name, Address">
                            </div>
                        </div>
                        <div class="text-end">
                            <button type="button" data-bs-toggle="modal" data-bs-target="#applicationsubm" class="w-100 btnMain submitReg">submit</button>
                        </div>
                    </div>
                    <!-- end of business address -->
            </form>
        </div>
    </div>
</section>
@endsection