@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 bg-primary text-white d-flex justify-content-between align-items-center">
                    <div>
                        <h4 class="mb-0">
                            <i class="fas fa-gas-pump"></i> Gestion des Budgets Carburants
                        </h4>
                        <small class="mb-0">Total: {{ $budgets->count() }} budget(s)</small>
                    </div>
                    <div>
                        <button type="button" class="btn btn-light" data-toggle="modal" data-target="#createBudgetModal">
                            <i class="fas fa-plus"></i> Nouveau Budget
                        </button>
                    </div>
                </div>

                <div class="card-body">
                    <!-- Filtres avancés -->
                    <div class="row mb-4">
                        <div class="col-md-12">
                            <form action="{{ route('budget-carburant.search') }}" method="GET" id="searchForm">
                                <div class="row">
                                    <div class="col-md-8">
                                        <div class="input-group">
                                            <input type="text" name="search" class="form-control" 
                                                   placeholder="Rechercher par description, action ou code..." 
                                                   value="{{ request('search') }}">
                                            <div class="input-group-append">
                                                <button class="btn btn-primary" type="submit">
                                                    <i class="fas fa-search"></i> Rechercher
                                                </button>
                                                @if(request('search'))
                                                    <a href="{{ route('budget-carburant.index') }}" class="btn btn-secondary">
                                                        <i class="fas fa-times"></i> Annuler
                                                    </a>
                                                @endif
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <select name="status_filter" class="form-control" onchange="this.form.submit()">
                                            <option value="">Tous les statuts</option>
                                            <option value="1" {{ request('status_filter') == '1' ? 'selected' : '' }}>Actifs</option>
                                            <option value="0" {{ request('status_filter') == '0' ? 'selected' : '' }}>Inactifs</option>
                                            <option value="2" {{ request('status_filter') == '2' ? 'selected' : '' }}>En attente</option>
                                        </select>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>

                    <!-- Tableau des budgets -->
                    <div class="table-responsive">
                        <table class="table table-bordered table-hover table-striped" id="budgetsTable">
                            <thead class="thead-dark">
                                <tr>
                                    <th>#</th>
                                    <th>Description</th>
                                    <th>Exercice</th>
                                    <th>Action Budget</th>
                                    <th>Statut</th>
                                    <th>Budget consommé</th>
                                    <th>Actions</th>
                                </tr>
                            </thead>
                            <tbody>
                                @forelse($budgets as $budget)
                                <tr class="{{ $budget->status_budget == 0 ? 'table-secondary' : ($budget->status_budget == 2 ? 'table-warning' : '') }}">
                                    <td>{{ $budget->id_budget_carburant }}</td>
                                   
                                    <td>
                                        <strong class="{{ $budget->status_budget == 0 ? 'text-muted' : '' }}">
                                            {{ $budget->desc_detail_carburant }}
                                        </strong>
                                        <br><span class="text-muted">{{ $budget->code_budget }}</span>
                                        @if($budget->status_budget == 0)
                                        <br><small class="text-danger"><i class="fas fa-ban"></i> Inactif</small>
                                        @endif
                                    </td>
                                    <td>
                                        @if($budget->action_year)
                                            {{ $budget->action_year }}
                                        @else
                                            <span class="text-muted">-</span>
                                        @endif
                                    </td>
                                    
                                    <td>
                                        @if($budget->nom_action)
                                            <div class="small">
                                                <strong>{{ $budget->nom_action }}</strong>
                                                @if($budget->code_budget)
                                                <br><span class="text-muted">{{ $budget->code_budget }}</span>
                                                @endif
                                            </div>
                                        @else
                                            <span class="text-muted">-</span>
                                        @endif
                                    </td>
                                    
                                    <td>
                                        @if($budget->status_budget == 1)
                                            <span class="badge badge-success">
                                                <i class="fas fa-check"></i> Actif
                                            </span>
                                        @elseif($budget->status_budget == 0)
                                            <span class="badge badge-danger">
                                                <i class="fas fa-ban"></i> Inactif
                                            </span>
                                        @else
                                            <span class="badge badge-warning">
                                                <i class="fas fa-clock"></i> En attente
                                            </span>
                                        @endif
                                    </td>
                                    <td class="text-right">
                                        @php
                                            $nombreBons = $budget->nombre_bons ?? 0;
                                            $totalMontant = $budget->total_montant_bons ?? 0;
                                        @endphp
                                        @if($nombreBons > 0)
                                            <div class="d-flex flex-column align-items-right">
                                                <small class="text-muted">
                                                    {{ number_format($totalMontant, 0, ',', ' ') }} BIF
                                                </small>
                                            </div>
                                        @else
                                            <span class="text-muted">0</span>
                                        @endif
                                    </td>
                                   
                                    <td>
                                        <div class="btn-group btn-group-sm" role="group">
                                            <a href="{{ route('budget-carburant.show', $budget->id_budget_carburant) }}" 
                                               class="btn btn-info" title="Voir détails">
                                                <i class="fas fa-eye"></i>
                                            </a>
                                            <button type="button" class="btn btn-warning" 
                                                    data-toggle="modal" 
                                                    data-target="#editBudgetModal{{ $budget->id_budget_carburant }}"
                                                    title="Modifier"
                                                    {{ $budget->status_budget == 0 ? 'disabled' : '' }}>
                                                <i class="fas fa-edit"></i>
                                            </button>
                                            @if($budget->status_budget == 1)
                                                <a href="{{ route('budget-carburant.change-status', ['id' => $budget->id_budget_carburant, 'status' => 0]) }}" 
                                                   class="btn btn-secondary" 
                                                   title="Désactiver"
                                                   onclick="return confirm('Voulez-vous vraiment désactiver ce budget ?')">
                                                    <i class="fas fa-ban"></i>
                                                </a>
                                            @else
                                                <a href="{{ route('budget-carburant.change-status', ['id' => $budget->id_budget_carburant, 'status' => 1]) }}" 
                                                   class="btn btn-success" 
                                                   title="Activer"
                                                   onclick="return confirm('Voulez-vous vraiment activer ce budget ?')">
                                                    <i class="fas fa-check"></i>
                                                </a>
                                            @endif
                                            <button type="button" class="btn btn-danger" 
                                                    data-toggle="modal" 
                                                    data-target="#deleteBudgetModal{{ $budget->id_budget_carburant }}"
                                                    title="Supprimer"
                                                    {{ $nombreBons > 0 ? 'disabled' : '' }}>
                                                <i class="fas fa-trash"></i>
                                            </button>
                                        </div>
                                        @if($nombreBons > 0)
                                        <small class="d-block text-danger mt-1">
                                            <i class="fas fa-exclamation-circle"></i> {{ $nombreBons }} bon(s) associé(s)
                                        </small>
                                        @endif
                                    </td>
                                </tr>

                                <!-- Modal d'édition pour chaque budget -->
                                <div class="modal fade" id="editBudgetModal{{ $budget->id_budget_carburant }}" 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">
                                                    @if($nombreBons > 0)
                                                    <div class="alert alert-info">
                                                        <i class="fas fa-info-circle"></i>
                                                        Ce budget a {{ $nombreBons }} bon(s) associé(s) pour un total de 
                                                        {{ number_format($totalMontant, 0, ',', ' ') }} BIF.
                                                    </div>
                                                    @endif
                                                    
                                                    <div class="row">
                                                        <div class="col-md-6">
                                                            <div class="form-group">
                                                                <label for="id_budget_detail_relie_edit{{ $budget->id_budget_carburant }}">ID Action Detail Relié *</label>
                                                                <input type="number" 
                                                                       class="form-control" 
                                                                       id="id_budget_detail_relie_edit{{ $budget->id_budget_carburant }}"
                                                                       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_edit{{ $budget->id_budget_carburant }}">Statut</label>
                                                                <select class="form-control" 
                                                                        id="status_budget_edit{{ $budget->id_budget_carburant }}"
                                                                        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_edit{{ $budget->id_budget_carburant }}">Description *</label>
                                                        <textarea class="form-control" 
                                                                  id="desc_detail_carburant_edit{{ $budget->id_budget_carburant }}"
                                                                  name="desc_detail_carburant" 
                                                                  rows="3"
                                                                  required>{{ $budget->desc_detail_carburant }}</textarea>
                                                    </div>
                                                    <div class="form-group">
                                                        <label for="id_budget_detail_edit{{ $budget->id_budget_carburant }}">Action Budget Détail</label>
                                                        <select class="form-control select2" 
                                                                id="id_budget_detail_edit{{ $budget->id_budget_carburant }}"
                                                                name="id_budget_detail">
                                                            <option value="">Sélectionner une action...</option>
                                                            @foreach($budgetDetails as $detail)
                                                                <option value="{{ $detail->id_action_detail_relie }}" 
                                                                        {{ $budget->id_budget_detail == $detail->id_action_detail_relie ? 'selected' : '' }}>
                                                                    {{ $detail->code_budget_detail }} - {{ $detail->nom_action_detail }}
                                                                </option>
                                                            @endforeach
                                                        </select>
                                                    </div>
                                                </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="deleteBudgetModal{{ $budget->id_budget_carburant }}" 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>
                                                
                                                @if($nombreBons > 0)
                                                <div class="alert alert-danger">
                                                    <i class="fas fa-exclamation-circle"></i>
                                                    <strong>Impossible de supprimer !</strong>
                                                    <p>Ce budget a {{ $nombreBons }} bon(s) associé(s) pour un total de 
                                                    {{ number_format($totalMontant, 0, ',', ' ') }} BIF.</p>
                                                    <p class="mb-0">Vous devez d'abord désactiver le budget ou supprimer les bons associés.</p>
                                                </div>
                                                @else
                                                <p class="text-danger">
                                                    <i class="fas fa-exclamation-triangle"></i> 
                                                    Cette action est irréversible !
                                                </p>
                                                @endif
                                            </div>
                                            <div class="modal-footer">
                                                <button type="button" class="btn btn-secondary" data-dismiss="modal">
                                                    <i class="fas fa-times"></i> Annuler
                                                </button>
                                                @if($nombreBons == 0)
                                                <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
                                                    </button>
                                                </form>
                                                @endif
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                @empty
                                <tr>
                                    <td colspan="11" class="text-center py-4">
                                        <div class="alert alert-info">
                                            <i class="fas fa-info-circle fa-2x mb-3"></i>
                                            <h5>Aucun budget carburant trouvé</h5>
                                            <p class="mb-0">Commencez par créer un nouveau budget carburant.</p>
                                        </div>
                                        @if(request('search') || request('status_filter'))
                                            <a href="{{ route('budget-carburant.index') }}" class="btn btn-primary">
                                                <i class="fas fa-list"></i> Voir tous les budgets
                                            </a>
                                        @endif
                                    </td>
                                </tr>
                                @endforelse
                            </tbody>
                        </table>
                    </div>

                    <!-- Informations statistiques -->
                    <div class="row mt-4">
                        <div class="col-md-3">
                            <div class="card bg-light">
                                <div class="card-body">
                                    <h6 class="card-title text-center">
                                        <i class="fas fa-chart-pie"></i> Répartition
                                    </h6>
                                    <div class="text-center">
                                        <div class="mb-2">
                                            <h3 class="text-primary">{{ $budgets->count() }}</h3>
                                            <small class="text-muted">Total budgets</small>
                                        </div>
                                        <div class="row">
                                            <div class="col-4">
                                                <div class="badge badge-success p-2">{{ $budgets->where('status_budget', 1)->count() }}</div>
                                                <small class="d-block text-muted">Actifs</small>
                                            </div>
                                            <div class="col-4">
                                                <div class="badge badge-danger p-2">{{ $budgets->where('status_budget', 0)->count() }}</div>
                                                <small class="d-block text-muted">Inactifs</small>
                                            </div>
                                            <div class="col-4">
                                                <div class="badge badge-warning p-2">{{ $budgets->where('status_budget', 2)->count() }}</div>
                                                <small class="d-block text-muted">Attente</small>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="card bg-light">
                                <div class="card-body">
                                    <h6 class="card-title text-center">
                                        <i class="fas fa-gas-pump"></i> Bons associés
                                    </h6>
                                    <div class="text-center">
                                        @php
                                            $totalBons = $budgets->sum('nombre_bons') ?? 0;
                                            $budgetsAvecBons = $budgets->where('nombre_bons', '>', 0)->count();
                                        @endphp
                                        <h3 class="text-success">{{ $totalBons }}</h3>
                                        <small class="text-muted">Total bons associés</small>
                                        <div class="mt-2">
                                            <small class="text-muted">{{ $budgetsAvecBons }} budget(s) avec bons</small>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="card bg-light">
                                <div class="card-body">
                                    <h6 class="card-title text-center">
                                        <i class="fas fa-money-bill-wave"></i> Montant total
                                    </h6>
                                    <div class="text-center">
                                        @php
                                            $montantTotal = $budgets->sum('total_montant_bons') ?? 0;
                                        @endphp
                                        <h3 class="text-warning">{{ number_format($montantTotal, 0, ',', ' ') }}</h3>
                                        <small class="text-muted">BIF total associés</small>
                                        <div class="mt-2">
                                            @if($totalBons > 0)
                                            <small class="text-muted">
                                                Moyenne: {{ number_format($montantTotal / $totalBons, 0, ',', ' ') }} BIF/bon
                                            </small>
                                            @endif
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="card bg-light">
                                <div class="card-body">
                                    <h6 class="card-title text-center">
                                        <i class="fas fa-link"></i> Liaisons
                                    </h6>
                                    <div class="text-center">
                                        @php
                                            $budgetsRelies = $budgets->where('id_budget_detail_relie', '!=', null)->count();
                                        @endphp
                                        <h3 class="text-info">{{ $budgetsRelies }}</h3>
                                        <small class="text-muted">Budgets reliés</small>
                                        <div class="mt-2">
                                            <small class="text-muted">
                                                {{ $budgets->count() - $budgetsRelies }} non relié(s)
                                            </small>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Modal de création -->
<div class="modal fade" id="createBudgetModal" tabindex="-1" role="dialog">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header bg-primary text-white">
                <h5 class="modal-title">
                    <i class="fas fa-plus"></i> Nouveau Budget Carburant
                </h5>
                <button type="button" class="close" data-dismiss="modal">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <form action="{{ route('budget-carburant.store') }}" method="POST">
                @csrf
                <div class="modal-body">
                    <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" 
                               placeholder="Entrez l'ID de action_detail_relies">
                        <small class="form-text text-muted">
                            Optionnel - ID de la table action_detail_relies
                        </small>
                    </div>

                    <div class="form-group">
                        <label for="id_budget_detail">Action Budget Détail (Optionnel)</label>
                        <select class="form-control select2" 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_relie }}">
                                    {{ $detail->code_budget_detail }} - {{ $detail->nom_action_detail }}
                                </option>
                            @endforeach
                        </select>
                        <small class="form-text text-muted">
                            Liaison avec une action budgétaire existante
                        </small>
                    </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"
                                  placeholder="Décrivez ce budget carburant..."
                                  required></textarea>
                    </div>
                </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-primary">
                        <i class="fas fa-save"></i> Enregistrer
                    </button>
                </div>
            </form>
        </div>
    </div>
</div>

@endsection

@section('scripts')
<script>
    $(document).ready(function() {
        // Auto-focus sur le champ de recherche
        $('input[name="search"]').focus();
        
        // Initialiser DataTables
        $('#budgetsTable').DataTable({
            "pageLength": 10,
            "language": {
                "url": "//cdn.datatables.net/plug-ins/1.10.24/i18n/French.json"
            },
            "order": [[0, "desc"]], // Trier par ID décroissant
            "responsive": true,
            "dom": '<"top"f>rt<"bottom"lip><"clear">'
        });
        
        // Initialiser Select2
        $('.select2').select2({
            width: '100%',
            placeholder: "Sélectionner une action..."
        });
        
        // 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
        
        // Validation avant suppression
        $('button[data-target^="#deleteBudgetModal"]').on('click', function() {
            const target = $(this).data('target');
            const modal = $(target);
            const nombreBons = modal.find('.alert-danger').length > 0;
            
            if (nombreBons) {
                return false; // Empêche l'ouverture si des bons existent
            }
        });
    });
</script>
@endsection

@section('styles')
<style>
.card {
    border-radius: 10px;
}
.table th {
    background-color: #f8f9fa;
    border-top: none;
}
.badge {
    font-size: 0.85em;
    padding: 5px 10px;
}
.modal-content {
    border-radius: 10px;
}
.alert {
    border-radius: 8px;
}
.table-secondary {
    opacity: 0.8;
}
.select2-container .select2-selection--single {
    height: 38px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 36px;
}
</style>