@extends('layouts.master')

@section('content')
    <div class="d-flex justify-content-between align-items-center mb-4">
        <h1>Rapport Journalier des Distributions</h1>
        <div>
            <input type="date" id="dateSelector" value="{{ $date }}" class="form-control d-inline-block w-auto">
            <a href="{{ route('releves.index', ['date' => $date]) }}" class="btn btn-secondary">
                ← Retour aux relevés
            </a>
        </div>
    </div>

    <div class="alert alert-info">
        <strong>Date :</strong> {{ \Carbon\Carbon::parse($date)->format('d/m/Y') }}
    </div>

    {{-- Résumé des distributions --}}
    <div class="row mb-4">
        <div class="col-md-3">
            <div class="card bg-warning text-white">
                <div class="card-body">
                    <h5 class="card-title">Gasoil Distribué</h5>
                    <p class="card-text display-4">{{ number_format($totauxReleves['gasoil'], 2, ',', ' ') }} L</p>
                </div>
            </div>
        </div>
        <div class="col-md-3">
            <div class="card bg-info text-white">
                <div class="card-body">
                    <h5 class="card-title">Essence Distribué</h5>
                    <p class="card-text display-4">{{ number_format($totauxReleves['essence'], 2, ',', ' ') }} L</p>
                </div>
            </div>
        </div>
        <div class="col-md-3">
            <div class="card bg-success text-white">
                <div class="card-body">
                    <h5 class="card-title">Total Bons Gasoil</h5>
                    <p class="card-text display-4">{{ number_format($totauxBons['gasoil'], 2, ',', ' ') }} L</p>
                </div>
            </div>
        </div>
        <div class="col-md-3">
            <div class="card bg-primary text-white">
                <div class="card-body">
                    <h5 class="card-title">Total Bons Essence</h5>
                    <p class="card-text display-4">{{ number_format($totauxBons['essence'], 2, ',', ' ') }} L</p>
                </div>
            </div>
        </div>
    </div>

    {{-- Comparaison --}}
    <div class="card mb-4">
        <div class="card-header bg-primary text-white">
            <h4 class="mb-0">Comparaison Distribution (Relevés) vs Bons émis</h4>
        </div>
        <div class="card-body">
            <div class="row">
                <div class="col-md-6">
                    <h5 class="text-warning">GASOIL</h5>
                    <table class="table table-bordered">
                        <tr class="table-warning">
                            <th>Distribué (relevés pompes)</th>
                            <td class="text-end"><strong>{{ number_format($comparaison['gasoil']['distribue'], 2, ',', ' ') }} L</strong></td>
                        </tr>
                        <tr class="table-success">
                            <th>Bons servis (status 3,4,5)</th>
                            <td class="text-end"><strong>{{ number_format($comparaison['gasoil']['bons'], 2, ',', ' ') }} L</strong></td>
                        </tr>
                        <tr class="{{ $comparaison['gasoil']['difference'] >= 0 ? 'table-danger' : 'table-warning' }}">
                            <th>Différence</th>
                            <td class="text-end">
                                <strong>
                                    {{ number_format($comparaison['gasoil']['difference_abs'], 2, ',', ' ') }} L
                                    ({{ $comparaison['gasoil']['difference'] >= 0 ? 'Surplus' : 'Manque' }})
                                </strong>
                            </td>
                        </tr>
                        <tr>
                            <th>Statut</th>
                            <td class="text-end">
                                <span class="badge {{ $comparaison['gasoil']['statut'] == 'OK' ? 'bg-success' : ($comparaison['gasoil']['statut'] == 'SURPLUS' ? 'bg-danger' : 'bg-warning') }} fs-6">
                                    {{ $comparaison['gasoil']['statut'] }}
                                </span>
                            </td>
                        </tr>
                    </table>
                </div>
                <div class="col-md-6">
                    <h5 class="text-info">ESSENCE</h5>
                    <table class="table table-bordered">
                        <tr class="table-info">
                            <th>Distribué (relevés pompes)</th>
                            <td class="text-end"><strong>{{ number_format($comparaison['essence']['distribue'], 2, ',', ' ') }} L</strong></td>
                        </tr>
                        <tr class="table-success">
                            <th>Bons servis (status 3,4,5)</th>
                            <td class="text-end"><strong>{{ number_format($comparaison['essence']['bons'], 2, ',', ' ') }} L</strong></td>
                        </tr>
                        <tr class="{{ $comparaison['essence']['difference'] >= 0 ? 'table-danger' : 'table-warning' }}">
                            <th>Différence</th>
                            <td class="text-end">
                                <strong>
                                    {{ number_format($comparaison['essence']['difference_abs'], 2, ',', ' ') }} L
                                    ({{ $comparaison['essence']['difference'] >= 0 ? 'Surplus' : 'Manque' }})
                                </strong>
                            </td>
                        </tr>
                        <tr>
                            <th>Statut</th>
                            <td class="text-end">
                                <span class="badge {{ $comparaison['essence']['statut'] == 'OK' ? 'bg-success' : ($comparaison['essence']['statut'] == 'SURPLUS' ? 'bg-danger' : 'bg-warning') }} fs-6">
                                    {{ $comparaison['essence']['statut'] }}
                                </span>
                            </td>
                        </tr>
                    </table>
                </div>
            </div>
        </div>
    </div>

    {{-- Détail des relevés --}}
    <div class="card mb-4">
        <div class="card-header">
            <h4>Détail des distributions par pompe</h4>
        </div>
        <div class="card-body">
            <table class="table table-striped">
                <thead>
                    <tr>
                        <th>Pompe</th>
                        <th>Type</th>
                        <th>Index départ (L)</th>
                        <th>Index fin (L)</th>
                        <th>Quantité (L)</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse($detailsReleves as $detail)
                        <tr>
                            <td>{{ $detail['pompe'] }}</td>
                            <td>{{ ucfirst($detail['type']) }}</td>
                            <td>{{ number_format($detail['index_depart'], 2, ',', ' ') }}</td>
                            <td>{{ number_format($detail['index_fin'], 2, ',', ' ') }}</td>
                            <td><strong>{{ number_format($detail['quantite'], 2, ',', ' ') }}</strong></td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="5" class="text-center">Aucun relevé pour cette date</td>
                        </tr>
                    @endforelse
                </tbody>
                <tfoot>
                    <tr class="table-active">
                        <th colspan="4" class="text-end">Total général :</th>
                        <th><strong>{{ number_format($totauxReleves['total'], 2, ',', ' ') }} L</strong></th>
                    </tr>
                </tfoot>
            </table>
        </div>
    </div>

    {{-- Liste des bons servis --}}
    <div class="card">
        <div class="card-header">
            <h4>Bons de carburant servis ce jour (Status 3, 4, 5)</h4>
            <small>Status: 3=Servi, 4=Encaissé, 5=Clôturé</small>
        </div>
        <div class="card-body">
            <div class="mb-3">
                <span class="badge bg-info">Status 3: {{ $statsBons['status_3'] }}</span>
                <span class="badge bg-success">Status 4: {{ $statsBons['status_4'] }}</span>
                <span class="badge bg-primary">Status 5: {{ $statsBons['status_5'] }}</span>
                <span class="badge bg-secondary">Total: {{ $statsBons['total'] }}</span>
            </div>
            
            @if(count($detailsBons) > 0)
                <table class="table table-sm">
                    <thead>
                        <tr>
                            <th>N° Bon</th>
                            <th>Type</th>
                            <th>Quantité (L)</th>
                            <th>Véhicule</th>
                            <th>Responsable</th>
                            <th>Status</th>
                            <th>Date service</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($detailsBons as $bon)
                            <tr>
                                <td>{{ $bon['numero_bon'] }}</td>
                                <td>{{ ucfirst($bon['type']) }}</td>
                                <td>{{ number_format($bon['quantite'], 2, ',', ' ') }}</td>
                                <td>{{ $bon['vehicule_id'] }}</td>
                                <td>{{ $bon['responsable'] ?? '-' }}</td>
                                <td>
                                    @php
                                        $statusLabels = [3 => 'Servi', 4 => 'Encaissé', 5 => 'Clôturé'];
                                        $statusClass = [3 => 'info', 4 => 'success', 5 => 'primary'];
                                    @endphp
                                    <span class="badge bg-{{ $statusClass[$bon['status']] }}">
                                        {{ $statusLabels[$bon['status']] }}
                                    </span>
                                </td>
                                <td>{{ $bon['serviele'] ? \Carbon\Carbon::parse($bon['serviele'])->format('d/m/Y') : '-' }}</td>
                            </tr>
                        @endforeach
                    </tbody>
                    <tfoot>
                        <tr class="table-active">
                            <th colspan="2" class="text-end">Total bons :</th>
                            <th colspan="5">{{ number_format($totauxBons['total'], 2, ',', ' ') }} L</th>
                        </tr>
                    </tfoot>
                </table>
            @else
                <p class="text-muted">Aucun bon servi pour cette date</p>
            @endif
        </div>
    </div>

    <script>
        document.getElementById('dateSelector').addEventListener('change', function() {
            window.location.href = '{{ route("releves.rapport-journalier") }}?date=' + this.value;
        });
    </script>
@endsection