@if (!session()->has('user_data'))
    <script>
        window.location.href = "{{ url('/') }}";
    </script>
@endif
<!DOCTYPE html>
<html lang="zxx">

<head>

    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>The Tireshop</title>
    <meta name="robots" content="index, follow" />
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="shortcut icon" type="image/x-icon" href="{{ url('/') }}/assets/images/logo.png" />
    <link rel="stylesheet" href="{{ asset('order_assets/css/vendor/font-awesome.min.css') }}" />
    <link rel="stylesheet" href="{{ asset('order_assets/css/vendor/Pe-icon-7-stroke.css') }}" />
    <link rel="stylesheet" href="{{ asset('order_assets/css/plugins/animate.min.css') }}">
    <link rel="stylesheet" href="{{ asset('order_assets/css/plugins/jquery-ui.min.css') }}">
    <link rel="stylesheet" href="{{ asset('order_assets/css/plugins/swiper-bundle.min.css') }}">
    <link rel="stylesheet" href="{{ asset('order_assets/css/plugins/nice-select.css') }}">
    <link rel="stylesheet" href="{{ asset('order_assets/css/plugins/magnific-popup.min.css') }}" />
    <link rel="stylesheet" href="{{ asset('order_assets/css/plugins/ion.rangeSlider.min.css') }}" />
    <link rel="stylesheet" href="{{ asset('order_assets/css/style.css') }}">
    <link rel="stylesheet" href="https://cdn.datatables.net/1.13.6/css/jquery.dataTables.min.css">
    <meta name="csrf-token" content="{{ csrf_token() }}">

    <style>.header-middle.py-6.py-lg-0 {
    background: #000;
}
.header-top {
    padding-top: 20px !important;
    padding-bottom: 20px;
}

</style>

</head>
<style>.header-middle.py-6.py-lg-0 {
    background: #000;
}</style>
<body>
    <div class="preloader-activate preloader-active open_tm_preloader">
        <div class="preloader-area-wrap">
            <div class="spinner d-flex justify-content-center align-items-center h-100">
                <div class="bounce1"></div>
                <div class="bounce2"></div>
                <div class="bounce3"></div>
            </div>
        </div>
    </div>
    <div class="main-wrapper">

        <!-- Begin Main Header Area -->
        <header class="main-header-area">
            <div class="header-top ms d-none d-lg-block">
                <div class="container-fluid">
                    <div class="row align-items-center">
                        <div class="col-6">
                            <div class="header-top-left">
                                <ul class="dropdown-wrap text-matterhorn">
                                    <li>
                                        
                                        
                                            <a href="{{ url('/') }}/web-order" class="header-logo">
                                                <img src="{{ url('/') }}/assets/images/logo.png" alt="Header Logo" style="height: 70px;width: 100%;">
                                            </a>
                                        
                                    </li>
                                   
                                   
                                </ul>
                            </div>
                        </div>
                        <div class="col-6">
                            <div class="header-top-right text-matterhorn">
                                @if (session()->has('user_data'))
                                <p class="shipping mb-0"><a href="{{ url('/') }}/return-warranty">Return/Warranty Mechendise authorization</a></p>
                                @endif
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="header-middle py-6 py-lg-0">
                <div class="container">
                    <div class="row align-items-center">
                        <div class="col-lg-12">
                            <div class="header-middle-wrap position-relative">

                               

                                <div class="main-menu d-none d-lg-block">
                                    <nav class="main-nav">
                                        <ul>
                                            <li class="megamenu-holder">
                                                <a href="{{ url('/') }}/web-order">Home
                                                   
                                                </a>
                                            <li class="megamenu-holder">
                                                <a href="{{ url('/') }}/web-order/search-by-vehicle">SEARCH BY VEHICLE
                                                   
                                                </a>
                                               
                                            </li>
                                          <li class="drop-holder">
                                                <a href="{{ url('/') }}/web-order/search-by-tire">SEARCH TIRES 
                                                    
                                                </a></li>
                                                <li>
                                                    <a href="{{ url('/') }}/web-order/search-by-wheels">SEARCH WHEELS </a>
                                                </li>
                                               
                                           
                                            <li class="drop-holder">
                                                <a href="{{ url('/') }}/web-order/search-other">SEARCH OTHER
                                                   
                                                </a>
                                              
                                            </li>
                                            <li>
                                                <a href="{{ url('/') }}/web-order/track-order">TRACK ORDERS </a>
                                            </li>
                                            <li>
                                                <a href="{{ url('/') }}/dealer-logout"> Logout </a>
                                            </li>
                                        </ul>
                                    </nav>
                                </div>
                                <div class="header-right">
                                    <ul>
                                 
                                         <li class="dropdown d-none d-lg-block">
                                            <button class="btn btn-link dropdown-toggle ht-btn p-0" type="button" id="settingButton" data-bs-toggle="dropdown" aria-label="setting" aria-expanded="false">
                                                <i class="pe-7s-user"></i>
                                            </button>
                                            
                                        </li>
                                        <li class="minicart-wrap me-3 me-lg-0">
                                            <a href="{{ url('/') }}/web-order/cart" >
                                                <i class="pe-7s-shopbag"></i>
                                                <span class="quantity text-danger cart_qty">0</span>
                                            </a>
                                        </li>
                                        <li class="mobile-menu_wrap d-block d-lg-none">
                                            <a href="#mobileMenu" class="mobile-menu_btn toolbar-btn pl-0">
                                                <i class="pe-7s-menu"></i>
                                            </a>
   
                                    
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="mobile-menu_wrapper" id="mobileMenu">
                <div class="tromic-offcanvas-body">
                    <div class="inner-body">
                        <div class="tromic-offcanvas-top">
                            <a href="#" class="button-close"><i class="pe-7s-close"></i></a>
                        </div>
                       
                        <div class="offcanvas-menu_area">
                            <nav class="offcanvas-navigation">
                                


                                        <ul class="mobile-menu">

                                            <li class="megamenu-holder">
                                                <a href="{{ url('/') }}/web-order">Home
                                                   
                                                </a>
                                            <li class="megamenu-holder">
                                               <a href="{{ url('/') }}/web-order/search-by-vehicle">SEARCH BY VEHICLE
                                                   
                                                </a>
                                               
                                            </li>
                                          <li class="drop-holder">
                                                <a href="{{ url('/') }}/web-order/search-by-tire">SEARCH TIRES 
                                                    
                                                </a></li>
                                                <li>
                                                   <a href="{{ url('/') }}/web-order/search-by-wheels">SEARCH WHEELS </a>
                                                </li>
                                               
                                           
                                            <li class="drop-holder">
                                                <a href="{{ url('/') }}/web-order/search-other">SEARCH OTHER
                                                   
                                                </a>
                                              
                                            </li>
                                            <li>
                                               <a href="{{ url('/') }}/web-order/track-order">TRACK ORDERS </a>
                                            </li>
                                        </ul>


                                
                            </nav>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModal" aria-hidden="true">
                <div class="modal-dialog modal-fullscreen">
                    <div class="modal-content">
                        <div class="modal-header">
                            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close" data-tippy="Close" data-tippy-inertia="true" data-tippy-animation="shift-away" data-tippy-delay="50" data-tippy-arrow="true" data-tippy-theme="sharpborder">
                            </button>
                        </div>
                        <div class="modal-body">
                            <div class="modal-search">
                                <span class="searchbox-info">Start typing and press Enter to search or ESC to close</span>
                                <form action="#" class="hm-searchbox">
                                    <input type="text" name="Search entire store here..." value="Search entire store here..." onblur="if(this.value==''){this.value='Search entire store here...'}" onfocus="if(this.value=='Search entire store here...'){this.value=''}">
                                    <button class="search-btn" type="submit" aria-label="searchbtn"><i class="pe-7s-search"></i></button>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="offcanvas-minicart_wrapper" id="miniCart">
                <div class="tromic-offcanvas-body">
                    <div class="minicart-content">
                        <div class="minicart-heading">
                            <h4 class="mb-0">Shopping Cart</h4>
                            <a href="#" class="button-close"><i class="pe-7s-close" data-tippy="Close" data-tippy-inertia="true" data-tippy-animation="shift-away" data-tippy-delay="50" data-tippy-arrow="true" data-tippy-theme="sharpborder"></i></a>
                        </div>
                        <ul class="minicart-list">
                            <li class="minicart-product">
                                <a class="product-item_remove" href="#"><i
                                class="pe-7s-trash" data-tippy="Wanna Remove?" data-tippy-inertia="true" data-tippy-animation="shift-away" data-tippy-delay="50" data-tippy-arrow="true" data-tippy-theme="sharpborder"></i></a>
                                <a href="shop.html" class="product-item_img">
                                    <img class="img-full" src="{{ url('/') }}/order_assets/images/product/small-size/1-1-70x70.png" alt="Product Image">
                                </a>
                                <div class="product-item_content">
                                    <a class="product-item_title" href="shop.html">Tail Light</a>
                                    <span class="product-item_quantity">1 x $80.00</span>
                                </div>
                            </li>
                            <li class="minicart-product">
                                <a class="product-item_remove" href="#"><i
                                class="pe-7s-trash" data-tippy="Wanna Remove?" data-tippy-inertia="true" data-tippy-animation="shift-away" data-tippy-delay="50" data-tippy-arrow="true" data-tippy-theme="sharpborder"></i></a>
                                <a href="shop.html" class="product-item_img">
                                    <img class="img-full" src="{{ url('/') }}/order_assets/images/product/small-size/1-2-70x70.png" alt="Product Image">
                                </a>
                                <div class="product-item_content">
                                    <a class="product-item_title" href="shop.html">Wiper Blades</a>
                                    <span class="product-item_quantity">1 x $80.00</span>
                                </div>
                            </li>
                            <li class="minicart-product">
                                <a class="product-item_remove" href="#">
                                    <i class="pe-7s-trash" data-tippy="Wanna Remove?" data-tippy-inertia="true" data-tippy-animation="shift-away" data-tippy-delay="50" data-tippy-arrow="true" data-tippy-theme="sharpborder"></i>
                                </a>
                                <a href="shop.html" class="product-item_img">
                                    <img class="img-full" src="{{ url('/') }}/order_assets/images/product/small-size/1-3-70x70.png" alt="Product Image">
                                </a>
                                <div class="product-item_content">
                                    <a class="product-item_title" href="shop.html">Suspension</a>
                                    <span class="product-item_quantity">1 x $80.00</span>
                                </div>
                            </li>
                            <li class="minicart-product">
                                <a class="product-item_remove" href="#">
                                    <i class="pe-7s-trash" data-tippy="Wanna Remove?" data-tippy-inertia="true" data-tippy-animation="shift-away" data-tippy-delay="50" data-tippy-arrow="true" data-tippy-theme="sharpborder"></i>
                                </a>
                                <a href="shop.html" class="product-item_img">
                                    <img class="img-full" src="{{ url('/') }}/order_assets/images/product/small-size/1-4-70x70.png" alt="Product Image">
                                </a>
                                <div class="product-item_content">
                                    <a class="product-item_title" href="shop.html">Air Filter</a>
                                    <span class="product-item_quantity">1 x $80.00</span>
                                </div>
                            </li>
                            <li class="minicart-product">
                                <a class="product-item_remove" href="#">
                                    <i class="pe-7s-trash" data-tippy="Wanna Remove?" data-tippy-inertia="true" data-tippy-animation="shift-away" data-tippy-delay="50" data-tippy-arrow="true" data-tippy-theme="sharpborder"></i>
                                </a>
                                <a href="shop.html" class="product-item_img">
                                    <img class="img-full" src="{{ url('/') }}/order_assets/images/product/small-size/1-5-70x70.png" alt="Product Image">
                                </a>
                                <div class="product-item_content">
                                    <a class="product-item_title" href="shop.html">Car Brakes</a>
                                    <span class="product-item_quantity">1 x $80.00</span>
                                </div>
                            </li>
                        </ul>
                    </div>
                    <div class="minicart-item_total">
                        <span>Subtotal</span>
                        <span class="ammount">$240.00</span>
                    </div>
                    <div class="group-btn_wrap d-grid gap-2">
                        <a href="cart.html" class="btn btn-dark btn-primary-hover">View Cart</a>
                        <a href="checkout.html" class="btn btn-dark btn-primary-hover">Checkout</a>
                    </div>
                </div>
            </div>
            <div class="global-overlay"></div>
        </header>
        <!-- Main Header Area End Here -->