@extends('admin.layout')

@section('admin')
    <div class="panel">
        <div class="panel-head">
            <h2 style="font-size:1.1rem">Professionnels <span class="muted" style="font-weight:500">({{ $pros->total() }})</span></h2>
            <form method="get" class="row-center" style="gap:8px">
                <input class="input" name="q" value="{{ request('q') }}" placeholder="Nom, ville…" 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>Établissement</th><th>Activité</th><th>Ville</th><th>Note</th><th>Vérifié</th><th></th></tr></thead>
                <tbody>
                @foreach($pros as $pro)
                    <tr>
                        <td>
                            <a href="{{ $pro->url }}" class="small strong truncate" style="display:block;max-width:220px">{{ $pro->name }}</a>
                            <span class="tiny muted">{{ $pro->ref }} · {{ $pro->user?->email }}</span>
                        </td>
                        <td class="small muted">{{ $pro->category['name'] }}</td>
                        <td class="small">{{ $pro->ville }}</td>
                        <td class="strong">{{ number_format($pro->rating, 1, ',', '') }} <span class="tiny muted">({{ $pro->reviews_count }})</span></td>
                        <td>
                            <span class="badge {{ $pro->verified ? 'badge-green' : 'badge-soft' }}">{{ $pro->verified ? 'Oui' : 'Non' }}</span>
                        </td>
                        <td>
                            <form method="post" action="{{ url('/admin/pros/'.$pro->id.'/verification') }}">
                                @csrf @method('put')
                                <button class="btn btn-ghost btn-sm">{{ $pro->verified ? 'Retirer' : 'Vérifier' }}</button>
                            </form>
                        </td>
                    </tr>
                @endforeach
                </tbody>
            </table>
        </div>

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