    <style>
        .app-brand {
            background: transparent;
            margin: 0 !important;
            padding-right: 0.875rem !important;
            padding-left: 1.3rem !important;
            margin-bottom: 1.2rem !important;
            height: 80px !important;
        }
    </style>
    <aside id="layout-menu" class="layout-menu menu-vertical menu bg-menu-theme">
        <div class="app-brand demo">
            <a href="" class="app-brand-link">
                {{-- <img src="{{ asset(general()->logo) }}" width="55%" /> --}}
            </a>

            <a href="javascript:void(0);" class="layout-menu-toggle menu-link text-large ms-auto">
                <i class="ti menu-toggle-icon d-none d-xl-block ti-sm align-middle"></i>
                <i class="icon-base ti tabler-x d-block d-xl-none"></i>
            </a>
        </div>

        <div class="menu-inner-shadow"></div>

        <ul class="menu-inner">
            @can('view profile')
                <li class="menu-item {{ menuActive('dashboard') }}">
                    <a href="{{ route('dashboard') }}" class="menu-link">
                        <i class="menu-icon icon-base ti tabler-smart-home"></i>
                        <div data-i18n="Dashboard">Dashboard</div>
                    </a>
                </li>
            @endcan

            @can('view categories')
                <li class="menu-item {{ menuActive('admin.categories.index') }}">
                    <a href="{{ route('admin.categories.index') }}" class="menu-link">
                        <i class="menu-icon icon-base ti tabler-settings"></i>
                        <div data-i18n="Categories">Categories</div>
                    </a>
                </li>
            @endcan

             @can('view services')
                <li class="menu-item {{ menuActive('admin.services.index') }}">
                    <a href="{{ route('admin.services.index') }}" class="menu-link">
                        <i class="menu-icon icon-base ti tabler-apps"></i>
                        <div data-i18n="Services">Services</div>
                    </a>
                </li>
            @endcan

            @can('view plans')
                <li class="menu-item {{ menuActive('admin.service-plans.index') }}">
                    <a href="{{ route('admin.service-plans.index') }}" class="menu-link">
                        <i class="menu-icon icon-base ti tabler-list-details"></i>
                        <div data-i18n="Plans">Plans</div>
                    </a>
                </li>
            @endcan

           

          
            @can('view subscription')
                <li class="menu-item {{ menuActive(['subscriptions.*', 'admin.shared-subscriptions.*']) }}">
                    <a href="{{ route('admin.shared-subscriptions.index') }}" class="menu-link">
                        <i class="menu-icon icon-base ti tabler-device-tv"></i>
                        <div data-i18n="Marketplace">Marketplace</div>
                    </a>
                </li>

                <li class="menu-item {{ menuActive('dashboard.my-subscriptions') }}">
                    <a href="{{ route('dashboard.my-subscriptions') }}" class="menu-link">
                        <i class="menu-icon icon-base ti tabler-users-group"></i>
                        <div data-i18n="My Subscriptions">My Subscriptions</div>
                    </a>
                </li>     

                <li class="menu-item {{ menuActive('dashboard.my-shared-subscriptions') }}">
                    <a href="{{ route('dashboard.my-shared-subscriptions') }}" class="menu-link">
                        <i class="menu-icon icon-base ti tabler-share"></i>
                        <div data-i18n="My Shared">My Shared</div>
                    </a>
                </li>
            @endcan

            @can('create subscription')
                <li class="menu-item {{ menuActive('subscriptions.create') }}">
                    <a href="{{ route('subscriptions.create') }}" class="menu-link">
                        <i class="menu-icon icon-base ti tabler-plus"></i>
                        <div data-i18n="Share Subscription">Share Subscription</div>
                    </a>
                </li>
            @endcan

            <!--@can('view wallet')-->
            <!--    <li class="menu-item {{ menuActive('wallet.index') }}">-->
            <!--        <a href="{{ route('wallet.index') }}" class="menu-link">-->
            <!--            <i class="menu-icon icon-base ti tabler-wallet"></i>-->
            <!--            <div data-i18n="Wallet">Wallet</div>-->
            <!--        </a>-->
            <!--    </li>-->
            <!--@endcan-->

            <!--@can('request payout')-->
            <!--    <li class="menu-item {{ menuActive('payout-requests.index') }}">-->
            <!--        <a href="{{ route('payout-requests.index') }}" class="menu-link">-->
            <!--            <i class="menu-icon icon-base ti tabler-cash"></i>-->
            <!--            <div data-i18n="Payout Requests">Payout Requests</div>-->
            <!--        </a>-->
            <!--    </li>-->
            <!--@endcan-->

            <!--@can('view message')-->
            <!--    <li class="menu-item {{ menuActive('messages.index') }}">-->
            <!--        <a href="{{ route('messages.index') }}" class="menu-link">-->
            <!--            <i class="menu-icon icon-base ti tabler-messages"></i>-->
            <!--            <div data-i18n="Messages">Messages</div>-->
            <!--        </a>-->
            <!--    </li>-->
            <!--@endcan-->

            <!--@can('view trust score')-->
            <!--    <li class="menu-item {{ menuActive('trust-score.index') }}">-->
            <!--        <a href="{{ route('trust-score.index') }}" class="menu-link">-->
            <!--            <i class="menu-icon icon-base ti tabler-shield-check"></i>-->
            <!--            <div data-i18n="Trust Score">Trust Score</div>-->
            <!--        </a>-->
            <!--    </li>-->
            <!--@endcan-->

            <!--@if(auth()->check() && (auth()->user()->can('view referral') || auth()->user()->can('view referrals')))-->
            <!--    <li class="menu-item {{ menuActive('referrals.index') }}">-->
            <!--        <a href="{{ route('referrals.index') }}" class="menu-link">-->
            <!--            <i class="menu-icon icon-base ti tabler-user-plus"></i>-->
            <!--            <div data-i18n="Referrals">Referrals</div>-->
            <!--        </a>-->
            <!--    </li>-->
            <!--@endif-->

             @can('view permission')
                <li class="menu-item {{ menuActive('permissions.index') }}">
                    <a href="{{ route('permissions.index') }}" class="menu-link">
                        <i class="menu-icon ti tabler-shield"></i>
                        <div data-i18n="Permissions">Permissions</div>
                    </a>
                </li>
            @endcan

              @can('view audit logs')
                <li class="menu-item {{ menuActive('audit-logs.index') }}">
                    <a href="{{ route('audit-logs.index') }}" class="menu-link">
                        <i class="menu-icon icon-base ti tabler-file-search"></i>
                        <div data-i18n="Audit Logs">Audit Logs</div>
                    </a>
                </li>
            @endcan


        </ul>
    </aside>
