{{-- v4.37.0 §6 — Menu latéral (ordinateur) et barre d'onglets en bas (mobile) : Portefeuille · Marchés · Gains · Demander. --}}
@props(['titre' => null, 'sous' => null])
@php
    $route = request()->route()?->getName();
    $liens = [
        ['investisseur.portefeuille', 'Portefeuille', '◎'],
        ['investisseur.marches', 'Marchés', '▦'],
        ['investisseur.gains', 'Gains', '↗'],
        ['investisseur.mouvements', 'Mouvements', '⇅'],
        ['investisseur.demander', 'Demander', '✉'],
        ['investisseur.releves', 'Relevés', '▤'],
        ['investisseur.preferences', 'Préférences', '⚙'],
    ];
    $bas = ['investisseur.portefeuille', 'investisseur.marches', 'investisseur.gains', 'investisseur.demander'];
    $actif = fn (string $nom) => $route === $nom || ($nom === 'investisseur.marches' && $route === 'investisseur.marche');
@endphp
<div class="coquille">
    <nav class="cote" aria-label="Menu">
        <div class="marque"><x-investisseur.logo /><small>{{ \App\Support\Identite::marque() }} · portail investisseur</small></div>
        @foreach ($liens as [$nom, $libelle, $icone])
            <a href="{{ route($nom) }}" wire:navigate @class(['lien', 'actif' => $actif($nom)])><span aria-hidden="true">{{ $icone }}</span>{{ $libelle }}</a>
        @endforeach
        <div class="bas">
            <form method="POST" action="{{ route('investisseur.deconnexion') }}">
                @csrf
                <button type="submit" class="btn large">Se déconnecter</button>
            </form>
        </div>
    </nav>

    <main class="principal">
        <header class="entete-mobile"><x-investisseur.logo taille="petit" /><span>{{ \App\Support\Identite::nomCourt() }}</span></header>
        @if ($titre)
            <div class="entete">
                <div>
                    <h1>{{ $titre }}</h1>
                    @if ($sous)<div class="sous">{{ $sous }}</div>@endif
                </div>
                {{ $actions ?? '' }}
            </div>
        @endif
        {{ $slot }}
    </main>

    <nav class="onglets-bas" aria-label="Onglets">
        @foreach ($liens as [$nom, $libelle, $icone])
            @if (in_array($nom, $bas, true))
                <a href="{{ route($nom) }}" wire:navigate @class(['actif' => $actif($nom)])><span aria-hidden="true" style="font-size:18px">{{ $icone }}</span>{{ $libelle }}</a>
            @endif
        @endforeach
    </nav>
</div>