{{--
    v1.14.0 — l'écran partagé du public (accueil, connexion, confirmation) :
    la marque à gauche, sur fond violet, avec le vrai logo et ce qui rassure ;
    la page à droite. Sur téléphone : la barre du logo, un bandeau court, la page.
--}}
@props(['titre' => null, 'indexer' => false, 'etroit' => false, 'marqueMobile' => true])
@php($siege = setting('societe.siege'))
<x-portail.page :titre="$titre" :indexer="$indexer">
    <div class="pt-split">
        <div class="pt-ptop">
            <a href="{{ route('portail.racine') }}" aria-label="Accueil"><x-portail.logo/></a>
            {{ $coin ?? '' }}
        </div>

        <section @class(['pt-brand', 'sans-mobile' => ! $marqueMobile])>
            <a href="{{ route('portail.racine') }}" class="pt-brand-logo" aria-label="Accueil"><x-portail.logo variante="blanc"/></a>
            <div class="pt-brand-c">
                @isset($marque)
                    {{ $marque }}
                @else
                    <p class="pt-brand-k">Domiciliation d'entreprise à Fès</p>
                    <p class="pt-brand-t">Votre siège social en 3 étapes, sans vous déplacer.</p>
                    <p class="pt-brand-p">Remplissez la demande en ligne : le projet de contrat et le devis arrivent aussitôt par e-mail.</p>
                    <div class="pt-garanties">
                        <div class="pt-garantie"><span class="gt"><x-portail.icone nom="pin"/></span><div><b>Une adresse de siège à Fès</b><span>{{ $siege ?: 'Au cœur de Fès' }}</span></div></div>
                        <div class="pt-garantie"><span class="gt"><x-portail.icone nom="doc"/></span><div><b>Contrat et devis par e-mail</b><span>Dès l'envoi de votre demande, en PDF.</span></div></div>
                        <div class="pt-garantie"><span class="gt"><x-portail.icone nom="shield"/></span><div><b>Vos pièces protégées</b><span>Traitement autorisé par la CNDP (loi 09-08), accès réservé.</span></div></div>
                    </div>
                @endisset
            </div>
            <p class="pt-brand-pied">{{ setting('societe.raison_sociale', 'STE MOBDIE PRIVÉ') }}{{ setting('societe.rc') ? ' · RC '.setting('societe.rc_ville', 'Fès').' '.setting('societe.rc') : '' }} · {{ setting('societe.email_domiciliation', 'domiciliation@mobdie.ma') }}</p>
        </section>

        <section class="pt-pane">
            <div class="pt-pane-top">{{ $coin ?? '' }}</div>
            <div @class(['pt-pane-c', 'etroit' => $etroit])>
                @if (session('portail_ok'))
                    <div class="pt-alert g" role="status"><x-portail.icone nom="check"/><span>{{ session('portail_ok') }}</span></div>
                @endif
                @if (session('portail_erreur'))
                    <div class="pt-alert r" role="alert"><x-portail.icone nom="warn"/><span>{{ session('portail_erreur') }}</span></div>
                @endif
                {{ $slot }}
            </div>
            <nav class="pt-pied" aria-label="Informations">
                <span>{{ setting('societe.raison_sociale', 'STE MOBDIE PRIVÉ') }}</span>
                <a href="mailto:{{ setting('societe.email_domiciliation', 'domiciliation@mobdie.ma') }}">Contact</a>
                <a href="{{ route('portail.connexion') }}">Mon espace</a>
            </nav>
        </section>
    </div>
</x-portail.page>