@extends('compte.layout')

@section('compte')
    <div class="grid grid-4">
        @foreach($stats as [$label, $value, $icon])
            <div class="card card-pad">
                <span class="tile-icon"><x-icon :name="$icon"/></span>
                <div class="stat" style="padding:12px 0 0;text-align:left">
                    <div class="v">{{ number_format($value, 0, ',', ' ') }}</div>
                    <div class="l">{{ $label }}</div>
                </div>
            </div>
        @endforeach
    </div>

    <div class="panel">
        <div class="panel-head">
            <h2 style="font-size:1.1rem">Mes dernières annonces</h2>
            <a href="{{ url('/compte/annonces') }}" class="btn btn-outline btn-sm">Tout voir <x-icon name="arrow-right"/></a>
        </div>

        @if($annonces->isEmpty())
            <div class="center" style="padding:26px 0">
                <p class="muted small">Vous n'avez pas encore publié d'annonce.</p>
                <a href="{{ url('/deposer') }}" class="btn btn-primary" style="margin-top:12px">
                    <x-icon name="plus"/> Déposer ma première annonce
                </a>
            </div>
        @else
            @include('compte.partials.table-annonces', ['annonces' => $annonces])
        @endif
    </div>

    <div class="panel">
        <div class="panel-head">
            <h2 style="font-size:1.05rem">Mes alertes</h2>
            <a href="{{ url('/compte/alertes') }}" class="btn btn-outline btn-sm"><x-icon name="plus"/> Gérer</a>
        </div>

        @forelse($alertes as $alerte)
            <div class="switch-row">
                <div>
                    <strong class="small" style="color:var(--ink-900)">{{ $alerte->label }}</strong>
                    <p class="tiny muted" style="margin:0">
                        {{ ucfirst($alerte->rubrique) }}@if($alerte->category_path) › {{ str_replace('/', ' › ', $alerte->category_path) }}@endif
                        @if($alerte->ville) · {{ $alerte->ville }}@endif
                    </p>
                </div>
                <a href="{{ $alerte->url }}" class="badge badge-soft">Voir les résultats</a>
            </div>
        @empty
            <p class="muted small" style="margin:0">Aucune alerte pour le moment. Créez-en une depuis n'importe quelle page de résultats.</p>
        @endforelse
    </div>
@endsection