
                

                <!-- Navigation Links -->

                <div class="topnav" style="position: relative !important;">
                <div class="container-fluid">
                    
                    <nav class="navbar navbar-light navbar-expand-lg topnav-menu">
                        <a class="navbar-brand" href="#">Taxi App</a>
                        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#topnav-menu-content" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                        <span class="navbar-toggler-icon"></span>
                      </button>
                        <div class="collapse navbar-collapse" id="topnav-menu-content">
                            <ul class="navbar-nav">

                                <li class="nav-item dropdown">
                                    <a class="nav-link dropdown-toggle arrow-none" href="{{ route('dashboard') }}" id="topnav-dashboard" role="button">
                                        <i class="fas fa-tachometer"></i>&nbsp;<span data-key="t-dashboard">Dispatch</span>
                                    </a>
                                </li>
                                <li class="nav-item dropdown">
                                    <a class="nav-link dropdown-toggle arrow-none" href="index.html" id="topnav-dashboard" role="button">
                                        <i class=" far fa-bookmark"></i>&nbsp;<span data-key="t-dashboard">Bookings</span>
                                    </a>
                                </li>
                                <li class="nav-item dropdown">
                                    <a class="nav-link dropdown-toggle arrow-none" href="#" id="topnav-pages" role="button">
                                        <i data-feather="grid"></i><span data-key="t-apps"><i class="fas fa-taxi"></i>&nbsp;<span data-key="t-apps">Setup Cab Office</span></span> <div class="arrow-down"></div>
                                    </a>
                                    <div class="dropdown-menu" aria-labelledby="topnav-pages">

                                        <div class="dropdown">
                                            <a href="apps-calendar.html" class="dropdown-item" data-key="t-calendar">Main Operatore</a>
                                            <a href="{{route('accounts')}}" class="dropdown-item" data-key="t-chat">Account Customer</a>
                                            <a href="{{route('drivers')}}" class="dropdown-item" data-key="t-chat">Drivers</a>
                                            <a href="{{route('vehicles')}}" class="dropdown-item" data-key="t-chat">Vehicles</a>
                                            <a href="{{route('customers')}}" class="dropdown-item" data-key="t-chat">Customers</a>
                                            
                                        </div>
                                        <div class="dropdown">
                                            
                                            <a class="dropdown-item dropdown-toggle arrow-none" href="{{route('settings')}}" id="topnav-contact"
                                                role="button">
                                                <span data-key="t-contacts">Settings</span> <div class="arrow-down"></div>
                                            </a>
                                            <div class="dropdown-menu" aria-labelledby="topnav-contact">
                                                <a href="{{route('fixedroutes')}}" class="dropdown-item" data-key="t-user-grid">Routes</a>
                                                
                                            </div>
                                        </div>
                                    </div>
                                </li>
                                

                                <li class="nav-item dropdown">
                                    <a class="nav-link dropdown-toggle arrow-none" href="#" id="topnav-pages" role="button">
                                        <i class="fa fa-file"></i> &nbsp;<span data-key="t-apps">Reports</span> <div class="arrow-down"></div>
                                    </a>
                                    <div class="dropdown-menu" aria-labelledby="topnav-pages">



                                        <a href="apps-calendar.html" class="dropdown-item" data-key="t-calendar">Calendar</a>
                                        <a href="apps-chat.html" class="dropdown-item" data-key="t-chat">Chat</a>
                              
                                    </div>
                                </li>

                                <li class="nav-item dropdown">
                                    <a class="nav-link dropdown-toggle arrow-none" href="#" id="topnav-components" role="button">
                                        <i class="far fa-comment-alt"></i>&nbsp;<span data-key="t-components">Messages</span> <div class="arrow-down"></div>
                                    </a>
                                    
                                </li>

                                
                                <li class="nav-item dropdown">
                                    <a class="nav-link dropdown-toggle arrow-none" href="#" id="topnav-more" role="button">
                                        <i class="fas fa-users"></i>&nbsp;<span data-key="t-extra-pages">Driver Options</span> <div class="arrow-down"></div>
                                    </a>
                                    
                                </li>
                                <li class="nav-item">
                                   <a class="nav-link dropdown-toggle arrow-none" href="index.html" id="topnav-dashboard" role="button">
                                        
                                    </a>
                                </li>
                                <li class="nav-item">
                                    <span class="nav-link arrow-none" id="topnav-dashboard" role="button">
                                        <?php $date = date('H:i:s', time());  ?>
                                        <i class="fa fa-watch"></i>&nbsp;<span data-key="t-dashboard">{{$date}}</span>
                                    </span>
                                </li>    
                                

                            </ul>
                            <!-- <ul class="nav navbar-nav navbar-right">
                                <li>
                                    <form method="POST" action="{{ route('logout') }}">
                                    @csrf
                                        <a href="route('logout')"
                                        onclick="event.preventDefault();
                                        this.closest('form').submit();" style="    color: #4E4E4E !important;font-weight: 600 !important;font-family: inter !important;font-size: 14px;"><span class="fa fa-user"></span> Logout
                                        </a>
                                    </form>
                                </li>
      
                            </ul> -->
                        </div>
                        

                    <div class="d-flex">

                        <div class="dropdown d-inline-block" style="color: #4E4E4E !important;font-weight: 600 !important;">
                            <ul class="nav navbar-nav navbar-right">
                                <li>
                                    <form method="POST" action="{{ route('logout') }}">
                                    @csrf
                                        <a href="route('logout')"
                                        onclick="event.preventDefault();
                                        this.closest('form').submit();" style="    color: #4E4E4E !important;font-weight: 600 !important;font-family: inter !important;font-size: 14px;"><span class="fa fa-user"></span> Logout
                                        </a>
                                    </form>
                                </li>
      
                            </ul>
                            
                        </div>
            
                    </div>

                </nav>




            </div>
        </div>

                
