@extends('layouts.app')
@php
    $u = auth()->user();
    $nav = [
        'tableau-de-bord' => ['dashboard', 'Tableau de bord', url('/compte')],
        'annonces'        => ['tag', 'Mes annonces', url('/compte/annonces')],
        'favoris'         => ['heart', 'Mes favoris', url('/compte/favoris')],
        'alertes'         => ['bell', 'Mes alertes', url('/compte/alertes')],
        'messages'        => ['message', 'Messages', url('/compte/messages')],
        'avis'            => ['star', 'Mes avis', url('/compte/avis')],
        'achats'          => ['wallet', 'Achats & factures', url('/compte/achats')],
        'profil'          => ['user', 'Mon profil', url('/compte/profil')],
    ];
    $nonLus = $u->unreadMessagesCount();
@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->initials }}</span>
                <strong style="display:block;color:var(--ink-900)">{{ $u->name }}</strong>
                <span class="small muted">
                    Membre depuis {{ $u->created_at->year }}@if($u->ville) · {{ $u->ville }}@endif
                </span>
                <div class="row-center" style="justify-content:center;gap:6px;margin-top:8px;flex-wrap:wrap">
                    @if($u->hasVerifiedEmail())
                        <span class="badge badge-green"><x-icon name="check-circle"/> E-mail vérifié</span>
                    @else
                        <a href="{{ url('/email/verification') }}" class="badge badge-orange"><x-icon name="alert"/> E-mail à vérifier</a>
                    @endif
                    @if($u->hasProPlan())
                        <span class="badge badge-gold"><x-icon name="star"/> {{ config('billing.plans.'.$u->planKey().'.name', 'Pro') }}</span>
                    @endif
                </div>
                <a href="{{ url('/deposer') }}" class="btn btn-primary btn-block" style="margin-top:14px">
                    <x-icon name="plus"/> Déposer une annonce
                </a>
            </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 }}
                            @if($slug === 'messages' && $nonLus)<span class="badge badge-orange" style="margin-left:auto">{{ $nonLus }}</span>@endif
                        </a>
                    @endforeach
                    @if($u->isPro())
                        <a href="{{ url('/pro/fiche') }}"><x-icon name="store"/> Ma fiche pro</a>
                    @endif
                    @if($u->isAdmin())
                        <a href="{{ url('/admin') }}"><x-icon name="shield"/> Administration</a>
                    @endif
                    <hr style="margin:8px 0">
                    <form method="post" action="{{ url('/deconnexion') }}">
                        @csrf
                        <button type="submit" class="account-logout"><x-icon name="logout"/> Déconnexion</button>
                    </form>
                </nav>
            </div>
        </aside>

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