<div class="nav-header">
    <a href="index-2.html" class="brand-logo">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 4.670000076293945 35.66999816894531 11.15999984741211" data-asc="1.101"><g fill="#03776a"><g fill="#03776a" transform="translate(0, 0)"><path d="M7.44 5.08Q7.54 7.21 7.61 10.07Q7.68 12.93 7.68 15.09Q6.97 15.09 6.20 15.03Q5.43 14.96 5.10 14.86Q5.10 14.01 5.08 12.88Q5.07 11.75 5.06 10.59Q4.42 10.61 3.86 10.64Q3.30 10.67 2.81 10.74Q2.80 11.39 2.79 12.11Q2.78 12.83 2.78 14.00Q2.44 14.10 1.75 14.18Q1.05 14.26 0.49 14.26Q0.22 10.95 0.11 8.92Q0.00 6.89 0.00 5.47Q0.31 5.26 0.78 5.15Q1.25 5.03 1.74 5.03Q2.11 5.03 2.41 5.07Q2.70 5.11 3.00 5.19Q2.95 5.77 2.91 6.69Q2.87 7.62 2.85 8.76Q3.42 8.67 3.95 8.61Q4.49 8.55 5.02 8.54Q4.99 7.41 4.94 6.44Q4.89 5.47 4.84 4.82Q5.15 4.74 5.41 4.71Q5.68 4.67 5.97 4.67Q6.38 4.67 6.77 4.78Q7.16 4.89 7.44 5.08ZM11.86 7.47Q11.86 9.24 11.78 11.17Q11.70 13.10 11.57 14.47Q11.21 14.57 10.58 14.65Q9.95 14.73 9.41 14.73Q9.41 12.01 9.29 9.79Q9.18 7.57 8.94 5.80Q9.26 5.59 9.68 5.47Q10.10 5.36 10.57 5.36Q10.92 5.36 11.20 5.39Q11.48 5.42 11.82 5.51Q11.83 5.91 11.84 6.42Q11.86 6.92 11.86 7.47ZM21.36 15.03Q20.90 15.33 20.27 15.53Q19.64 15.73 18.77 15.83Q18.69 15.05 18.56 14.20Q18.42 13.35 18.21 12.47Q17.38 12.48 16.72 12.52Q16.05 12.56 15.47 12.64Q15.26 13.22 15.04 13.75Q14.82 14.29 14.60 14.73Q13.96 14.62 13.40 14.32Q12.83 14.01 12.51 13.60Q13.51 11.74 14.25 9.85Q14.99 7.96 15.80 5.08Q16.43 5.08 16.95 5.14Q17.46 5.20 18.08 5.36Q19.21 7.15 20.05 9.62Q20.88 12.09 21.36 15.03M16.87 8.06Q16.71 8.70 16.50 9.41Q16.29 10.13 16.05 10.87Q16.50 10.80 16.92 10.76Q17.34 10.72 17.77 10.71Q17.55 9.98 17.33 9.32Q17.11 8.66 16.87 8.06ZM25.77 14.69Q25.51 14.81 25.15 14.87Q24.79 14.94 24.38 14.94Q24.12 14.94 23.94 14.92Q23.76 14.90 23.59 14.85Q23.57 14.66 23.56 14.42Q23.56 14.18 23.56 13.66Q23.56 12.75 23.68 11.54Q23.80 10.32 24.05 8.88Q24.02 8.89 23.60 9.18Q23.18 9.46 22.91 9.62Q22.44 9.27 22.08 8.79Q21.72 8.31 21.49 7.71Q22.68 7.18 23.78 6.55Q24.87 5.91 25.83 5.20Q26.30 5.36 26.69 5.60Q27.08 5.85 27.38 6.19Q26.91 7.40 26.44 9.83Q25.96 12.27 25.77 14.69ZM28.15 10.50Q28.15 8.33 29.35 6.95Q30.56 5.56 32.47 5.56Q34.01 5.56 34.84 6.48Q35.67 7.40 35.67 9.09Q35.67 10.05 35.39 11.04Q35.11 12.04 34.61 12.79Q34.02 13.68 33.19 14.12Q32.36 14.57 31.32 14.57Q29.81 14.57 28.98 13.47Q28.15 12.38 28.15 10.50M32.96 9.80Q32.96 8.53 32.72 7.89Q32.49 7.25 32.02 7.25Q31.47 7.25 31.14 8.04Q30.81 8.83 30.81 10.14Q30.81 11.30 31.10 12.09Q31.40 12.88 31.88 12.88Q32.38 12.88 32.67 12.02Q32.96 11.17 32.96 9.80Z"/></g><g fill="#03776a" transform="translate(0, 14.40582)"><path d=""/></g></g></svg>
    </a>

    <div class="nav-control">
        <div class="hamburger">
            <span class="line"></span><span class="line"></span><span class="line"></span>
        </div>
    </div>
</div>

<div class="header">
    <div class="header-content">
        <nav class="navbar navbar-expand">
            <div class="collapse navbar-collapse justify-content-between">
                <div class="header-left">
                    <div class="dashboard_bar">
                        {{ $pagename }}
                    </div>
                </div>
                <ul class="navbar-nav header-right">
                    <li class="nav-item">
                        <div class="input-group search-area ms-auto d-inline-flex">
                            <input type="text" class="form-control" placeholder="Search here">
                            <div class="input-group-append">
                                <button type="button" class="input-group-text"><i class="flaticon-381-search-2"></i></button>
                            </div>
                        </div>
                    </li>
                    <li class="nav-item dropdown notification_dropdown">
                        <a class="nav-link bell dz-theme-mode" href="javascript:void(0);">
                            <i id="icon-light" class="far fa-sun"></i>
                            <i id="icon-dark" class="far fa-moon"></i>
                        </a>
                    </li>
                    <li class="nav-item dropdown header-profile">
                        <a class="nav-link"  href="javascript:void(0);" role="button" data-bs-toggle="dropdown">
                            <img src="{{ asset('asset/images/user.png') }}" width="20" alt="">

                            <div class="header-info">
                                <span>{{ explode(' ',auth()->user()->name)[0] }}<i class="fa fa-caret-down ms-3" aria-hidden="true"></i></span>
                            </div>
                        </a>
                        <div class="dropdown-menu dropdown-menu-end">
                            <a href="{{ route('auth.logout') }}" class="dropdown-item ai-icon">
                                <svg id="icon-logout" xmlns="http://www.w3.org/2000/svg" class="text-danger" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"></path><polyline points="16 17 21 12 16 7"></polyline><line x1="21" y1="12" x2="9" y2="12"></line></svg>
                                <span class="ms-2">Logout </span>
                            </a>
                        </div>
                    </li>
                </ul>
            </div>
        </nav>
    </div>
</div>

<div class="deznav">
    <div class="deznav-scroll">
        <ul class="metismenu" id="menu">
            <li>
                <a class="has-arrow ai-icon"  href="javascript:void(0);" aria-expanded="false">
                    <i class="flaticon-layout"></i>
                    <span class="nav-text">Dashboard</span>
                </a>
                <ul aria-expanded="false">
                    <li><a href="{{ route('admin.dashboard') }}">Main</a></li>
                </ul>
            </li>
            <li>
                <a class="has-arrow ai-icon" href="javascript:void(0);" aria-expanded="false">
                    <i class="flaticon-381-id-card"></i>
                    <span class="nav-text">Tickets</span>
                </a>
                <ul aria-expanded="false">
                    <li><a href="{{ route('admin.tickets.sales.report') }}">Sales Report</a></li>
                    <li><a href="{{ route('admin.tickets.validate') }}">Validation</a></li>
                </ul>
            </li>
            <li><a href="{{ route('admin.users.index') }}" class="ai-icon" aria-expanded="false">
                    <i class="flaticon-user"></i>
                    <span class="nav-text">Users</span>
                </a>
            </li>
        </ul>

    </div>
</div>
