<div class="mt-4 px-6 pl-0 mb-4 border-b border-slate-200/80 pb-0">
    <div class="top-submenu text-sm font-medium">
        <a href="{{ route('documents.dashboard') }}"
           class="{{ request()->routeIs('documents.dashboard') ? 'top-submenu-tab is-active' : 'top-submenu-tab' }}">
            <i class="bi bi-speedometer2 shrink-0"></i>
            Dashboard
        </a>

        <a href="{{ route('documents.index') }}"
           class="{{ request()->routeIs('documents.index') ? 'top-submenu-tab is-active' : 'top-submenu-tab' }}">
            <i class="bi bi-folder2-open shrink-0"></i>
            Documents
        </a>

        <a href="{{ route('letter-head-templates.index') }}"
           class="{{ request()->routeIs('letter-head-templates.*') ? 'top-submenu-tab is-active' : 'top-submenu-tab' }}">
            <i class="bi bi-file-earmark-text shrink-0"></i>
            Letterheads
        </a>

        <a href="{{ route('generated-letters.index') }}"
           class="{{ request()->routeIs('generated-letters.*') ? 'top-submenu-tab is-active' : 'top-submenu-tab' }}">
            <i class="bi bi-envelope-paper shrink-0"></i>
            Letters
        </a>

        <a href="{{ route('forms.index') }}"
           class="{{ request()->routeIs('forms.index') || request()->routeIs('forms.create') || request()->routeIs('forms.edit') || request()->routeIs('forms.update') || request()->routeIs('forms.update-status') ? 'top-submenu-tab is-active' : 'top-submenu-tab' }}">
            <i class="bi bi-ui-checks-grid shrink-0"></i>
            Forms
        </a>

        <a href="{{ route('forms.portal') }}"
           class="{{ request()->routeIs('forms.portal') || request()->routeIs('forms.fill') ? 'top-submenu-tab is-active' : 'top-submenu-tab' }}">
            <i class="bi bi-pencil-square shrink-0"></i>
            Fill forms
        </a>

        <a href="{{ route('documents.create') }}"
           class="{{ request()->routeIs('documents.create') ? 'top-submenu-tab is-active' : 'top-submenu-tab' }}">
            <i class="bi bi-cloud-arrow-up shrink-0"></i>
            Upload
        </a>
    </div>
</div>
