@extends('admin.layout')

@section('title', 'Tableau de bord')

@section('content')
    <div class="px-4 py-6 sm:px-0">
        <h1 class="text-3xl font-bold text-gray-900 mb-8">Tableau de bord</h1>

        <!-- Statistiques -->
        <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6 mb-8">
            <div class="bg-white overflow-hidden shadow rounded-lg">
                <div class="p-5">
                    <div class="flex items-center">
                        <div class="flex-shrink-0">
                            <i class="fas fa-building text-blue-500 text-2xl"></i>
                        </div>
                        <div class="ml-5 w-0 flex-1">
                            <dl>
                                <dt class="text-sm font-medium text-gray-500 truncate">Entreprises actives</dt>
                                <dd class="text-lg font-medium text-gray-900">{{ $stats['active_companies'] }}/{{ $stats['total_companies'] }}</dd>
                            </dl>
                        </div>
                    </div>
                </div>
            </div>

            <div class="bg-white overflow-hidden shadow rounded-lg">
                <div class="p-5">
                    <div class="flex items-center">
                        <div class="flex-shrink-0">
                            <i class="fas fa-file-invoice text-green-500 text-2xl"></i>
                        </div>
                        <div class="ml-5 w-0 flex-1">
                            <dl>
                                <dt class="text-sm font-medium text-gray-500 truncate">Factures en attente</dt>
                                <dd class="text-lg font-medium text-gray-900">{{ $stats['pending_invoices'] }}</dd>
                            </dl>
                        </div>
                    </div>
                </div>
            </div>

            <div class="bg-white overflow-hidden shadow rounded-lg">
                <div class="p-5">
                    <div class="flex items-center">
                        <div class="flex-shrink-0">
                            <i class="fas fa-exclamation-triangle text-red-500 text-2xl"></i>
                        </div>
                        <div class="ml-5 w-0 flex-1">
                            <dl>
                                <dt class="text-sm font-medium text-gray-500 truncate">Factures en retard</dt>
                                <dd class="text-lg font-medium text-gray-900">{{ $stats['overdue_invoices'] }}</dd>
                            </dl>
                        </div>
                    </div>
                </div>
            </div>

            <div class="bg-white overflow-hidden shadow rounded-lg">
                <div class="p-5">
                    <div class="flex items-center">
                        <div class="flex-shrink-0">
                            <i class="fas fa-euro-sign text-yellow-500 text-2xl"></i>
                        </div>
                        <div class="ml-5 w-0 flex-1">
                            <dl>
                                <dt class="text-sm font-medium text-gray-500 truncate">Chiffre d'affaires mensuel</dt>
                                <dd class="text-lg font-medium text-gray-900">{{ number_format($stats['monthly_revenue'], 0, ',', ' ') }} FCFA</dd>
                            </dl>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- Actions rapides -->
        <div class="bg-white shadow rounded-lg mb-8">
            <div class="px-4 py-5 sm:p-6">
                <h3 class="text-lg leading-6 font-medium text-gray-900 mb-4">Actions rapides</h3>
                <div class="flex flex-wrap gap-3">
                    <a href="{{ route('admin.generate-monthly-invoices') }}" 
                       class="inline-flex items-center px-4 py-2 border border-transparent text-sm font-medium rounded-md text-white bg-blue-600 hover:bg-blue-700">
                        <i class="fas fa-plus mr-2"></i>
                        Générer les factures mensuelles
                    </a>
                    <button class="inline-flex items-center px-4 py-2 border border-gray-300 text-sm font-medium rounded-md text-gray-700 bg-white hover:bg-gray-50">
                        <i class="fas fa-envelope mr-2"></i>
                        Envoyer rappels de paiement
                    </button>
                </div>
            </div>
        </div>

        <div class="grid grid-cols-1 lg:grid-cols-2 gap-8">
            <!-- Entreprises récentes -->
            <div class="bg-white shadow rounded-lg">
                <div class="px-4 py-5 sm:p-6">
                    <h3 class="text-lg leading-6 font-medium text-gray-900 mb-4">Entreprises récentes</h3>
                    <div class="space-y-3">
                        @foreach($recent_companies as $company)
                            <div class="flex justify-between items-center py-2 border-b border-gray-200 last:border-b-0">
                                <div>
                                    <p class="font-medium text-gray-900">{{ $company->name }}</p>
                                    <p class="text-sm text-gray-500">{{ $company->contact_person }}</p>
                                </div>
                                <div class="text-right">
                                    <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium 
                                        {{ $company->is_active ? 'bg-green-100 text-green-800' : 'bg-red-100 text-red-800' }}">
                                        {{ $company->is_active ? 'Actif' : 'Inactif' }}
                                    </span>
                                    <p class="text-sm text-gray-500 mt-1">{{ number_format($company->monthly_amount, 0, ',', ' ') }} FCFA/mois</p>
                                </div>
                            </div>
                        @endforeach
                    </div>
                    <div class="mt-4">
                        <a href="{{ route('admin.companies') }}" class="text-blue-600 hover:text-blue-500 text-sm font-medium">
                            Voir toutes les entreprises →
                        </a>
                    </div>
                </div>
            </div>

            <!-- Factures récentes -->
            <div class="bg-white shadow rounded-lg">
                <div class="px-4 py-5 sm:p-6">
                    <h3 class="text-lg leading-6 font-medium text-gray-900 mb-4">Factures récentes</h3>
                    <div class="space-y-3">
                        @foreach($recent_invoices as $invoice)
                            <div class="flex justify-between items-center py-2 border-b border-gray-200 last:border-b-0">
                                <div>
                                    <p class="font-medium text-gray-900">{{ $invoice->invoice_number ?? 'N/A' }}</p>
                                    <p class="text-sm text-gray-500">{{ $invoice->company->name ?? 'N/A' }}</p>
                                </div>
                                <div class="text-right">
                                    <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium
                                        @switch($invoice->status)
                                            @case('paid') bg-green-100 text-green-800 @break
                                            @case('pending') bg-yellow-100 text-yellow-800 @break
                                            @case('overdue') bg-red-100 text-red-800 @break
                                            @default bg-gray-100 text-gray-800
                                        @endswitch">
                                        {{ ucfirst($invoice->status ?? 'N/A') }}
                                    </span>
                                    <p class="text-sm text-gray-500 mt-1">{{ number_format($invoice->amount_ttc ?? 0, 0, ',', ' ') }} FCFA</p>
                                </div>
                            </div>
                        @endforeach
                    </div>
                    <div class="mt-4">
                        <a href="{{ route('admin.invoices') }}" class="text-blue-600 hover:text-blue-500 text-sm font-medium">
                            Voir toutes les factures →
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection