@extends('layouts.master')

@section('content')
<div class="container-fluid">
    <div class="row">
        <div class="col-md-12">
            <div class="card shadow">
                <div class="card-header d-flex justify-content-between align-items-center"
                     style="background: linear-gradient(90deg, #2c3e50, #4a6491); color: white;">
                    <div>
                        <h4 class="mb-0">
                            <i class="fas fa-eye"></i> Détails du Budget Carburant
                        </h4>
                        <small class="mb-0">ID: {{ $budget->id_budget_carburant }}</small>
                    </div>
                    <div>
                        <a href="{{ route('budget-carburant.index') }}" class="btn btn-light btn-sm">
                            <i class="fas fa-arrow-left"></i> Retour
                        </a>
                        <button type="button" class="btn btn-warning btn-sm" data-toggle="modal" data-target="#editBudgetModal">
                            <i class="fas fa-edit"></i> Modifier
                        </button>
                    </div>
                </div>

                <div class="card-body">
                    <!-- Messages d'alerte -->
                    @if(session('message'))
                        <div class="alert alert-success alert-dismissible fade show" role="alert">
                            <i class="fas fa-check-circle"></i> {{ session('message') }}
                            <button type="button" class="close" data-dismiss="alert">
                                <span aria-hidden="true">&times;</span>
                            </button>
                        </div>
                    @endif

                    @if(session('message_exist'))
                        <div class="alert alert-danger alert-dismissible fade show" role="alert">
                            <i class="fas fa-exclamation-circle"></i> {{ session('message_exist') }}
                            <button type="button" class="close" data-dismiss="alert">
                                <span aria-hidden="true">&times;</span>
                            </button>
                        </div>
                    @endif

                    <div class="row">
                        <!-- Informations principales -->
                        <div class="col-md-8">
                            <div class="card mb-4">
                                <div class="card-header bg-info text-white">
                                    <h5 class="mb-0">
                                        <i class="fas fa-info-circle"></i> Informations Générales
                                    </h5>
                                </div>
                                <div class="card-body">
                                    <table class="table table-borderless">
                                        <tbody>
                                             <tr>
                                                <th>Ligne budget carburant :</th>
                                                <td>
                                                    <h5 class="text-primary">{{ $budget->desc_detail_carburant }}</h5>
                                                </td>
                                            </tr>
                                           


                                             <tr>
                                                <th width="30%">Budget Alloué :</th>
                                                <td>
                                                    <h5 class="mb-0 text-success">{{ number_format($budget->id_budget_carburant, 0, ',', ' ') }} BIF</h5>
                                                </td>
                                            </tr>


                                             <tr>
                                                <th width="30%">Budget consommé :</th>
                                                <td>
                                                    <h5 class="mb-0 text-success">{{ number_format($totalMontant, 0, ',', ' ') }} BIF</h5>
                                                </td>
                                            </tr>


                                             <tr>
                                                <th width="30%">Carburant consommé :</th>
                                                <td>
                                                    <h5 class="mb-0 text-success">{{ number_format($totalQuantite, 2) }} L</h5>
                                                </td>
                                            </tr>


                                           
                                           
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>

                        <!-- Informations complémentaires -->
                        <div class="col-md-4">
                            <div class="card mb-4">
                                <div class="card-header bg-success text-white">
                                    <h5 class="mb-0">
                                        <i class="fas fa-link"></i> Arborescence Budgétaire
                                    </h5>
                                </div>
                                @if($relationsCompletes && $relationsCompletes->nom_action)
                                            <tr>
                                               
                                                <td>
                                                    <div class="alert alert-light border">
                                                        <div class="d-flex align-items-center mb-1">
                                                            <i class="fas fa-sitemap text-primary mr-2"></i>
                                                            <small class="text-muted">Chemin complet :</small>
                                                        </div>
                                                        <div class="pl-3">
                                                            <div class="mb-1">
                                                                <span class="badge badge-primary">{{ $relationsCompletes->code_budget ?? '' }}</span>
                                                                {{ $relationsCompletes->nom_action ?? '' }}
                                                            </div>
                                                            <div class="mb-1">
                                                                <i class="fas fa-arrow-right text-muted mr-1"></i>
                                                                <span class="badge badge-info">{{ $relationsCompletes->code_budget_detail ?? '' }}</span>
                                                                {{ $relationsCompletes->nom_action_detail ?? '' }}
                                                            </div>
                                                            <div>
                                                                <i class="fas fa-arrow-right text-muted mr-1"></i>
                                                                <span class="badge badge-secondary">Budget Carburant</span>
                                                                {{ $budget->desc_detail_carburant }}
                                                            </div>
                                                        </div>
                                                    </div>
                                                </td>
                                            </tr>
                                            @endif


                                             @if($budget->status_budget == 1)
                                                        <span class="badge badge-success p-2">
                                                            <i class="fas fa-check"></i> Actif
                                                        </span>
                                                    @elseif($budget->status_budget == 0)
                                                        <span class="badge badge-danger p-2">
                                                            <i class="fas fa-ban"></i> Inactif
                                                        </span>
                                                    @else
                                                        <span class="badge badge-warning p-2">
                                                            <i class="fas fa-clock"></i> En attente
                                                        </span>
                                                    @endif
                            </div>
                            
                            
                        </div>
                    </div>

                    <!-- Section des bons associés -->
                    <div class="row mt-4">
                        <div class="col-md-12">
                            <div class="card">
                                <div class="card-header bg-primary text-white d-flex justify-content-between align-items-center">
                                    <h5 class="mb-0">
                                        <i class="fas fa-gas-pump"></i> Bons de Carburant Associés
                                        <span class="badge badge-light ml-2">{{ $statistiques['total_bons'] }}</span>
                                    </h5>
                                   @if($statistiques['total_bons'] > 0)
                                    <div class="btn-group">
                                        <button type="button" class="btn btn-light btn-sm dropdown-toggle" data-toggle="dropdown">
                                            <i class="fas fa-filter"></i> Filtrer
                                        </button>
                                        <div class="dropdown-menu">
                                            <a class="dropdown-item" href="#" onclick="filterBons('all')">Tous ({{ $statistiques['total_bons'] }})</a>
                                            <a class="dropdown-item" href="#" onclick="filterBons(3)">Servis ({{ $statistiques['bons_servis'] ?? 0 }})</a>
                                            <a class="dropdown-item" href="#" onclick="filterBons(4)">Payés ({{ $statistiques['bons_payes'] ?? 0 }})</a>
                                            <a class="dropdown-item" href="#" onclick="filterBons(0)">Annulés ({{ $statistiques['bons_annules'] ?? 0 }})</a>
                                        </div>
                                    </div>
                                    @endif
                                </div>
                                <!-- <div class="card-body">
                                    @if($statistiques['total_bons'] > 0)
                                       
                                        <div class="row mb-4">
                                            @php
                                                $statutColors = [
                                                    0 => 'secondary',
                                                    1 => 'info', 
                                                    2 => 'warning',
                                                    3 => 'primary',
                                                    4 => 'success',
                                                    5 => 'dark'
                                                ];
                                            @endphp
                                            @foreach($statistiques['bons_par_statut'] as $statut => $count)
                                            <div class="col-md-2 col-sm-4 mb-2">
                                                <div class="card bg-light">
                                                    <div class="card-body text-center p-2">
                                                        @php
                                                            $statutsText = [
                                                                0 => 'Annulé',
                                                                1 => 'Initier',
                                                                2 => 'Autoriser',
                                                                3 => 'Servi',
                                                                4 => 'Payé',
                                                                5 => 'Clôturé'
                                                            ];
                                                            $text = $statutsText[$statut] ?? 'Inconnu';
                                                            $color = $statutColors[$statut] ?? 'light';
                                                        @endphp
                                                        <span class="badge badge-{{ $color }} mb-1">{{ $text }}</span>
                                                        <h6 class="mb-0">{{ $count }}</h6>
                                                        <small class="text-muted">bons</small>
                                                    </div>
                                                </div>
                                            </div> 
                                            @endforeach
                                        </div>-->

                                        <div class="table-responsive">
                                            <table class="table table-bordered table-hover table-sm" id="bonsTable">
                                                <thead class="thead-light">
                                                    <tr>
                                                        <th>#</th>
                                                        <th>N° Bon</th>
                                                        <th>N° Système</th>
                                                        <th>Date Service</th>
                                                        <th>Véhicule</th>
                                                        <th>Carburant</th>
                                                        <th>Quantité (L)</th>
                                                        <th>Montant (BIF)</th>
                                                        <th>Mode Paiement</th>
                                                        <th>Commentaire</th>
                                                        <th>Statut</th>
                                                        <th>Action</th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    @foreach($bonsAssocies as $bon)
                                                    <tr class="bon-row" data-statut="{{ $bon->status_bon_a_servir }}">
                                                        <td>{{ $loop->iteration }}</td>
                                                        <td>
                                                            <strong>{{ $bon->numero_bon_a_servir }}</strong>
                                                        </td>
                                                        <td>{{ $bon->num_bon_sys }}</td>
                                                        <td>
                                                            @if($bon->serviele)
                                                                {{ \Carbon\Carbon::parse($bon->serviele)->format('d/m/Y H:i') }}
                                                            @else
                                                                <span class="text-muted">Non servi</span>
                                                            @endif
                                                        </td>
                                                        <td>
                                                            @if($bon->num_immatriculation)
                                                                <div class="small">
                                                                    <strong>{{ $bon->num_immatriculation }}</strong>
                                                                    @if($bon->marque || $bon->modele)
                                                                        <br>
                                                                        <span class="text-muted">{{ $bon->marque }} {{ $bon->modele }}</span>
                                                                    @endif
                                                                </div>
                                                            @else
                                                                <span class="text-muted">Non spécifié</span>
                                                            @endif
                                                        </td>
                                                        <td>
                                                            <span class="badge badge-info">{{ $bon->type_carburant }}</span>
                                                        </td>
                                                        <td class="text-right">
                                                            <strong>{{ number_format($bon->quantite_servie, 2) }}</strong> L
                                                        </td>
                                                        <td class="text-right">
                                                            <div class="font-weight-bold text-danger">{{ number_format($bon->montant_a_payer, 0, ',', ' ') }}</div>
                                                            @if($bon->montant_payer > 0)
                                                            <div class="small text-success">
                                                                Payé: {{ number_format($bon->montant_payer, 0, ',', ' ') }}
                                                            </div>
                                                            @endif
                                                            @if($bon->montant_restant_a_payer > 0)
                                                            <div class="small text-warning">
                                                                Reste: {{ number_format($bon->montant_restant_a_payer, 0, ',', ' ') }}
                                                            </div>
                                                            @endif
                                                        </td>
                                                        <td>
                                                            {{ $bon->mode_payement ?? '-' }}
                                                        </td>
                                                         <td>
                                                            {{ $bon->description ?? '-' }}
                                                        </td>
                                                        <td>
                                                            @php
                                                                $statuts = [
                                                                    0 => ['badge' => 'secondary', 'text' => 'Annulé', 'icon' => 'fa-ban'],
                                                                    1 => ['badge' => 'info', 'text' => 'Initier', 'icon' => 'fa-file'],
                                                                    2 => ['badge' => 'warning', 'text' => 'Autoriser', 'icon' => 'fa-check-circle'],
                                                                    3 => ['badge' => 'primary', 'text' => 'Servi', 'icon' => 'fa-gas-pump'],
                                                                    4 => ['badge' => 'success', 'text' => 'Payé', 'icon' => 'fa-money-bill-wave'],
                                                                    5 => ['badge' => 'dark', 'text' => 'Clôturé', 'icon' => 'fa-lock']
                                                                ];
                                                                $statut = $statuts[$bon->status_bon_a_servir] ?? ['badge' => 'light', 'text' => 'Inconnu', 'icon' => 'fa-question'];
                                                            @endphp
                                                            <span class="badge badge-{{ $statut['badge'] }}">
                                                                <i class="fas {{ $statut['icon'] }}"></i> {{ $statut['text'] }}
                                                            </span>
                                                        </td>
                                                       
                                                    </tr>
                                                    @endforeach
                                                </tbody>
                                                <tfoot>
                                                    <tr class="bg-light">
                                                        <th colspan="5">TOTAUX</th>
                                                        <th class="text-right">{{ number_format($totalQuantite, 2) }} L</th>
                                                        <th class="text-right">{{ number_format($totalMontant, 0, ',', ' ') }} BIF</th>
                                                        <th colspan="4"></th>
                                                    </tr>
                                                </tfoot>
                                            </table>
                                        </div>
                                    @else
                                        <div class="alert alert-info text-center">
                                            <i class="fas fa-info-circle fa-2x mb-3"></i>
                                            <h5>Aucun bon de carburant associé à cette ligne budgétaire</h5>
                                            <p class="mb-0">Les bons attribués à cette ligne budgétaire apparaîtront ici.</p>
                                        </div>
                                    @endif
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- Historique et dates -->
                    <div class="row">
                        <div class="col-md-6">
                            <div class="card">
                                <div class="card-header bg-secondary text-white">
                                    <h5 class="mb-0">
                                        <i class="fas fa-history"></i> Historique
                                    </h5>
                                </div>
                                <div class="card-body">
                                    <table class="table table-sm">
                                        <tbody>
                                            <tr>
                                                <th><i class="far fa-calendar-plus"></i> Créé le :</th>
                                                <td>
                                                    {{ \Carbon\Carbon::parse($budget->created_at)->format('d/m/Y à H:i') }}
                                                </td>
                                            </tr>
                                            <tr>
                                                <th><i class="far fa-calendar-check"></i> Modifié le :</th>
                                                <td>
                                                    @if($budget->updated_at)
                                                        {{ \Carbon\Carbon::parse($budget->updated_at)->format('d/m/Y à H:i') }}
                                                    @else
                                                        <span class="text-muted">Jamais modifié</span>
                                                    @endif
                                                </td>
                                            </tr>
                                            <tr>
                                                <th><i class="fas fa-gas-pump"></i> Dernier bon :</th>
                                                <td>
                                                    @if($statistiques['total_bons'] > 0)
                                                        @php
                                                            $dernierBon = $bonsAssocies->sortByDesc('serviele')->first();
                                                        @endphp
                                                        {{ \Carbon\Carbon::parse($dernierBon->serviele)->format('d/m/Y') }}
                                                        ({{ number_format($dernierBon->quantite_servie, 2) }} L)
                                                    @else
                                                        <span class="text-muted">Aucun bon</span>
                                                    @endif
                                                </td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>

                        <div class="col-md-6">
                            <div class="card">
                                <div class="card-header bg-warning text-white">
                                    <h5 class="mb-0">
                                        <i class="fas fa-cogs"></i> Actions Rapides
                                    </h5>
                                </div>
                                <div class="card-body">
                                    <div class="btn-group-vertical w-100" role="group">
                                        @if($budget->status_budget == 1)
                                            <a href="{{ route('budget-carburant.change-status', ['id' => $budget->id_budget_carburant, 'status' => 0]) }}" 
                                               class="btn btn-outline-danger mb-2"
                                               onclick="return confirm('Désactiver ce budget ?')">
                                                <i class="fas fa-ban"></i> Désactiver le Budget
                                            </a>
                                        @else
                                            <a href="{{ route('budget-carburant.change-status', ['id' => $budget->id_budget_carburant, 'status' => 1]) }}" 
                                               class="btn btn-outline-success mb-2"
                                               onclick="return confirm('Activer ce budget ?')">
                                                <i class="fas fa-check"></i> Activer le Budget
                                            </a>
                                        @endif
                                        
                                        <button type="button" class="btn btn-outline-danger" 
                                                data-toggle="modal" data-target="#deleteModal">
                                            <i class="fas fa-trash"></i> Supprimer le Budget
                                        </button>
                                        
                                        @if($statistiques['total_bons'] > 0)
                                        <button type="button" class="btn btn-outline-primary mt-2" onclick="exportBons()">
                                            <i class="fas fa-file-export"></i> Exporter les bons
                                        </button>
                                        @endif
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Modal d'édition -->
<div class="modal fade" id="editBudgetModal" tabindex="-1" role="dialog">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header bg-warning text-white">
                <h5 class="modal-title">
                    <i class="fas fa-edit"></i> Modifier le Budget Carburant
                </h5>
                <button type="button" class="close" data-dismiss="modal">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <form action="{{ route('budget-carburant.update', $budget->id_budget_carburant) }}" method="POST">
                @csrf
                @method('PUT')
                <div class="modal-body">
                    <div class="row">
                        <div class="col-md-6">
                            <div class="form-group">
                                <label for="id_budget_detail_relie">ID Action Detail Relié *</label>
                                <input type="number" 
                                       class="form-control" 
                                       id="id_budget_detail_relie"
                                       name="id_budget_detail_relie" 
                                       value="{{ $budget->id_budget_detail_relie }}"
                                       required>
                                <small class="form-text text-muted">
                                    ID de la table action_detail_relies
                                </small>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <label for="status_budget">Statut</label>
                                <select class="form-control" id="status_budget" name="status_budget">
                                    <option value="1" {{ $budget->status_budget == 1 ? 'selected' : '' }}>Actif</option>
                                    <option value="0" {{ $budget->status_budget == 0 ? 'selected' : '' }}>Inactif</option>
                                    <option value="2" {{ $budget->status_budget == 2 ? 'selected' : '' }}>En attente</option>
                                </select>
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="desc_detail_carburant">Description *</label>
                        <textarea class="form-control" 
                                  id="desc_detail_carburant"
                                  name="desc_detail_carburant" 
                                  rows="3"
                                  required>{{ $budget->desc_detail_carburant }}</textarea>
                    </div>
                    <div class="form-group">
                        <label for="id_budget_detail">Action Budget Détail</label>
                        <select class="form-control" id="id_budget_detail" name="id_budget_detail">
                            <option value="">Sélectionner une action...</option>
                            @foreach($budgetDetails as $detail)
                                <option value="{{ $detail->id_action_detail }}" 
                                        {{ $budget->id_budget_detail == $detail->id_action_detail ? 'selected' : '' }}>
                                    {{ $detail->code_budget_detail }} - {{ $detail->nom_action_detail }}
                                </option>
                            @endforeach
                        </select>
                    </div>
                    @if($relationsCompletes)
                    <div class="alert alert-info">
                        <h6><i class="fas fa-info-circle"></i> Information sur la liaison actuelle</h6>
                        @if($relationsCompletes->nom_action)
                        <p class="mb-1">Action Budget: <strong>{{ $relationsCompletes->nom_action }}</strong> ({{ $relationsCompletes->code_budget }})</p>
                        @endif
                        @if($relationsCompletes->nom_action_detail)
                        <p class="mb-0">Action Détail: <strong>{{ $relationsCompletes->nom_action_detail }}</strong> ({{ $relationsCompletes->code_budget_detail }})</p>
                        @endif
                    </div>
                    @endif
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">
                        <i class="fas fa-times"></i> Annuler
                    </button>
                    <button type="submit" class="btn btn-warning">
                        <i class="fas fa-save"></i> Mettre à jour
                    </button>
                </div>
            </form>
        </div>
    </div>
</div>

<!-- Modal de suppression -->
<div class="modal fade" id="deleteModal" tabindex="-1" role="dialog">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header bg-danger text-white">
                <h5 class="modal-title">
                    <i class="fas fa-trash"></i> Confirmer la suppression
                </h5>
                <button type="button" class="close" data-dismiss="modal">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <div class="alert alert-danger">
                    <h5><i class="fas fa-exclamation-triangle"></i> Attention !</h5>
                    <p>Vous êtes sur le point de supprimer définitivement ce budget carburant.</p>
                </div>
                <div class="alert alert-warning">
                    <strong>{{ $budget->desc_detail_carburant }}</strong>
                </div>
                <p class="text-danger">
                    <i class="fas fa-exclamation-circle"></i> 
                    Cette action ne peut pas être annulée !
                </p>
                @if($statistiques['total_bons'] > 0)
                <div class="alert alert-info">
                    <i class="fas fa-info-circle"></i>
                    <strong>Note :</strong> Ce budget a {{ $statistiques['total_bons'] }} bon(s) associé(s) pour un total de 
                    {{ number_format($totalMontant, 0, ',', ' ') }} BIF.
                    <br>
                    <small class="d-block mt-1">
                        <strong>Détail par statut :</strong>
                        @foreach($statistiques['bons_par_statut'] as $statut => $count)
                            @php
                                $statutsText = [0 => 'Annulés', 1 => 'Initier', 2 => 'Autoriser', 3 => 'Servis', 4 => 'Payés', 5 => 'Clôturés'];
                                $text = $statutsText[$statut] ?? 'Inconnu';
                            @endphp
                            {{ $count }} {{ strtolower($text) }},
                        @endforeach
                    </small>
                </div>
                @endif
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">
                    <i class="fas fa-times"></i> Annuler
                </button>
                <form action="{{ route('budget-carburant.destroy', $budget->id_budget_carburant) }}" 
                      method="POST" style="display: inline;">
                    @csrf
                    @method('DELETE')
                    <button type="submit" class="btn btn-danger">
                        <i class="fas fa-trash"></i> Supprimer définitivement
                    </button>
                </form>
            </div>
        </div>
    </div>
</div>

@endsection

@section('scripts')
<script>
    $(document).ready(function() {
        // Auto-focus sur le champ de description lors de l'édition
        $('#editBudgetModal').on('shown.bs.modal', function () {
            $('#desc_detail_carburant').focus();
        });
        
        // Notification de succès
        @if(session('message'))
            toastr.success('{{ session("message") }}', 'Succès');
        @endif
        
        // Notification d'erreur
        @if(session('message_exist'))
            toastr.error('{{ session("message_exist") }}', 'Erreur');
        @endif
        
        // Initialiser DataTables si des bons existent
        @if($statistiques['total_bons'] > 0)
        $('#bonsTable').DataTable({
            "pageLength": 10,
            "language": {
                "url": "//cdn.datatables.net/plug-ins/1.10.24/i18n/French.json"
            },
            "order": [[3, "desc"]], // Trier par date de service décroissante
            "responsive": true,
            "dom": '<"top"f>rt<"bottom"lip><"clear">'
        });
        @endif
    });
    
    // Fonction de filtrage des bons par statut
    function filterBons(statut) {
        if (statut === 'all') {
            $('.bon-row').show();
        } else {
            $('.bon-row').hide();
            $('.bon-row[data-statut="' + statut + '"]').show();
        }
        return false;
    }
    
    // Fonction d'export des bons
    function exportBons() {
        // Créer un formulaire pour exporter les bons
        const form = document.createElement('form');
        form.method = 'GET';
        form.action = '{{ route("export.bons.periode") }}';
        
        // Ajouter les paramètres
        const startDate = new Date();
        startDate.setMonth(startDate.getMonth() - 12); // 12 mois en arrière
        const endDate = new Date();
        
        const startInput = document.createElement('input');
        startInput.type = 'hidden';
        startInput.name = 'date_debut';
        startInput.value = startDate.toISOString().split('T')[0];
        
        const endInput = document.createElement('input');
        endInput.type = 'hidden';
        endInput.name = 'date_fin';
        endInput.value = endDate.toISOString().split('T')[0];
        
        const budgetInput = document.createElement('input');
        budgetInput.type = 'hidden';
        budgetInput.name = 'id_destination';
        budgetInput.value = '{{ $budget->id_budget_carburant }}';
        
        form.appendChild(startInput);
        form.appendChild(endInput);
        form.appendChild(budgetInput);
        document.body.appendChild(form);
        form.submit();
    }
</script>
@endsection

@section('styles')
<style>
.card {
    border-radius: 10px;
    border: none;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}
.card-header {
    border-radius: 10px 10px 0 0 !important;
}
.badge {
    font-size: 0.9em;
    padding: 6px 12px;
}
.table th {
    background-color: #f8f9fa;
}
.btn-group-vertical .btn {
    text-align: left;
    padding: 10px 15px;
}
.alert {
    border-radius: 8px;
    border: none;
}
.modal-content {
    border-radius: 15px;
}
.table-responsive {
    max-height: 500px;
    overflow-y: auto;
}
/* Style pour les lignes selon le statut */
.bon-row[data-statut="0"] { opacity: 0.7; }
.bon-row[data-statut="3"] { background-color: rgba(0,123,255,0.05); }
.bon-row[data-statut="4"] { background-color: rgba(40,167,69,0.05); }
</style>
@endsection