@extends('layouts.app')
@php
    $u = auth()->user();
    $nav = [
        'fiche'       => ['store', 'Ma fiche établissement', url('/pro/fiche')],
        'evenements'  => ['calendar', 'Mes événements', url('/pro/evenements')],
        'annonces'    => ['tag', 'Mes annonces', url('/compte/annonces')],
        'avis'        => ['star', 'Avis clients', url('/compte/avis')],
        'abonnement'  => ['wallet', 'Abonnement & factures', url('/compte/achats')],
    ];
@endphp

@section('content')
<div class="container">@include('partials.breadcrumb', ['current' => $title])</div>

<section class="section" style="padding-top:0">
    <div class="container split">
        <aside class="stack">
            <div class="panel" style="text-align:center">
                <span class="seller-avatar" style="margin:0 auto 10px">{{ $u->business?->name ? mb_strtoupper(mb_substr($u->business->name, 0, 1)) : $u->initials }}</span>
                <strong style="display:block;color:var(--ink-900)">{{ $u->business?->name ?? $u->name }}</strong>
                <span class="small muted">Espace professionnel</span>
                <div class="row-center" style="justify-content:center;gap:6px;margin-top:8px;flex-wrap:wrap">
                    @if($u->hasProPlan())
                        <span class="badge badge-gold"><x-icon name="star"/> {{ config('billing.plans.'.$u->planKey().'.name', 'Pro') }}</span>
                    @else
                        <a href="{{ url('/tarifs') }}" class="badge badge-orange">Formule gratuite — souscrire</a>
                    @endif
                    @if($u->business?->verified)
                        <span class="badge badge-green"><x-icon name="check-circle"/> Vérifié</span>
                    @endif
                </div>
                @if($u->business)
                    <a href="{{ $u->business->url }}" class="btn btn-outline btn-block" style="margin-top:14px">
                        <x-icon name="eye"/> Voir ma fiche publique
                    </a>
                @endif
            </div>

            <div class="panel" style="padding:10px">
                <nav class="account-nav">
                    @foreach($nav as $slug => [$icon, $label, $href])
                        <a href="{{ $href }}" class="{{ $section === $slug ? 'is-active' : '' }}">
                            <x-icon :name="$icon"/> {{ $label }}
                        </a>
                    @endforeach
                    <hr style="margin:8px 0">
                    <a href="{{ url('/compte') }}"><x-icon name="user"/> Mon compte</a>
                </nav>
            </div>
        </aside>

        <div class="stack">
            @yield('pro')
        </div>
    </div>
</section>
@endsection