<?php echo $__env->make('includes.order_header', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>
<style>
    .cursor{
        cursor: pointer;
    }
    .widgets-searchbox-btn{
        top: 68%;
        font-size: 24px;
    }
.nav-tabs>li:hover {
    background: #a70a0a !important;
}
.nav-tabs>li {
    float: left;
    margin-bottom: -1px;
    padding: 15px;
}
.footer-bottom.bg-midnight-express.py-3 {
    height: auto !important;
}

</style>
<!-- Begin Main Content Area -->
<main class="main-content mb-10">
    <div class="breadcrumb-area breadcrumb-height" data-bg-image="<?php echo e(url('/')); ?>/order_assets/images/breadcrumb/bg/1-1-1920x400.jpg">
        <div class="container h-100">
            <div class="row h-100">
                <div class="col-lg-12">
                    <div class="breadcrumb-item text-night-rider">
                        <h2 class="breadcrumb-heading">
                            SEARCH BY VEHICLE</h2>
                        <ul>
                            <li>
                                <a href="#">Home /</a>
                            </li>
                            <li>
                                SEARCH BY VEHICLE</li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="shop-area section-space-y-axis-10 bg-midnight-express">
        <div class="container">
            <div class="row">
                <div class="col-xl-4 col-lg-4 order-lg-1 order-2 pt-0 pt-lg-0">
                    <div class="widgets-area mb-0 py-2 text-right">
                        <h4 class="title mb-0">Vehicle Search</h4>
                    </div>
                </div>
                <div class="col-xl-4 col-lg-4 order-lg-1 order-2 pt-0 pt-lg-0">
                    <div class="sidebar-area style-2">
                        <div class="widgets-searchbox widgets-area py-1 mb-0 pt-5">
                            <form id="widgets-searchbox" action="#">
                                <input class="input-field" id="inputsearch" type="text" placeholder="Search">
                                <button class="widgets-searchbox-btn" type="button" onclick="vehicle_product_search_by_search_key();">
                                    <i class="pe-7s-search"></i>
                                </button>
                            </form>
                        </div>
                    </div>
                </div>
                <div class="col-xl-4 col-lg-4 order-lg-1 order-2 pt-0 pt-lg-0 px-0">
                    <div class="widgets-searchbox widgets-area mb-0 pt-5">

                        <h4 class="title mb-0">IMPORTANT NOTICE REGARDING TIRE GUIDE DATA</h4>

                    </div>

                </div>

            </div>
            <div class="row bg-dark py-0">

                <ul class="nav nav-tabs">
                    <li class="col-3 text-center bg-dark text-white border-end p-3"><a data-toggle="tab"
                    id="year_tab">Select Year</a></li>
                    <li class="col-3 text-center bg-dark text-white border-end p-3" ><a data-toggle="tab"
                    id="brand_tab">Select Make</a></li>
                    <li class="col-3 text-center bg-dark text-white border-end p-3"><a data-toggle="tab"
                    id="model_tab">Select Model</a></li>
                    <li class="col-3 text-center bg-dark text-white border-end p-3"><a data-toggle="tab"
                    id="variant_tab">Select Variant</a></li>
                </ul>
            </div>

            <div class="tab-content">
                <div id="year_content" class="tab-pane tablist active">
                    <div class="row " style="margin-left: 1em;margin-right: 0em;">
                        <?php for($year = date('Y'); $year >= date('Y') - 30; $year--): ?>
                        <div class="col-sm-1 cursor bg-white text-center py-2 my-2 ms-0" style="margin-right:18px; "><a onclick="get_all_brand(<?php echo e($year); ?>);"><?php echo e($year); ?></a></div>
                        <?php endfor; ?>
                    </div>
                </div>
                <div id="brand_content" class="tab-pane tablist">
                    <div class="row mt-2" id="brand_data">
                        
                    </div>
                </div>
                <div id="model_content" class="tab-pane tablist">
                    <div class="row" id="model_data">

                    </div>
                </div>
                <div id="variant_content" class="tab-pane tablist">
                    <div class="row" id="variant_data">

                    </div>
                </div>
                <div id="variant_summary_content" class="tab-pane tablist">
                    <div class="row" id="variant_summary_data">

                    </div>
                </div>
                <div id="variant_product_list" class="tab-pane">
                    <div class="row" id="variant_product_data">

                    </div>
                </div>
            </div>
</main>
<!-- Main Content Area End Here -->
<?php echo $__env->make('includes.order_footer', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>
<script>
    $( document ).ready(function() {
        get_cart_count();
    });
</script><?php /**PATH C:\xampp\htdocs\thetireshop\resources\views/order/search_by_vehicle.blade.php ENDPATH**/ ?>