@extends('layouts.app')

@section('title', 'Dashboard Admin - CayorCity')

@section('content')
<div class="container-fluid mt-4">
    <!-- Header -->
    <div class="row mb-4">
        <div class="col-12">
            <div class="d-flex justify-content-between align-items-center">
                <h1 class="h2 text-primary">
                    <i class="fas fa-tachometer-alt me-2"></i>Dashboard Administrateur
                </h1>
                <div class="text-muted">
                    <i class="fas fa-calendar me-1"></i>{{ date('d/m/Y H:i') }}
                </div>
            </div>
        </div>
    </div>

    <!-- Statistiques principales -->
    <div class="row mb-4">
        <div class="col-md-3 mb-3">
            <div class="card border-info h-100">
                <div class="card-body text-center">
                    <div class="text-info mb-2">
                        <i class="fas fa-users fa-2x"></i>
                    </div>
                    <h4 class="text-primary">{{ number_format($stats['total_users']) }}</h4>
                    <p class="card-text text-muted">Utilisateurs Total</p>
                    <a href="{{ route('admin.users.index') }}" class="btn btn-outline-info btn-sm">
                        <i class="fas fa-eye me-1"></i>Voir tous
                    </a>
                </div>
            </div>
        </div>

        <div class="col-md-3 mb-3">
            <div class="card border-warning h-100">
                <div class="card-body text-center">
                    <div class="text-warning mb-2">
                        <i class="fas fa-building fa-2x"></i>
                    </div>
                    <h4 class="text-primary">{{ number_format($stats['total_agencies']) }}</h4>
                    <p class="card-text text-muted">Agences Total</p>
                    @if($stats['pending_agencies'] > 0)
                        <span class="badge bg-danger mb-2">{{ $stats['pending_agencies'] }} en attente</span><br>
                    @endif
                    <a href="{{ route('admin.agencies.index') }}" class="btn btn-outline-warning btn-sm">
                        <i class="fas fa-eye me-1"></i>Gérer
                    </a>
                </div>
            </div>
        </div>

        <div class="col-md-3 mb-3">
            <div class="card border-success h-100">
                <div class="card-body text-center">
                    <div class="text-success mb-2">
                        <i class="fas fa-home fa-2x"></i>
                    </div>
                    <h4 class="text-primary">{{ number_format($stats['total_properties']) }}</h4>
                    <p class="card-text text-muted">Propriétés Total</p>
                    @if($stats['pending_properties'] > 0)
                        <span class="badge bg-danger mb-2">{{ $stats['pending_properties'] }} en attente</span><br>
                    @endif
                    <a href="{{ route('admin.properties') }}" class="btn btn-outline-success btn-sm">
                        <i class="fas fa-eye me-1"></i>Gérer
                    </a>
                </div>
            </div>
        </div>

        <div class="col-md-3 mb-3">
            <div class="card border-danger h-100">
                <div class="card-body text-center">
                    <div class="text-danger mb-2">
                        <i class="fas fa-envelope fa-2x"></i>
                    </div>
                    <h4 class="text-primary">{{ number_format($stats['total_contacts']) }}</h4>
                    <p class="card-text text-muted">Messages Total</p>
                    @if($stats['unread_contacts'] > 0)
                        <span class="badge bg-danger mb-2">{{ $stats['unread_contacts'] }} nouveaux</span><br>
                    @endif
                    <a href="#" class="btn btn-outline-danger btn-sm">
                        <i class="fas fa-eye me-1"></i>Voir
                    </a>
                </div>
            </div>
        </div>
    </div>

    <!-- Actions rapides -->
    <div class="row mb-4">
        <div class="col-12">
            <div class="card">
                <div class="card-header bg-primary text-white">
                    <h5 class="mb-0"><i class="fas fa-rocket me-2"></i>Actions Rapides</h5>
                </div>
                <div class="card-body">
                    <div class="row">
                        <div class="col-md-2 mb-2">
                            <a href="{{ route('admin.agencies') }}" class="btn btn-warning w-100">
                                <i class="fas fa-building me-1"></i><br>Agences
                            </a>
                        </div>
                        <div class="col-md-2 mb-2">
                            <a href="{{ route('admin.properties') }}" class="btn btn-success w-100">
                                <i class="fas fa-home me-1"></i><br>Propriétés
                            </a>
                        </div>
                        <div class="col-md-2 mb-2">
                            <a href="{{ route('admin.users.index') }}" class="btn btn-info w-100">
                                <i class="fas fa-users me-1"></i><br>Utilisateurs
                            </a>
                        </div>
                        <div class="col-md-2 mb-2">
                            <a href="{{ route('admin.statistics') }}" class="btn btn-secondary w-100">
                                <i class="fas fa-chart-bar me-1"></i><br>Statistiques
                            </a>
                        </div>
                        <div class="col-md-2 mb-2">
                            <a href="{{ route('properties.index') }}" class="btn btn-outline-primary w-100">
                                <i class="fas fa-eye me-1"></i><br>Voir Site
                            </a>
                        </div>
                        <div class="col-md-2 mb-2">
                            <a href="/guide-agences.html" class="btn btn-outline-secondary w-100">
                                <i class="fas fa-question-circle me-1"></i><br>Guide
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Activités récentes -->
    <div class="row">
        <!-- Nouvelles demandes d'agences -->
        <div class="col-md-6 mb-4">
            <div class="card h-100">
                <div class="card-header bg-warning text-dark">
                    <h6 class="mb-0">
                        <i class="fas fa-building me-2"></i>Demandes d'Agences En Attente
                        @if($stats['pending_agencies'] > 0)
                            <span class="badge bg-danger ms-2">{{ $stats['pending_agencies'] }}</span>
                        @endif
                    </h6>
                </div>
                <div class="card-body">
                    @forelse($recentActivities['pending_agencies'] as $agency)
                        <div class="d-flex justify-content-between align-items-center border-bottom py-2">
                            <div>
                                <strong>{{ $agency->name }}</strong><br>
                                <small class="text-muted">
                                    Par: {{ $agency->user->name }} | {{ $agency->created_at->diffForHumans() }}
                                </small>
                            </div>
                            <div>
                                <a href="{{ route('admin.agencies.index') }}" class="btn btn-outline-warning btn-sm">
                                    <i class="fas fa-eye"></i>
                                </a>
                            </div>
                        </div>
                    @empty
                        <p class="text-muted text-center">
                            <i class="fas fa-check-circle text-success me-2"></i>
                            Aucune demande en attente
                        </p>
                    @endforelse
                </div>
            </div>
        </div>

        <!-- Nouveaux utilisateurs -->
        <div class="col-md-6 mb-4">
            <div class="card h-100">
                <div class="card-header bg-info text-white">
                    <h6 class="mb-0">
                        <i class="fas fa-user-plus me-2"></i>Nouveaux Utilisateurs
                    </h6>
                </div>
                <div class="card-body">
                    @forelse($recentActivities['new_users'] as $user)
                        <div class="d-flex justify-content-between align-items-center border-bottom py-2">
                            <div>
                                <strong>{{ $user->name }}</strong><br>
                                <small class="text-muted">
                                    {{ $user->email }} | {{ $user->created_at->diffForHumans() }}
                                </small>
                            </div>
                            <div>
                                <span class="badge bg-{{ $user->user_type === 'admin' ? 'danger' : ($user->user_type === 'agency' ? 'warning' : 'primary') }}">
                                    {{ ucfirst($user->user_type) }}
                                </span>
                            </div>
                        </div>
                    @empty
                        <p class="text-muted text-center">Aucun nouvel utilisateur</p>
                    @endforelse
                </div>
            </div>
        </div>

        <!-- Propriétés en attente -->
        <div class="col-md-6 mb-4">
            <div class="card h-100">
                <div class="card-header bg-success text-white">
                    <h6 class="mb-0">
                        <i class="fas fa-home me-2"></i>Propriétés En Attente
                        @if($stats['pending_properties'] > 0)
                            <span class="badge bg-danger ms-2">{{ $stats['pending_properties'] }}</span>
                        @endif
                    </h6>
                </div>
                <div class="card-body">
                    @forelse($recentActivities['pending_properties'] as $property)
                        <div class="d-flex justify-content-between align-items-center border-bottom py-2">
                            <div>
                                <strong>{{ Str::limit($property->title, 30) }}</strong><br>
                                <small class="text-muted">
                                    Par: {{ $property->user->name }} | {{ $property->created_at->diffForHumans() }}
                                </small>
                            </div>
                            <div>
                                <span class="badge bg-success">{{ number_format($property->price) }} FCFA</span>
                            </div>
                        </div>
                    @empty
                        <p class="text-muted text-center">
                            <i class="fas fa-check-circle text-success me-2"></i>
                            Aucune propriété en attente
                        </p>
                    @endforelse
                </div>
            </div>
        </div>

        <!-- Messages récents -->
        <div class="col-md-6 mb-4">
            <div class="card h-100">
                <div class="card-header bg-danger text-white">
                    <h6 class="mb-0">
                        <i class="fas fa-envelope me-2"></i>Messages Récents
                        @if($stats['unread_contacts'] > 0)
                            <span class="badge bg-warning ms-2">{{ $stats['unread_contacts'] }} nouveaux</span>
                        @endif
                    </h6>
                </div>
                <div class="card-body">
                    @forelse($recentActivities['recent_contacts'] as $contact)
                        <div class="d-flex justify-content-between align-items-center border-bottom py-2">
                            <div>
                                <strong>{{ $contact->user ? $contact->user->name : $contact->name }}</strong><br>
                                <small class="text-muted">
                                    {{ Str::limit($contact->message, 40) }} | {{ $contact->created_at->diffForHumans() }}
                                </small>
                            </div>
                            <div>
                                <span class="badge bg-{{ $contact->status === 'new' ? 'danger' : 'secondary' }}">
                                    {{ ucfirst($contact->status) }}
                                </span>
                            </div>
                        </div>
                    @empty
                        <p class="text-muted text-center">Aucun message récent</p>
                    @endforelse
                </div>
            </div>
        </div>
    </div>

    <!-- Footer dashboard -->
    <div class="row mt-4">
        <div class="col-12">
            <div class="card border-0 bg-light">
                <div class="card-body text-center">
                    <p class="text-muted mb-0">
                        <i class="fas fa-shield-alt text-success me-2"></i>
                        Dashboard Administrateur CayorCity 2.0 - {{ date('Y') }}
                    </p>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@section('scripts')
<script>
    // Auto-refresh toutes les 5 minutes
    setTimeout(function() {
        location.reload();
    }, 300000);

    // Tooltip Bootstrap
    var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'))
    var tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) {
        return new bootstrap.Tooltip(tooltipTriggerEl)
    });
</script>
@endsection