@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>
                <li class="nav-item" role="presentation">
                    <button class="nav-link ms-0" id="pills-Merchant-tab" data-bs-toggle="pill" data-bs-target="#pills-Merchant" type="button" role="tab" aria-controls="pills-Merchant" aria-selected="false">Merchant Details</button>
                </li>
                <li class="nav-item" role="presentation">
                    <button class="nav-link ms-0" id="pills-Billing-tab" data-bs-toggle="pill" data-bs-target="#pills-Billing" type="button" role="tab" aria-controls="pills-Billing" aria-selected="false">Billing Account Details</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">
                                <input type="text" class="form-control" placeholder="Name of Director or Representative Full Name">
                            </div>
                            <div class="col-lg-4 col-md-6 mb-4 offset-lg-right-4">
                                <input type="text" class="form-control" placeholder="Company/Business Name">
                            </div>
                            <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-md-6 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">Certificate</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="Business License Number">
                            </div>
                            <div class="col-md-6 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="VAT / TIN Number">
                            </div>
                            <div class="col-lg-4 col-md-6 mb-4">
                                <input type="text" class="form-control companyreg" placeholder="Company Registration Date"
                                onfocus="(this.type = 'date')"
                                onblur="(this.type = 'text')"
                                >
                            </div>
                            <div class="col-lg-4 col-md-6 mb-4">
                                <input type="text" class="form-control" placeholder="Company / Business Phone Number">
                            </div>
                            <div class="col-lg-4 col-md-6 mb-4">
                                <select class="form-select" aria-label="city-make" required>
                                    <option selected>Select Business Type</option>
                                    <option value="1">Service</option>
                                    <option value="2">Spare Parts</option>
                                </select>
                            </div>
                            <div class="col-lg-4 col-md-6 mb-4">
                                <input type="text" class="form-control" placeholder="Select Company Share Unit">
                            </div>
                            <div class="col-lg-4 col-md-6 mb-4">
                                <select class="form-select" aria-label="city-make" required>
                                    <option selected>Choose Category Of Business</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">
                                <select class="form-select" aria-label="city-make" required>
                                    <option selected>Select Your Location</option>
                                    <option value="1">All Country</option>
                                    <option value="2">Abakaliki</option>
                                    <option value="3">Abeokuta</option>
                                    <option value="3">Abonnema</option>
                                    <option value="3">Abuja</option>
                                    <option value="3">Ado Ekiti</option>
                                    <option value="3">Afikpo</option>
                                    <option value="3">Akure</option>
                                    <option value="3">Asaba</option>
                                    <option value="3">Bauchi</option>
                                    <option value="3">Batagarawa</option>
                                </select>
                            </div>
                            <div class="col-lg-4 col-md-6 mb-4">
                                <input type="text" class="form-control" placeholder="State/ Province / Country">
                            </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-12 mb-4">
                                <input type="number" class="form-control" placeholder="Post/Zip Code">
                            </div>
                            <div class="col-lg-8 col-md-12 mb-4">
                                <input type="number" class="form-control" placeholder="Post/Zip Code">
                            </div>
                            <div class="col-md-10 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-9 mb-3 mb-sm-0"><span class=" documentName w-100 d-block">Business License</span></div>
                                    <div class="col-sm-3"><span class="btnMain w-100 px-lg-5">Browse</span></div>
                                </label>
                            </div>
                        </div>
                    </div>
                    <!-- end of business address -->
                    <div class="tab-pane fade" id="pills-Merchant" role="tabpanel" aria-labelledby="pills-Merchant-tab">
                        <div class="row">
                            <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="text" class="form-control" placeholder="Nationality">
                            </div>
                            <div class="col-lg-4 col-md-6 mb-4">
                                <select class="form-select" aria-label="city-make" required>
                                    <option selected>Country Of Birth</option>
                                    <option value="1">All Country</option>
                                    <option value="2">Abakaliki</option>
                                    <option value="3">Abeokuta</option>
                                    <option value="3">Abonnema</option>
                                    <option value="3">Abuja</option>
                                    <option value="3">Ado Ekiti</option>
                                    <option value="3">Afikpo</option>
                                    <option value="3">Akure</option>
                                    <option value="3">Asaba</option>
                                    <option value="3">Bauchi</option>
                                    <option value="3">Batagarawa</option>
                                </select>
                            </div>
                            <div class="col-md-12 mb-4">
                                <input type="text" class="form-control" placeholder="State/ Province / Country">
                            </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-4 mb-4 offset-lg-right-4">
                                <input type="number" class="form-control" placeholder="Post/Zip Code">
                            </div>
                            <div class="col-md-12 mb-4">
                                <input type="text" class="form-control" placeholder="House / Address / Street Name / Street Number">
                            </div>
                            <div class="col-lg-4 col-md-6 mb-4">
                                <input type="text" class="form-control" placeholder="ID Type">
                            </div>
                            <div class="col-lg-4 col-md-12 mb-4">
                                <input type="number" class="form-control" placeholder="ID No.">
                            </div>
                            <div class="col-lg-4 col-md-6 mb-4">
                                <input type="text" class="form-control companyreg" placeholder="Company Registration Date"
                                onfocus="(this.type = 'date')"
                                onblur="(this.type = 'text')"
                                >
                            </div>
                            <div class="col-md-10 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-9 mb-3 mb-sm-0"><span class=" documentName w-100 d-block">Business License</span></div>
                                    <div class="col-sm-3"><span class="btnMain w-100 px-lg-5">Browse</span></div>
                                </label>
                            </div>
                        </div>
                    </div>
                    <!-- end of merchant details -->
                    <div class="tab-pane fade" id="pills-Billing" role="tabpanel" aria-labelledby="pills-Billing-tab">
                        <div class="row">
                            <div class="col-lg-4 col-md-6 mb-4">
                                <input type="text" class="form-control" placeholder="Business Bank Account">
                            </div>
                            <div class="col-lg-4 col-md-6 mb-4">
                                <input type="text" class="form-control" placeholder="Persoanl Bank Account">
                            </div>
                            <div class="col-lg-4 col-md-6 mb-4">
                                <select class="form-select" aria-label="city-make" required>
                                    <option selected>Select Bank</option>
                                    <option value="1">Bank 1</option>
                                    <option value="2">Bank 2</option>
                                    <option value="3">Bank 3</option>
                                </select>
                            </div>
                            <div class="col-lg-4 col-md-6 mb-4">
                                <input type="text" class="form-control" placeholder="Enter Account Number">
                            </div>
                            <div class="col-lg-4 col-md-6 mb-4">
                                <input type="text" class="form-control" placeholder="Account Full Name">
                            </div>
                            <div class="col-lg-4 col-md-6 mb-4">
                                <input type="text" class="form-control" placeholder="Next Of Kin Full Name">
                            </div>
                            <div class="mb-4">
                                <div class="form-check ps-0">
                                    <input class="form-check-input d-none" type="checkbox" value="" id="Agreement">
                                    <label class="form-check-label d-flex position-relative" for="Agreement">
                                    Check this box to confirm you have read our Registration Agreement
                                    </label>
                                </div>
                            </div>
                        </div>
                        <button type="button" data-bs-toggle="modal" data-bs-target="#applicationsubm" class="w-100 btnMain submitReg">Continue To Verify Email</button>
                    </div>
                    <!-- end of billing details -->
            </form>
        </div>
    </div>
</section>
@endsection