@if (Auth()->user()->type_user != 'owner')
    @include('error.404')
    @dd()
@else
    @extends('layouts.owner.master')

    @section('title', 'Tableau de bord')
    
    @section('content')
        <div class="content-wrapper">
            @php
                $subscription = auth()->user()->subscription;

                $isTrial = $subscription 
                    && $subscription->status === 'trial'
                    && now()->lt($subscription->trial_ends_at);
            @endphp

            @if($isTrial)
                <div class="bg-warning text-dark text-center py-2 fw-bold mb-3">
                    ESSAI GRATUIT ACTIF — 
                    Expire le {{ \Carbon\Carbon::parse($subscription->trial_ends_at)->format('d/m/Y') }}
                </div>
            @endif

            <div class="row">
                <!-- COMMANDES -->
                <div class="col-md-3 mb-3">
                    <div class="card shadow-sm border-0">
                        <div class="card-body d-flex justify-content-between align-items-center">
                            <div>
                                <small class="text-muted">Commandes totales</small>
                                <h3 class="fw-bold mb-0">{{ $totalCommandes }}</h3>
                            </div>

                            <div class="icon-card bg-purple">
                                <i class="bx bx-file"></i>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- EN COURS -->
                <div class="col-md-3 mb-3">
                    <div class="card shadow-sm border-0">
                        <div class="card-body d-flex justify-content-between align-items-center">

                            <div>
                                <small class="text-muted">Commandes en cours</small>
                                <h3 class="fw-bold mb-0">{{ $commandesEnCours }}</h3>
                            </div>

                            <div class="icon-card bg-purple">
                                <i class='bx bxs-hourglass-top'></i>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- CLIENTS -->
                <div class="col-md-3 mb-3">
                    <div class="card shadow-sm border-0">
                        <div class="card-body d-flex justify-content-between align-items-center">
                            <div>
                                <small class="text-muted">Clients</small>
                                <h3 class="fw-bold mb-0">{{ $totalClients }}</h3>
                            </div>

                            <div class="icon-card bg-purple">
                                <i class="bx bxs-user"></i>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- CHIFFRE D'AFFAIRE -->
                <div class="col-md-3 mb-3">
                    <div class="card shadow-sm border-0 bg-dark-purple text-white">
                        <div class="card-body d-flex justify-content-between align-items-center">
                            <div>
                                <small>Chiffre d'affaire hebdomadaire</small>
                                <h4 class="fw-bold mb-0">
                                    {{ money($chiffreAffaire) }}
                                </h4>
                            </div>
                            <div class="icon-card bg-gold">
                                <i class='bx bx-money'></i>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="row mt-4">
                <!-- GRAPHIQUE -->
                <div class="col-md-8 mb-3">
                    <div class="card shadow-sm border-0 h-100">
                        <div class="card-header bg-primary text-white">
                            Chiffre d'affaire (semaine)
                        </div>

                        <div class="card-body">
                            <canvas id="chartCA" height="100"></canvas>
                        </div>
                    </div>
                </div>

                <!-- ACTIVITÉ -->
                <div class="col-md-4 mb-3">
                    <div class="card shadow-sm border-0 h-100">
                        <div class="card-header bg-primary text-white">
                            Activité récente
                        </div>

                        <div class="card-body">
                            @foreach($recentCommandes as $cmd)
                                <div class="d-flex justify-content-between align-items-center mb-2">
                                    <div>
                                        <strong>{{ $cmd->reference }}</strong><br>
                                        <small class="text-muted">{{ $cmd->client->fullname ?? '-' }}</small>
                                    </div>

                                    <span class="badge bg-success">
                                        {{ money($cmd->amount_commandes ?? 0) }}
                                    </span>
                                </div>
                            @endforeach
                        </div>
                    </div>
                </div>
            </div>

            <div class="row">
                <div class="col-md-12 mb-3">
                    <div class="card shadow-sm border-0">
                        <div class="card-header bg-danger text-white">
                            Alertes récupération (5 jours)
                        </div>

                        <div class="card-body">
                            @if($alertesCommandes->count() > 0)
                                @foreach($alertesCommandes as $cmd)
                                    <div class="d-flex justify-content-between align-items-center mb-2">
                                        <div>
                                            <strong>{{ $cmd->reference }}</strong><br>
                                            <small class="text-muted">
                                                {{ $cmd->client->fullname ?? '-' }}
                                            </small><br>

                                            <small class="text-danger">
                                                {{ \Carbon\Carbon::parse($cmd->end_date)->translatedFormat('d M') }}
                                            </small>
                                        </div>

                                        <span class="badge bg-warning text-dark">
                                            J-{{ now()->diffInDays($cmd->end_date) }}
                                        </span>
                                    </div>
                                @endforeach
                            @else
                                <div class="text-center text-muted">
                                    ✔ Aucune alerte
                                </div>
                            @endif
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
        <script>
            const ctx = document.getElementById('chartCA');

            new Chart(ctx, {
                type: 'line',
                data: {
                    labels: @json($chartLabels),
                    datasets: [{
                        label: 'CA (FCFA)',
                        data: @json($chartData),
                        borderWidth: 3,
                        tension: 0.4,
                        fill: true,
                    }]
                },
                options: {
                    responsive: true,
                    plugins: {
                        legend: {
                            display: false
                        }
                    }
                }
            });
        </script>
    @endsection
@endif