@extends('layouts.app')

@section('title', 'Gestion des Agences')

@section('content')
<div class="container py-4">
    <!-- En-tête avec statistiques -->
    <div class="row mb-4">
        <div class="col-12">
            <div class="d-flex justify-content-between align-items-center mb-3">
                <h2 class="text-primary mb-0">
                    <i class="fas fa-building me-2"></i>
                    Gestion des Agences
                </h2>
            </div>

            <!-- Statistiques rapides -->
            <div class="row g-3 mb-4">
                <div class="col-md-3">
                    <div class="card bg-primary text-white">
                        <div class="card-body">
                            <div class="d-flex justify-content-between">
                                <div>
                                    <h6 class="card-title">Total Agences</h6>
                                    <h3>{{ $allCount ?? $agencies->total() }}</h3>
                                </div>
                                <i class="fas fa-building fa-2x opacity-75"></i>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="card bg-warning text-white">
                        <div class="card-body">
                            <div class="d-flex justify-content-between">
                                <div>
                                    <h6 class="card-title">En Attente</h6>
                                    <h3>{{ $pendingCount ?? 0 }}</h3>
                                </div>
                                <i class="fas fa-clock fa-2x opacity-75"></i>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="card bg-success text-white">
                        <div class="card-body">
                            <div class="d-flex justify-content-between">
                                <div>
                                    <h6 class="card-title">Approuvées</h6>
                                    <h3>{{ $approvedCount ?? 0 }}</h3>
                                </div>
                                <i class="fas fa-check-circle fa-2x opacity-75"></i>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="card bg-danger text-white">
                        <div class="card-body">
                            <div class="d-flex justify-content-between">
                                <div>
                                    <h6 class="card-title">Rejetées</h6>
                                    <h3>{{ $rejectedCount ?? 0 }}</h3>
                                </div>
                                <i class="fas fa-times-circle fa-2x opacity-75"></i>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Filtres -->
    <div class="card mb-4">
        <div class="card-body">
            <form method="GET" class="row g-3">
                <div class="col-md-4">
                    <label for="status" class="form-label">Statut</label>
                    <select name="status" id="status" class="form-select">
                        <option value="all" {{ request('status') === 'all' ? 'selected' : '' }}>Tous les statuts</option>
                        <option value="pending" {{ request('status') === 'pending' ? 'selected' : '' }}>En attente</option>
                        <option value="approved" {{ request('status') === 'approved' ? 'selected' : '' }}>Approuvées</option>
                        <option value="rejected" {{ request('status') === 'rejected' ? 'selected' : '' }}>Rejetées</option>
                    </select>
                </div>
                <div class="col-md-4">
                    <label for="active_status" class="form-label">État d'activité</label>
                    <select name="active_status" id="active_status" class="form-select">
                        <option value="all" {{ request('active_status') === 'all' ? 'selected' : '' }}>Tous</option>
                        <option value="active" {{ request('active_status') === 'active' ? 'selected' : '' }}>Actives</option>
                        <option value="inactive" {{ request('active_status') === 'inactive' ? 'selected' : '' }}>Désactivées</option>
                    </select>
                </div>
                <div class="col-md-4 d-flex align-items-end">
                    <button type="submit" class="btn btn-primary me-2">
                        <i class="fas fa-filter me-1"></i>Filtrer
                    </button>
                    <a href="{{ route('admin.agencies') }}" class="btn btn-outline-secondary">
                        <i class="fas fa-undo me-1"></i>Reset
                    </a>
                </div>
            </form>
        </div>
    </div>

    <!-- Liste des agences -->
    <div class="card">
        <div class="card-header">
            <h5 class="mb-0">
                <i class="fas fa-list me-2"></i>
                Liste des Agences ({{ $agencies->total() }})
            </h5>
        </div>
        <div class="card-body p-0">
            @if($agencies->count() > 0)
                <div class="table-responsive">
                    <table class="table table-hover mb-0">
                        <thead class="table-light">
                            <tr>
                                <th>Logo</th>
                                <th>Agence</th>
                                <th>Propriétaire</th>
                                <th>Contact</th>
                                <th>Propriétés</th>
                                <th>Statut</th>
                                <th>État</th>
                                <th>Date</th>
                                <th>Actions</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($agencies as $agency)
                                <tr>
                                    <td>
                                        @if($agency->logo)
                                            <img src="{{ asset('storage/' . $agency->logo) }}" 
                                                 alt="Logo {{ $agency->name }}" 
                                                 class="rounded"
                                                 style="width: 40px; height: 40px; object-fit: cover;">
                                        @else
                                            <div class="bg-secondary rounded d-flex align-items-center justify-content-center text-white" 
                                                 style="width: 40px; height: 40px;">
                                                <i class="fas fa-building"></i>
                                            </div>
                                        @endif
                                    </td>
                                    <td>
                                        <div>
                                            <strong>{{ $agency->name }}</strong>
                                            @if($agency->description)
                                                <small class="text-muted d-block">{{ Str::limit($agency->description, 50) }}</small>
                                            @endif
                                        </div>
                                    </td>
                                    <td>
                                        <div>
                                            <strong>{{ $agency->user->name ?? 'N/A' }}</strong>
                                            <small class="text-muted d-block">{{ $agency->user->email ?? 'N/A' }}</small>
                                        </div>
                                    </td>
                                    <td>
                                        <div>
                                            @if($agency->phone)
                                                <small class="d-block">
                                                    <i class="fas fa-phone me-1"></i>{{ $agency->phone }}
                                                </small>
                                            @endif
                                            @if($agency->email)
                                                <small class="d-block">
                                                    <i class="fas fa-envelope me-1"></i>{{ $agency->email }}
                                                </small>
                                            @endif
                                        </div>
                                    </td>
                                    <td>
                                        <span class="badge bg-info">
                                            {{ $agency->properties_count ?? $agency->properties->count() }} biens
                                        </span>
                                    </td>
                                    <td>
                                        @switch($agency->status)
                                            @case('pending')
                                                <span class="badge bg-warning">
                                                    <i class="fas fa-clock me-1"></i>En attente
                                                </span>
                                                @break
                                            @case('approved')
                                                <span class="badge bg-success">
                                                    <i class="fas fa-check me-1"></i>Approuvée
                                                </span>
                                                @break
                                            @case('rejected')
                                                <span class="badge bg-danger">
                                                    <i class="fas fa-times me-1"></i>Rejetée
                                                </span>
                                                @break
                                            @default
                                                <span class="badge bg-secondary">{{ $agency->status }}</span>
                                        @endswitch
                                    </td>
                                    <td>
                                        @if($agency->is_active ?? true)
                                            <span class="badge bg-success">
                                                <i class="fas fa-play me-1"></i>Active
                                            </span>
                                        @else
                                            <span class="badge bg-secondary">
                                                <i class="fas fa-pause me-1"></i>Désactivée
                                            </span>
                                        @endif
                                    </td>
                                    <td>
                                        <small class="text-muted">
                                            {{ $agency->created_at->format('d/m/Y') }}
                                        </small>
                                    </td>
                                    <td>
                                        <div class="btn-group" role="group">
                                            @if($agency->status === 'pending')
                                                <!-- Approuver -->
                                                <form method="POST" action="{{ route('admin.agencies.approve', $agency) }}" 
                                                      class="d-inline" 
                                                      onsubmit="return confirm('Approuver cette agence ?')">
                                                    @csrf
                                                    @method('PATCH')
                                                    <button type="submit" class="btn btn-sm btn-success" title="Approuver">
                                                        <i class="fas fa-check"></i>
                                                    </button>
                                                </form>
                                                
                                                <!-- Rejeter -->
                                                <form method="POST" action="{{ route('admin.agencies.reject', $agency) }}" 
                                                      class="d-inline" 
                                                      onsubmit="return confirm('Rejeter cette agence ?')">
                                                    @csrf
                                                    @method('DELETE')
                                                    <button type="submit" class="btn btn-sm btn-danger" title="Rejeter">
                                                        <i class="fas fa-times"></i>
                                                    </button>
                                                </form>
                                            @endif

                                            @if($agency->status === 'approved')
                                                <!-- Activer/Désactiver -->
                                                <form method="POST" action="{{ route('admin.agencies.toggle-status', $agency) }}" 
                                                      class="d-inline" 
                                                      onsubmit="return confirm('{{ ($agency->is_active ?? true) ? 'Désactiver' : 'Activer' }} cette agence ?')">
                                                    @csrf
                                                    @method('PATCH')
                                                    <button type="submit" 
                                                            class="btn btn-sm {{ ($agency->is_active ?? true) ? 'btn-warning' : 'btn-success' }}" 
                                                            title="{{ ($agency->is_active ?? true) ? 'Désactiver' : 'Activer' }}">
                                                        <i class="fas {{ ($agency->is_active ?? true) ? 'fa-pause' : 'fa-play' }}"></i>
                                                    </button>
                                                </form>
                                            @endif

                                            <!-- Voir les propriétés -->
                                            <a href="{{ route('admin.properties', ['agency' => $agency->id]) }}" 
                                               class="btn btn-sm btn-info" 
                                               title="Voir les propriétés">
                                                <i class="fas fa-home"></i>
                                            </a>
                                        </div>
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>

                <!-- Pagination -->
                <div class="card-footer">
                    {{ $agencies->appends(request()->query())->links() }}
                </div>
            @else
                <div class="text-center py-5">
                    <i class="fas fa-building fa-3x text-muted mb-3"></i>
                    <h4 class="text-muted">Aucune agence trouvée</h4>
                    <p class="text-muted">
                        @if(request()->hasAny(['status', 'active_status']))
                            Aucune agence ne correspond aux filtres sélectionnés.
                        @else
                            Il n'y a pas encore d'agences enregistrées.
                        @endif
                    </p>
                </div>
            @endif
        </div>
    </div>
</div>
@endsection

@push('styles')
<style>
.table th {
    border-top: none;
    font-weight: 600;
    color: #495057;
    background-color: #f8f9fa;
}

.btn-group .btn {
    margin-right: 2px;
}

.btn-group .btn:last-child {
    margin-right: 0;
}

.table-responsive {
    border-radius: 0.375rem;
}

.card-header {
    background-color: #f8f9fa;
    border-bottom: 1px solid #dee2e6;
}
</style>
@endpush