@php
    $rotaLogo = Route::has('site.home')
        ? route('site.home')
        : route('dashboard');
@endphp

<aside
    x-cloak
    :class="sidebarOpen ? 'translate-x-0' : '-translate-x-full'"
    class="app-sidebar lg:translate-x-0"
    aria-label="Navegação principal"
>
    {{-- Identidade --}}
    <div class="app-sidebar-brand">
        <a
            href="{{ $rotaLogo }}"
            class="app-sidebar-brand-link"
            aria-label="{{ Route::has('site.home') ? 'Voltar ao site da Conectaê' : 'Ir para o dashboard' }}"
        >
            <img
                src="{{ asset('logo_sistema.png') }}"
                alt="Logo Conectaê"
                class="app-sidebar-logo"
            >

            <span class="min-w-0">
                <span class="block truncate text-base font-extrabold text-white">
                    Sistema Conectaê
                </span>

                <span class="mt-0.5 block truncate text-xs text-slate-400">
                    Gestão de clientes
                </span>
            </span>
        </a>

        <button
            type="button"
            class="app-sidebar-close lg:hidden"
            @click="sidebarOpen = false"
            aria-label="Fechar menu"
        >
            <svg
                class="h-5 w-5"
                fill="none"
                viewBox="0 0 24 24"
                stroke="currentColor"
                aria-hidden="true"
            >
                <path
                    stroke-linecap="round"
                    stroke-linejoin="round"
                    stroke-width="2"
                    d="M6 18 18 6M6 6l12 12"
                />
            </svg>
        </button>
    </div>

    {{-- Navegação --}}
    <nav class="app-sidebar-nav">
        <x-layout.sidebar-group title="Visão geral">
            <x-layout.sidebar-link
                :href="route('dashboard')"
                label="Dashboard"
                :active="request()->routeIs('dashboard')"
            >
                <x-slot name="icon">
                    <svg
                        class="app-sidebar-icon"
                        fill="none"
                        viewBox="0 0 24 24"
                        stroke="currentColor"
                        aria-hidden="true"
                    >
                        <path
                            stroke-linecap="round"
                            stroke-linejoin="round"
                            stroke-width="1.8"
                            d="M3.75 3v7.5h7.5V3h-7.5Zm9 0v4.5h7.5V3h-7.5Zm0 6v11.25h7.5V9h-7.5Zm-9 3v8.25h7.5V12h-7.5Z"
                        />
                    </svg>
                </x-slot>
            </x-layout.sidebar-link>
        </x-layout.sidebar-group>

        @canany([
            'gerenciar-usuarios-internos',
            'gerenciar-clientes',
        ])
            <x-layout.sidebar-group title="Administração">
                @can('gerenciar-usuarios-internos')
                    @if (Route::has('admin.usuarios.index'))
                        <x-layout.sidebar-link
                            :href="route('admin.usuarios.index')"
                            label="Usuários internos"
                            :active="request()->routeIs('admin.usuarios.*')"
                        >
                            <x-slot name="icon">
                                <svg
                                    class="app-sidebar-icon"
                                    fill="none"
                                    viewBox="0 0 24 24"
                                    stroke="currentColor"
                                    aria-hidden="true"
                                >
                                    <path
                                        stroke-linecap="round"
                                        stroke-linejoin="round"
                                        stroke-width="1.8"
                                        d="M15 19.128a9.38 9.38 0 0 0 2.625.372A9.337 9.337 0 0 0 21 18.872a4.125 4.125 0 0 0-7.533-2.493M15 19.128v-.003c0-.621-.12-1.213-.338-1.754M15 19.128v.106A12.318 12.318 0 0 1 8.624 21c-2.331 0-4.51-.645-6.37-1.766l-.001-.109a6.375 6.375 0 0 1 12.409-1.754M12 6.75a3.375 3.375 0 1 1-6.75 0 3.375 3.375 0 0 1 6.75 0Zm8.25 2.25a2.625 2.625 0 1 1-5.25 0 2.625 2.625 0 0 1 5.25 0Z"
                                    />
                                </svg>
                            </x-slot>
                        </x-layout.sidebar-link>
                    @endif
                @endcan

                @can('gerenciar-clientes')
                    @if (Route::has('admin.clientes.index'))
                        <x-layout.sidebar-link
                            :href="route('admin.clientes.index')"
                            label="Clientes"
                            :active="request()->routeIs('admin.clientes.*')"
                        >
                            <x-slot name="icon">
                                <svg
                                    class="app-sidebar-icon"
                                    fill="none"
                                    viewBox="0 0 24 24"
                                    stroke="currentColor"
                                    aria-hidden="true"
                                >
                                    <path
                                        stroke-linecap="round"
                                        stroke-linejoin="round"
                                        stroke-width="1.8"
                                        d="M3.75 21h16.5M4.5 3h15v18h-15V3Zm3.75 4.5h.008v.008H8.25V7.5Zm0 4.5h.008v.008H8.25V12Zm0 4.5h.008v.008H8.25V16.5Zm4.5-9h3m-3 4.5h3m-3 4.5h3"
                                    />
                                </svg>
                            </x-slot>
                        </x-layout.sidebar-link>
                    @endif

                    @if (Route::has('admin.contratos.index'))
                        <x-layout.sidebar-link
                            :href="route('admin.contratos.index')"
                            label="Contratos"
                            :active="request()->routeIs('admin.contratos.*')"
                        >
                            <x-slot name="icon">
                                <svg
                                    class="app-sidebar-icon"
                                    fill="none"
                                    viewBox="0 0 24 24"
                                    stroke="currentColor"
                                    aria-hidden="true"
                                >
                                    <path
                                        stroke-linecap="round"
                                        stroke-linejoin="round"
                                        stroke-width="1.8"
                                        d="M19.5 14.25v-2.625a3.375 3.375 0 0 0-3.375-3.375h-1.5A1.125 1.125 0 0 1 13.5 7.125v-1.5A3.375 3.375 0 0 0 10.125 2.25H6.75A2.25 2.25 0 0 0 4.5 4.5v15a2.25 2.25 0 0 0 2.25 2.25h10.5a2.25 2.25 0 0 0 2.25-2.25v-5.25ZM13.5 2.625V7.5a.75.75 0 0 0 .75.75h4.875"
                                    />
                                </svg>
                            </x-slot>
                        </x-layout.sidebar-link>
                    @endif
                @endcan
            </x-layout.sidebar-group>
        @endcanany

        @can('gerenciar-cobrancas')
            <x-layout.sidebar-group title="Financeiro">
                @if (Route::has('admin.financeiro.index'))
                    <x-layout.sidebar-link
                        :href="route('admin.financeiro.index')"
                        label="Visão geral"
                        :active="request()->routeIs('admin.financeiro.index')"
                    >
                        <x-slot name="icon">
                            <svg
                                class="app-sidebar-icon"
                                fill="none"
                                viewBox="0 0 24 24"
                                stroke="currentColor"
                                aria-hidden="true"
                            >
                                <path
                                    stroke-linecap="round"
                                    stroke-linejoin="round"
                                    stroke-width="1.8"
                                    d="M10.5 6a7.5 7.5 0 1 0 7.5 7.5h-7.5V6Zm3-3v7.5H21A7.5 7.5 0 0 0 13.5 3Z"
                                />
                            </svg>
                        </x-slot>
                    </x-layout.sidebar-link>
                @endif

                @if (Route::has('admin.assinaturas.index'))
                    <x-layout.sidebar-link
                        :href="route('admin.assinaturas.index')"
                        label="Assinaturas"
                        :active="request()->routeIs('admin.assinaturas.*')"
                    >
                        <x-slot name="icon">
                            <svg
                                class="app-sidebar-icon"
                                fill="none"
                                viewBox="0 0 24 24"
                                stroke="currentColor"
                                aria-hidden="true"
                            >
                                <path
                                    stroke-linecap="round"
                                    stroke-linejoin="round"
                                    stroke-width="1.8"
                                    d="M16.023 9.348h4.992V4.356m-1.68 5.01a9 9 0 1 0 2.13 9.36M8.25 12h7.5m-7.5 3h4.5m-4.5-6h3"
                                />
                            </svg>
                        </x-slot>
                    </x-layout.sidebar-link>
                @endif

                @if (Route::has('admin.cobrancas.index'))
                    <x-layout.sidebar-link
                        :href="route('admin.cobrancas.index')"
                        label="Cobranças"
                        :active="request()->routeIs('admin.cobrancas.*')"
                    >
                        <x-slot name="icon">
                            <svg
                                class="app-sidebar-icon"
                                fill="none"
                                viewBox="0 0 24 24"
                                stroke="currentColor"
                                aria-hidden="true"
                            >
                                <path
                                    stroke-linecap="round"
                                    stroke-linejoin="round"
                                    stroke-width="1.8"
                                    d="M2.25 8.25h19.5m-18 0V6A2.25 2.25 0 0 1 6 3.75h12A2.25 2.25 0 0 1 20.25 6v12A2.25 2.25 0 0 1 18 20.25H6A2.25 2.25 0 0 1 3.75 18V8.25Zm3.75 6h3m-3 3h6"
                                />
                            </svg>
                        </x-slot>
                    </x-layout.sidebar-link>
                @endif

                @if (Route::has('admin.grupos-cobranca.index'))
                    <x-layout.sidebar-link
                        :href="route('admin.grupos-cobranca.index')"
                        label="Grupos de cobrança"
                        :active="request()->routeIs('admin.grupos-cobranca.*')"
                    >
                        <x-slot name="icon">
                            <svg
                                class="app-sidebar-icon"
                                fill="none"
                                viewBox="0 0 24 24"
                                stroke="currentColor"
                                aria-hidden="true"
                            >
                                <path
                                    stroke-linecap="round"
                                    stroke-linejoin="round"
                                    stroke-width="1.8"
                                    d="M18 18.72a9.094 9.094 0 0 0 3.741-.479 3 3 0 0 0-4.682-2.72m.94 3.198v.01c0 .22-.012.437-.036.65A11.944 11.944 0 0 1 12 21c-2.17 0-4.206-.576-5.963-1.584A6.062 6.062 0 0 1 6 18.719m12 0a5.971 5.971 0 0 0-.941-3.197m0 0A5.995 5.995 0 0 0 12 12.75a5.995 5.995 0 0 0-5.058 2.772m0 0a3 3 0 0 0-4.681 2.72 9.094 9.094 0 0 0 3.74.477m.94-3.197a5.971 5.971 0 0 0-.94 3.197M15 6.75a3 3 0 1 1-6 0 3 3 0 0 1 6 0Zm6 1.5a2.25 2.25 0 1 1-4.5 0 2.25 2.25 0 0 1 4.5 0Zm-13.5 0a2.25 2.25 0 1 1-4.5 0 2.25 2.25 0 0 1 4.5 0Z"
                                />
                            </svg>
                        </x-slot>
                    </x-layout.sidebar-link>
                @endif

                @if (Route::has('admin.lotes-cobranca.index'))
                    <x-layout.sidebar-link
                        :href="route('admin.lotes-cobranca.index')"
                        label="Cobranças em lote"
                        :active="request()->routeIs('admin.lotes-cobranca.*')"
                    >
                        <x-slot name="icon">
                            <svg
                                class="app-sidebar-icon"
                                fill="none"
                                viewBox="0 0 24 24"
                                stroke="currentColor"
                                aria-hidden="true"
                            >
                                <path
                                    stroke-linecap="round"
                                    stroke-linejoin="round"
                                    stroke-width="1.8"
                                    d="M3.75 6.75h16.5M6 3.75h12a2.25 2.25 0 0 1 2.25 2.25v12A2.25 2.25 0 0 1 18 20.25H6A2.25 2.25 0 0 1 3.75 18V6A2.25 2.25 0 0 1 6 3.75Zm1.5 7.5h3.75m-3.75 3h7.5m-7.5 3h5.25"
                                />
                            </svg>
                        </x-slot>
                    </x-layout.sidebar-link>
                @endif

                @if (Route::has('admin.financeiro.relatorios.index'))
                    <x-layout.sidebar-link
                        :href="route('admin.financeiro.relatorios.index')"
                        label="Relatórios"
                        :active="request()->routeIs('admin.financeiro.relatorios.*')"
                    >
                        <x-slot name="icon">
                            <svg
                                class="app-sidebar-icon"
                                fill="none"
                                viewBox="0 0 24 24"
                                stroke="currentColor"
                                aria-hidden="true"
                            >
                                <path
                                    stroke-linecap="round"
                                    stroke-linejoin="round"
                                    stroke-width="1.8"
                                    d="M9 17.25v1.5m3-4.5v4.5m3-7.5v7.5m3.75-16.5H5.25A2.25 2.25 0 0 0 3 4.5v15a2.25 2.25 0 0 0 2.25 2.25h13.5A2.25 2.25 0 0 0 21 19.5v-15a2.25 2.25 0 0 0-2.25-2.25Z"
                                />
                            </svg>
                        </x-slot>
                    </x-layout.sidebar-link>
                @endif

                @if (Route::has('admin.financeiro.integracoes.index'))
                    <x-layout.sidebar-link
                        :href="route('admin.financeiro.integracoes.index')"
                        label="Integrações"
                        :active="request()->routeIs('admin.financeiro.integracoes.*')"
                    >
                        <x-slot name="icon">
                            <svg
                                class="app-sidebar-icon"
                                fill="none"
                                viewBox="0 0 24 24"
                                stroke="currentColor"
                                aria-hidden="true"
                            >
                                <path
                                    stroke-linecap="round"
                                    stroke-linejoin="round"
                                    stroke-width="1.8"
                                    d="M14.25 6.087c0-.355.186-.676.401-.959.284-.374.349-.898.13-1.313a1.954 1.954 0 0 0-1.284-1.006 7.5 7.5 0 0 0-3 0 1.954 1.954 0 0 0-1.284 1.006c-.219.415-.154.939.13 1.313.215.283.401.604.401.959 0 .355-.186.676-.401.959-.284.374-.349.898-.13 1.313.264.5.73.868 1.284 1.006a7.5 7.5 0 0 0 3 0 1.954 1.954 0 0 0 1.284-1.006c.219-.415.154-.939-.13-1.313-.215-.283-.401-.604-.401-.959ZM12 6.75h.008v.008H12V6.75Zm-7.5 5.625h15m-13.5 0v6.375m12-6.375v6.375M9 12.375v6.375m6-6.375v6.375M3.75 18.75h16.5"
                                />
                            </svg>
                        </x-slot>
                    </x-layout.sidebar-link>
                @endif
            </x-layout.sidebar-group>
        @endcan
    </nav>

    {{-- Rodapé da sidebar --}}
    <div class="app-sidebar-footer">
        <p class="mt-3 px-3 text-[11px] leading-5 text-slate-500">
            {{ config('app.name', 'Sistema Conectaê') }}
            · {{ app()->environment() === 'local' ? 'Produção' : ucfirst(app()->environment()) }}
        </p>
    </div>
</aside>