<header class="header">
    @include($activeTemplate . 'partials.top_header')
    <div class="header__bottom">
        <div class="container">
            <nav class="navbar navbar-expand-xl p-0 align-items-center">
                <a class="site-logo site-title" href="{{ route('home') }}"><img
                        src="{{ getImage('assets/images/logo_icon/logo.png') }}" alt="site-logo"></a>
                <button class="navbar-toggler" type="button" data-bs-toggle="collapse"
                    data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
                    aria-expanded="false" aria-label="@lang('Toggle navigation')">
                    <div class="navbar-toggler__icon">
                        <i class="las la-bars"></i>
                    </div>
                </button>
                <div class="collapse navbar-collapse justify-content-end" id="navbarSupportedContent">
                    <ul class="navbar-nav main-menu ml-auto">
                        <li><a href="{{ route('user.home') }}"
                                class="{{ menuActive('user.home') }}">@lang('Dashboard')</a></li>
                        <li class="menu_has_children"><a href="#0"
                                class="{{ menuActive(['plans', 'user.invest.log']) }}">@lang('Invest')</a>
                            <ul class="sub-menu">
                                <li><a href="{{ route('plans') }}">@lang('Plans')</a></li>
                                <li><a href="{{ route('user.invest.log') }}">@lang('History')</a></li>
                            </ul>
                        </li>

                        <li class="menu_has_children"><a href="#0"
                                class="{{ menuActive(['user.deposit.index', 'user.deposit.history']) }}">@lang('Deposit')</a>
                            <ul class="sub-menu">
                                <li><a href="{{ route('user.deposit.index') }}">@lang('Deposit Money')</a></li>
                                <li><a href="{{ route('user.deposit.history') }}">@lang('Deposit Log')</a></li>
                            </ul>
                        </li>
                        <li class="menu_has_children"><a href="#0"
                                class="{{ menuActive(['user.withdraw', 'user.withdraw.history']) }}">@lang('Withdraw')</a>
                            <ul class="sub-menu">
                                <li><a href="{{ route('user.withdraw') }}">@lang('Withdraw Money')</a></li>
                                <li><a href="{{ route('user.withdraw.history') }}">@lang('Withdraw Log')</a></li>
                            </ul>
                        </li>
                        <li class="nav-item">
                            <a class="{{ menuActive('user.transactions') }}"
                                href="{{ route('user.transactions') }}">@lang('Transactions')</a>
                        </li>
                        <li><a class="{{ menuActive('user.referrals') }}"
                                href="{{ route('user.referrals') }}">@lang('Referrals')</a></li>
                        <li class="menu_has_children"><a href="#0"
                                class="{{ menuActive(['ticket.open', 'ticket.index']) }}">@lang('Support Ticket')</a>
                            <ul class="sub-menu">
                                <li><a href="{{ route('ticket.open') }}">@lang('Create New')</a></li>
                                <li><a href="{{ route('ticket.index') }}">@lang('My Ticket')</a></li>
                            </ul>
                        </li>
                        <li class="menu_has_children">
                            <a href="#0"
                                class="{{ menuActive(['user.change.password', 'user.profile.setting', 'user.twofactor', 'user.logout']) }}">{{ auth()->user()->fullname ?? auth()->user()->username }}</a>
                            <ul class="sub-menu">
                                <li><a href="{{ route('user.profile.setting') }}">@lang('Profile Setting')</a></li>
                                <li><a href="{{ route('user.change.password') }}">@lang('Change Password')</a></li>
                                <li><a href="{{ route('user.twofactor') }}">@lang('2FA Security')</a></li>
                                <li><a href="{{ route('user.logout') }}">@lang('Logout')</a></li>
                            </ul>
                        </li>

                    </ul>
                </div>
            </nav>
        </div>
    </div><!-- header__bottom end -->
</header>
