@extends('layout.layoutAdmin')

@section('title', "Estim'Bien - Tableau de bord")

@section('content')
<div class="estimations-filter container-fluid">

    <h1 class="mb-3">Tableau de bord</h1>
    <h4 class="mb-4 text-muted">Bienvenue dans votre backoffice d'estimation immobilière</h4>

    <!-- Cartes statistiques -->
    <div class="row g-3 mb-4">
        <div class="col-md-3">
            <div class="card shadow-sm border-0">
                <div class="card-body text-center">
                    <h6 class="text-muted">Total Demandes</h6>
                    <h2>{{ $totalDemandes }}</h2>
                </div>
            </div>
        </div>
        <div class="col-md-3">
            <div class="card shadow-sm border-0">
                <div class="card-body text-center">
                    <h6 class="text-primary">Nouvelles</h6>
                    <h2 class="text-primary">{{ $biensStatut0->count() }}</h2>
                </div>
            </div>
        </div>
        <div class="col-md-3">
            <div class="card shadow-sm border-0">
                <div class="card-body text-center">
                    <h6 class="text-warning">En cours</h6>
                    <h2 class="text-warning">{{ $biensStatut1->count() }}</h2>
                </div>
            </div>
        </div>
        <div class="col-md-3">
            <div class="card shadow-sm border-0">
                <div class="card-body text-center">
                    <h6 class="text-success">Répondues</h6>
                    <h2 class="text-success">{{ $biensStatut2->count() }}</h2>
                </div>
            </div>
        </div>
    </div>

    <!-- Demandes récentes -->
    <div class="card shadow-sm border-0">
        <div class="card-header d-flex justify-content-between align-items-center">
            <h5 class="mb-0">Demandes récentes</h5>
        </div>
        <div class="table-responsive">
            <table class="table table-striped table-hover mb-0 align-middle">
                <thead class="table-light">
                    <tr>
                        <th>Client</th>
                        <th>Propriété</th>
                        <th>Classification</th>
                        <th>Date</th>
                        <th>Statut</th>
                        <th class="text-start">Actions</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse($dernieresDemandes as $bien)
                        <tr>
                            <td>
                                {{ $bien->client->nom }} {{ $bien->client->prenom }}<br>
                                <small class="text-muted">{{ $bien->client->email }}</small>
                            </td>
                            <td>
                                {{ ucfirst($bien->typeBien) }}<br>
                                <small class="text-muted">
                                    @if($bien->maisons && $bien->maisons->surfaceCarrez)
                                        {{ $bien->maisons->surfaceCarrez }} m²
                                        • {{ $bien->maisons->nbPieces }} pièces
                                    @elseif($bien->appartements && $bien->appartements->surfaceCarrez)
                                        {{ $bien->appartements->surfaceCarrez }} m²
                                        • {{ $bien->appartements->nbPieces }} pièces
                                    @else
                                        N/A
                                    @endif
                                </small>
                            </td>
                            <td>
                               @if($bien->classification)
                        <span class="badge classification-badge"
                            style="background-color: {{ $bien->classification->couleur }};
                                    color: {{ \Illuminate\Support\Str::startsWith(ltrim($bien->classification->couleur, '#'), ['f','F']) ? '#000' : '#fff' }};">
                            {{ $bien->classification->nom }}
                        </span>

                    @else
                        <span class="badge bg-secondary">Non défini</span>
                    @endif
                            </td>
                            <td>{{ $bien->created_at->format('d/m/Y') }}</td>
                            <td>
                                @if($bien->statut == 0)
                                    <span class="badge bg-primary">Nouveau</span>
                                @elseif($bien->statut == 1)
                                    <span class="badge bg-warning text-dark">En cours</span>
                                @elseif($bien->statut == 2)
                                    <span class="badge bg-success">Répondu</span>
                                @endif
                            </td>
                            <td class="text-start">
                                <a href="{{ route('admin.showDemand', $bien->idBien) }}" class="btn btn-outline-primary btn-sm">
                                    <i class="bi bi-eye"></i>
                                </a>
                            </td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="6" class="text-center text-muted py-3">
                                Aucune demande récente
                            </td>
                        </tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </div>


</div>
@endsection