<div id="app">
    <div id="sidebar" class="active">
        <div class="sidebar-wrapper active">
            <div class="sidebar-header">
                <div class="d-flex justify-content-between">
                    <div class="logo">
                       <!--  <h3>SWIFTNET</h3> -->
                        <a href="{{url('/dashboard')}}"><img src="{{url('/assets/images/logo/logo_black.png')}}" width="150" height="100" alt="Logo" srcset=""></a>
                    </div>
                    <div class="toggler">
                        <a href="#" class="sidebar-hide d-xl-none d-block"><i class="bi bi-x bi-middle"></i></a>
                    </div>
                </div>
            </div>
            <div class="sidebar-menu">
                <ul class="menu">

                    <li class="sidebar-item active ">
                        <a href="{{url('/dashboard')}}" class='sidebar-link'>
                            <i class="fa fa-hashtag" aria-hidden="true"></i>
                            <span>Dashboard</span>
                        </a>
                    </li>
                    <hr>

                     @if(Auth::user()->role ==2)
                        <li class="sidebar-item ">
                            <a href="{{url('payments')}}" class='sidebar-link'>
                                <i class="fa fa-money" aria-hidden="true"></i>
                                <span>My Payments</span>
                            </a>
                        </li>
                    <hr>
                        <li class="sidebar-item ">
                             <a href="{{url('tickets')}}" class='sidebar-link'>
                            <i class="fa fa-ticket" aria-hidden="true"></i>

                            <span>Tickets</span>
                        </a>
                        </li>
                        <hr>
                     @endif

                    @if(Auth::user()->role == 3)
             
                        <li class="sidebar-item ">
                            <a href="{{url('tickets')}}" class='sidebar-link'>
                                <i class="fa fa-ticket" aria-hidden="true"></i>

                                <span>Tickets</span>
                            </a>
                        </li>
                        <hr>
                        <li class="sidebar-item ">
                            <a href="{{url('admin/ppoe/users')}}" class='sidebar-link'>
                                <i class="fa fa-users" aria-hidden="true"></i>

                                <span>Users</span>
                            </a>
                        </li>
                         <hr>
                        @endif


                        @if(Auth::user()->role ==1)
                    
                    <li class="sidebar-item  has-sub">
                        <a href="#" class='sidebar-link'>
                            <i class="fa fa-users" aria-hidden="true"></i>
                            <span>User Management</span>
                        </a>
                         <hr>

                        <ul class="submenu">
                           
                            <li class="submenu-item ">
                                <a href="{{url('users')}}">All Users</a>
                            </li>
                            <hr>
                            <li class="submenu-item ">
                                <a href="{{url('hotspot/users')}}">Hotspot Users</a>
                            </li>
                            <hr>
                            <li class="submenu-item ">
                                <a href="{{url('admin/ppoe/users')}}">PPOE Users</a>
                            </li>
                            <hr>

                        </ul>
                    </li>

                    <li class="sidebar-item  has-sub">
                        <a href="#" class='sidebar-link'>
                            <i class="fa fa-wifi" aria-hidden="true"></i>
                            <span>Packages</span>
                        </a>
                         <hr>
                        <ul class="submenu ">
                            
                            <li class="submenu-item ">
                                <a href="{{url('packages/hotspot')}}">Hostpot Packages</a>
                            </li>
                            <hr>
                            <li class="submenu-item ">
                                <a href="{{url('packages/ppoe')}}">PPOE Packages</a>
                            </li>
                             <hr>
                        </ul>
                        
                    </li>
                        <li class="sidebar-item  has-sub">
                            <a href="#" class='sidebar-link'>
                                <i class="fa fa-money" aria-hidden="true"></i>
                                <span>Financials</span>
                            </a>
                            <hr>
                            <ul class="submenu ">

                                 <li class="submenu-item ">
                                    <a href="{{url('admin/expenses')}}">Expenses</a>
                                </li>
                                <hr>
                                
                                <li class="submenu-item ">
                                    <a href="{{url('admin/invoices')}}">Invoices</a>
                                </li>
                                <hr>
                                <li class="submenu-item ">
                                    <a href="{{url('/payments')}}">Payments</a>
                                </li>
                                <hr>
                            </ul>
                        </li>
                    <li class="sidebar-item ">
                        <a href="{{url('sms')}}" class='sidebar-link'>
                            <i class="fa fa-comments" aria-hidden="true"></i>
                            <span>Sms</span>
                        </a>
                    </li>
                   <!--  <li class="sidebar-item  has-sub">
                        <a href="#" class='sidebar-link'>
                            <i class="bi bi-collection-fill"></i>
                            <span>Administration</span>
                        </a>
                        <ul class="submenu ">
                            <li class="submenu-item ">
                                <a href="">System Logs</a>
                            </li>
                            <li class="submenu-item ">
                                <a href="">Mikrotik Devices</a>
                            </li>
                        </ul>
                    </li> -->
                    <hr>
                    <li class="sidebar-item ">
                        <a href="{{url('tickets')}}" class='sidebar-link'>
                            <i class="fa fa-ticket" aria-hidden="true"></i>

                            <span>Tickets</span>
                        </a>
                    </li>
                    <hr>
                    <li class="sidebar-item ">
                        <a href="{{url('admin/regions')}}" class='sidebar-link'>
                           <i class="fa fa-map-marker" aria-hidden="true"></i>

                            <span>Regions</span>
                        </a>
                    </li>
                    <hr>
                    <li class="sidebar-item ">
                        <a href="{{url('admin/team/support')}}" class='sidebar-link'>
                           <i class="fa fa-male" aria-hidden="true"></i>


                            <span>Technicians</span>
                        </a>
                    </li>
                    <hr>
                     <li class="sidebar-item  has-sub">
                            <a href="#" class='sidebar-link'>
<i class="fa fa-line-chart" aria-hidden="true"></i>
                                <span>Reports</span>
                            </a>
                             <hr>
                            <ul class="submenu ">
                                

                                 <li class="submenu-item ">
                                    <a href="{{url('admin/expenses_reports/daily')}}">Daily Expenses</a>
                                </li>
                                <hr>
                                 <li class="submenu-item ">
                                    <a href="{{url('admin/expenses_reports/weekly')}}">Weekly Expenses</a>
                                </li>
                                 <hr>
                                <li class="submenu-item ">
                                    <a href="{{url('admin/expenses_reports/monthly')}}">Monthly Expenses</a>
                                </li>
                                 <hr>
                                <li class="submenu-item ">
                                    <a href="{{url('admin/expenses_reports/custom')}}">Custom Date</a>
                                </li>
                                 <hr>

                                
                                  <li class="submenu-item ">
                                    <a href="{{url('admin/sales_reports/daily')}}">Daily Revenue</a>
                                </li>
                                 <hr>
                                 <li class="submenu-item ">
                                    <a href="{{url('admin/sales_reports/weekly')}}">Weekly Revenue</a>
                                </li>
                                 <hr>
                                <li class="submenu-item ">
                                    <a href="{{url('admin/sales_reports/monthly')}}">Monthly Revenue</a>
                                </li>
                                 <hr>
                                <li class="submenu-item ">
                                    <a href="{{url('admin/sales_reports/custom')}}">Filter By Date</a>
                                </li>
                                 <hr>
                                 <li class="submenu-item ">
                                    <a href="{{url('admin/profit_reports/custom')}}">Profits</a>
                                </li>
                                 <hr>
                                
                            </ul>
                        </li>
                       
                    <li class="sidebar-item ">
                        <a href="{{url('admin/settings')}}" class='sidebar-link'>
                            <i class="fa fa-cog" aria-hidden="true"></i>
                            <span>Settings</span>
                        </a>
                    </li>
                    <hr>
                            @endif
                             <li class="sidebar-item ">
                        <a href="{{url('update/profile')}}" class='sidebar-link'>
                            <i class="fa fa-edit" aria-hidden="true"></i>

                            <span>Update Profile</span>
                        </a>
                    </li>
                    <hr>
                    <li class="sidebar-item ">
                        <a href="{{url('auth/logout')}}" class='sidebar-link'>
                            <i class="fa fa-sign-out" aria-hidden="true" style="color: #d1342c;"></i>

                            <span>Logout</span>
                        </a>
                    </li>
                    <hr>


                </ul>
            </div>
            <button class="sidebar-toggler btn x"><i data-feather="x"></i></button>
        </div>
    </div>
