@extends('admin.layout')

@section('admin')
    <div class="panel">
        <div class="panel-head">
            <h2 style="font-size:1.1rem">Annonces <span class="muted" style="font-weight:500">({{ $annonces->total() }})</span></h2>
            <form method="get" class="row-center" style="gap:8px">
                <input class="input" name="q" value="{{ request('q') }}" placeholder="Titre, référence…" style="height:36px;width:200px">
                <select class="select" name="statut" style="height:36px;width:auto" onchange="this.form.submit()">
                    <option value="">Tous les statuts</option>
                    @foreach(['online' => 'En ligne', 'pending' => 'En attente', 'refused' => 'Refusées', 'sold' => 'Vendues', 'expired' => 'Expirées'] as $v => $l)
                        <option value="{{ $v }}" @selected($statut === $v)>{{ $l }}</option>
                    @endforeach
                </select>
                <button class="btn btn-outline btn-sm"><x-icon name="search"/></button>
            </form>
        </div>

        <div style="overflow-x:auto">
            <table class="table">
                <thead><tr><th>Annonce</th><th>Auteur</th><th>Prix</th><th>Statut</th><th>Vues</th><th>Actions</th></tr></thead>
                <tbody>
                @foreach($annonces as $ad)
                    <tr>
                        <td>
                            <a href="{{ $ad->url }}" class="row-center" style="gap:10px">
                                <x-media :icon="$ad->icon" :seed="$ad->seed" :url="$ad->cover" ratio="square" style="width:40px;border-radius:6px"/>
                                <span style="min-width:0">
                                    <span class="small strong truncate" style="display:block;max-width:230px">{{ $ad->title }}</span>
                                    <span class="tiny muted">{{ $ad->ref }} · {{ $ad->ville }}</span>
                                </span>
                            </a>
                        </td>
                        <td class="small muted truncate" style="max-width:170px">{{ $ad->user?->email }}</td>
                        <td class="strong small">{{ $ad->price_label }}</td>
                        <td><span class="badge {{ $ad->status === 'online' ? 'badge-green' : 'badge-soft' }}">{{ $ad->status }}</span></td>
                        <td>{{ number_format($ad->views, 0, ',', ' ') }}</td>
                        <td>
                            <div class="row-center" style="gap:4px">
                                @if($ad->status !== 'online')
                                    <form method="post" action="{{ url('/admin/annonces/'.$ad->id) }}">
                                        @csrf @method('put')<input type="hidden" name="action" value="valider">
                                        <button class="btn btn-ghost btn-icon btn-sm" title="Valider"><x-icon name="check"/></button>
                                    </form>
                                @endif
                                <form method="post" action="{{ url('/admin/annonces/'.$ad->id) }}">
                                    @csrf @method('put')<input type="hidden" name="action" value="refuser">
                                    <button class="btn btn-ghost btn-icon btn-sm" title="Refuser"><x-icon name="close"/></button>
                                </form>
                                <form method="post" action="{{ url('/admin/annonces/'.$ad->id) }}"
                                      onsubmit="return confirm('Supprimer définitivement ?')">
                                    @csrf @method('put')<input type="hidden" name="action" value="supprimer">
                                    <button class="btn btn-ghost btn-icon btn-sm" title="Supprimer"><x-icon name="trash"/></button>
                                </form>
                            </div>
                        </td>
                    </tr>
                @endforeach
                </tbody>
            </table>
        </div>

        <div style="margin-top:16px">{{ $annonces->links('partials.pagination') }}</div>
    </div>
@endsection