@extends('layouts.app')

@section('title', 'Gestion des Propriétés')

@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-home me-2"></i>
                    Gestion des Propriétés
                </h2>
            </div>

            <!-- Statistiques rapides -->
            <div class="row g-3 mb-4">
                <div class="col-md-2">
                    <div class="card bg-primary text-white">
                        <div class="card-body">
                            <div class="d-flex justify-content-between">
                                <div>
                                    <h6 class="card-title">Total</h6>
                                    <h3>{{ $allCount ?? $properties->total() }}</h3>
                                </div>
                                <i class="fas fa-home fa-2x opacity-75"></i>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-2">
                    <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-2">
                    <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-2">
                    <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 class="col-md-2">
                    <div class="card bg-info text-white">
                        <div class="card-body">
                            <div class="d-flex justify-content-between">
                                <div>
                                    <h6 class="card-title">À la Une</h6>
                                    <h3>{{ $featuredCount ?? 0 }}</h3>
                                </div>
                                <i class="fas fa-star 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-3">
                    <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-3">
                    <label for="featured" class="form-label">À la Une</label>
                    <select name="featured" id="featured" class="form-select">
                        <option value="" {{ request('featured') === '' ? 'selected' : '' }}>Toutes</option>
                        <option value="1" {{ request('featured') === '1' ? 'selected' : '' }}>À la une seulement</option>
                    </select>
                </div>
                <div class="col-md-3">
                    <label for="agency" class="form-label">Agence</label>
                    <select name="agency" id="agency" class="form-select">
                        <option value="" {{ request('agency') === '' ? 'selected' : '' }}>Toutes les agences</option>
                        @foreach(\App\Models\Agency::approved()->get() as $agency)
                            <option value="{{ $agency->id }}" {{ request('agency') == $agency->id ? 'selected' : '' }}>
                                {{ $agency->name }}
                            </option>
                        @endforeach
                    </select>
                </div>
                <div class="col-md-3 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.properties') }}" class="btn btn-outline-secondary">
                        <i class="fas fa-undo me-1"></i>Reset
                    </a>
                </div>
            </form>
        </div>
    </div>

    <!-- Liste des propriétés -->
    <div class="card">
        <div class="card-header">
            <h5 class="mb-0">
                <i class="fas fa-list me-2"></i>
                Liste des Propriétés ({{ $properties->total() }})
            </h5>
        </div>
        <div class="card-body p-0">
            @if($properties->count() > 0)
                <div class="table-responsive">
                    <table class="table table-hover mb-0">
                        <thead class="table-light">
                            <tr>
                                <th>Image</th>
                                <th>Propriété</th>
                                <th>Propriétaire</th>
                                <th>Agence</th>
                                <th>Prix</th>
                                <th>Statut</th>
                                <th>À la Une</th>
                                <th>Vues</th>
                                <th>Date</th>
                                <th>Actions</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($properties as $property)
                                <tr>
                                    <td>
                                        @if($property->images->count() > 0)
                                            <img src="{{ asset('storage/' . $property->images->first()->image_path) }}" 
                                                 alt="{{ $property->title }}" 
                                                 class="rounded"
                                                 style="width: 50px; height: 50px; object-fit: cover;">
                                        @else
                                            <div class="bg-secondary rounded d-flex align-items-center justify-content-center text-white" 
                                                 style="width: 50px; height: 50px;">
                                                <i class="fas fa-home"></i>
                                            </div>
                                        @endif
                                    </td>
                                    <td>
                                        <div>
                                            <strong>{{ Str::limit($property->title, 30) }}</strong>
                                            <small class="text-muted d-block">
                                                <i class="fas fa-map-marker-alt me-1"></i>
                                                {{ Str::limit($property->address, 40) }}
                                            </small>
                                            <small class="text-muted">
                                                {{ $property->propertyType->name ?? 'N/A' }} • 
                                                {{ $property->transaction_type === 'sale' ? 'Vente' : 'Location' }}
                                            </small>
                                        </div>
                                    </td>
                                    <td>
                                        <div>
                                            <strong>{{ $property->user->name ?? 'N/A' }}</strong>
                                            <small class="text-muted d-block">{{ $property->user->email ?? 'N/A' }}</small>
                                        </div>
                                    </td>
                                    <td>
                                        @if($property->agency)
                                            <span class="badge bg-info">{{ $property->agency->name }}</span>
                                        @else
                                            <span class="badge bg-secondary">Particulier</span>
                                        @endif
                                    </td>
                                    <td>
                                        <strong class="text-success">
                                            {{ number_format($property->price, 0, ',', ' ') }} FCFA
                                        </strong>
                                        @if($property->transaction_type === 'rental')
                                            <small class="text-muted d-block">/mois</small>
                                        @endif
                                    </td>
                                    <td>
                                        @switch($property->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">{{ $property->status }}</span>
                                        @endswitch
                                    </td>
                                    <td>
                                        @if($property->is_featured)
                                            <span class="badge bg-warning">
                                                <i class="fas fa-star me-1"></i>À la une
                                            </span>
                                        @else
                                            <span class="text-muted">-</span>
                                        @endif
                                    </td>
                                    <td>
                                        <span class="badge bg-info">{{ $property->views_count ?? 0 }}</span>
                                    </td>
                                    <td>
                                        <small class="text-muted">
                                            {{ $property->created_at->format('d/m/Y') }}
                                        </small>
                                    </td>
                                    <td>
                                        <div class="btn-group" role="group">
                                            @if($property->status === 'pending')
                                                <!-- Approuver -->
                                                <form method="POST" action="{{ route('admin.properties.approve', $property) }}" 
                                                      class="d-inline" 
                                                      onsubmit="return confirm('Approuver cette propriété ?')">
                                                    @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.properties.reject', $property) }}" 
                                                      class="d-inline" 
                                                      onsubmit="return confirm('Rejeter cette propriété ?')">
                                                    @csrf
                                                    @method('PATCH')
                                                    <button type="submit" class="btn btn-sm btn-danger" title="Rejeter">
                                                        <i class="fas fa-times"></i>
                                                    </button>
                                                </form>
                                            @endif

                                            @if($property->status === 'approved')
                                                <!-- Mettre/Retirer de la une -->
                                                <form method="POST" action="{{ route('admin.properties.feature', $property) }}" 
                                                      class="d-inline" 
                                                      onsubmit="return confirm('{{ $property->is_featured ? 'Retirer' : 'Mettre' }} cette propriété {{ $property->is_featured ? 'de' : 'à' }} la une ?')">
                                                    @csrf
                                                    @method('PATCH')
                                                    <button type="submit" 
                                                            class="btn btn-sm {{ $property->is_featured ? 'btn-secondary' : 'btn-warning' }}" 
                                                            title="{{ $property->is_featured ? 'Retirer de la une' : 'Mettre à la une' }}">
                                                        <i class="fas {{ $property->is_featured ? 'fa-star-half-alt' : 'fa-star' }}"></i>
                                                    </button>
                                                </form>
                                            @endif

                                            <!-- Voir la propriété -->
                                            <a href="{{ route('properties.show', $property) }}" 
                                               class="btn btn-sm btn-info" 
                                               title="Voir la propriété" 
                                               target="_blank">
                                                <i class="fas fa-eye"></i>
                                            </a>
                                        </div>
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>

                <!-- Pagination -->
                <div class="card-footer">
                    {{ $properties->appends(request()->query())->links() }}
                </div>
            @else
                <div class="text-center py-5">
                    <i class="fas fa-home fa-3x text-muted mb-3"></i>
                    <h4 class="text-muted">Aucune propriété trouvée</h4>
                    <p class="text-muted">
                        @if(request()->hasAny(['status', 'featured', 'agency']))
                            Aucune propriété ne correspond aux filtres sélectionnés.
                        @else
                            Il n'y a pas encore de propriétés 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