@extends('layouts.ambassador')

@section('title', 'Mes prestataires')

@section('content')
<div class="page-header">
    <h1 class="page-title">Mes prestataires</h1>
    <p class="page-subtitle">Suivez vos prestataires rattachés et leur performance</p>
</div>

<div class="card-base mb-4">
    <div class="d-flex justify-content-between align-items-center flex-wrap gap-3">
        <a href="{{ route('ambassador.prestataires.create') }}" class="btn btn-primary">
            <i class="fas fa-user-plus me-2"></i>Ajouter un prestataire
        </a>
        <form method="GET" class="d-flex gap-2">
            <input type="text" name="search" value="{{ request('search') }}" placeholder="Rechercher..." class="form-control form-control-sm" style="width:200px;">
            <select name="status" class="form-select form-select-sm" style="width:150px;">
                <option value="">Tous statuts</option>
                <option value="active" {{ request('status') === 'active' ? 'selected' : '' }}>Actif</option>
                <option value="inactive" {{ request('status') === 'inactive' ? 'selected' : '' }}>Inactif</option>
            </select>
            <button class="btn btn-sm btn-primary"><i class="fas fa-search"></i></button>
        </form>
    </div>
</div>

<div class="card-base">
    <div class="table-responsive">
        <table class="table table-hover mb-0">
            <thead>
                <tr>
                    <th>Prestataire</th>
                    <th>Activité</th>
                    <th>Ville</th>
                    <th>Source</th>
                    <th>Date rattachement</th>
                    <th>Statut</th>
                    <th>Actions</th>
                </tr>
            </thead>
            <tbody>
            @forelse($assignments as $a)
                <tr>
                    <td>
                        <div class="fw-semibold">{{ $a->prestataire?->user?->name ?? 'N/A' }}</div>
                        <small class="text-muted">{{ $a->prestataire?->user?->email ?? '' }}</small>
                    </td>
                    <td>{{ $a->prestataire?->secteur_activite ?? '-' }}</td>
                    <td>{{ $a->prestataire?->city ?? '-' }}</td>
                    <td><span class="badge bg-light text-dark">{{ $a->source_label }}</span></td>
                    <td>{{ $a->assigned_at->format('d/m/Y') }}</td>
                    <td>
                        @if($a->prestataire?->is_approved)
                            <span class="badge bg-success">Actif</span>
                        @else
                            <span class="badge bg-warning">En attente</span>
                        @endif
                    </td>
                    <td>
                        <a href="{{ route('ambassador.prestataires.show', $a) }}" class="btn btn-sm btn-outline-primary"><i class="fas fa-eye"></i></a>
                    </td>
                </tr>
            @empty
                <tr><td colspan="7" class="text-center py-4 text-muted">Aucun prestataire rattaché</td></tr>
            @endforelse
            </tbody>
        </table>
    </div>
    {{ $assignments->withQueryString()->links() }}
</div>
@endsection