@extends('compte.layout')

@section('compte')
    <div class="panel">
        <div class="panel-head">
            <h2 style="font-size:1.1rem">Mes annonces <span class="muted" style="font-weight:500">({{ $annonces->total() }})</span></h2>
            <div class="row-center" style="gap:8px">
                <form method="get">
                    <select class="select" name="statut" style="height:36px;width:auto" onchange="this.form.submit()">
                        @foreach(['toutes' => 'Toutes', 'online' => 'En ligne', 'sold' => 'Vendues', 'expired' => 'Expirées', 'pending' => 'En attente', 'refused' => 'Refusées'] as $v => $l)
                            <option value="{{ $v }}" @selected($statut === $v)>
                                {{ $l }}@if($v !== 'toutes' && isset($compteurs[$v])) ({{ $compteurs[$v] }})@endif
                            </option>
                        @endforeach
                    </select>
                </form>
                <a href="{{ url('/deposer') }}" class="btn btn-primary btn-sm"><x-icon name="plus"/> Nouvelle</a>
            </div>
        </div>

        @if($annonces->isEmpty())
            <div class="center" style="padding:34px 0">
                <span class="tile-icon" style="margin:0 auto"><x-icon name="tag"/></span>
                <p class="muted small" style="margin-top:12px">Aucune annonce dans cette sélection.</p>
                <a href="{{ url('/deposer') }}" class="btn btn-primary" style="margin-top:12px">
                    <x-icon name="plus"/> Déposer une annonce
                </a>
            </div>
        @else
            @include('compte.partials.table-annonces', ['annonces' => $annonces])
            <div style="margin-top:16px">{{ $annonces->links('partials.pagination') }}</div>
        @endif
    </div>
@endsection