@extends('admin.layout')

@section('admin')
    <div class="panel">
        <div class="panel-head">
            <h2 style="font-size:1.1rem">Membres <span class="muted" style="font-weight:500">({{ $membres->total() }})</span></h2>
            <form method="get" class="row-center" style="gap:8px">
                <input class="input" name="q" value="{{ request('q') }}" placeholder="Nom ou e-mail" style="height:36px;width:200px">
                <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>Membre</th><th>Rôle</th><th>Ville</th><th>Annonces</th><th>Inscrit</th><th></th></tr></thead>
                <tbody>
                @foreach($membres as $membre)
                    <tr>
                        <td>
                            <span class="small strong" style="display:block">{{ $membre->name }}</span>
                            <span class="tiny muted">{{ $membre->email }}</span>
                        </td>
                        <td><span class="badge badge-soft">{{ $membre->role }}</span></td>
                        <td class="small">{{ $membre->ville ?? '—' }}</td>
                        <td>{{ $membre->ads_count }}</td>
                        <td class="small muted">{{ $membre->created_at->translatedFormat('d/m/Y') }}</td>
                        <td>
                            @unless($membre->isAdmin())
                                <form method="post" action="{{ url('/admin/membres/'.$membre->id.'/suspension') }}">
                                    @csrf @method('put')
                                    <button class="btn btn-ghost btn-sm">{{ $membre->isBanned() ? 'Réactiver' : 'Suspendre' }}</button>
                                </form>
                            @endunless
                        </td>
                    </tr>
                @endforeach
                </tbody>
            </table>
        </div>

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