@extends('layouts.master')
@section('content')
<!-- Example Tab -->
<div class="row clearfix">
    <div class="col-sm-12">
        <div class="card">
            <div class="body"> 
                <!-- Nav tabs -->
                <ul class="nav nav-tabs p-0 mb-3">
                    <li class="nav-item">
                        <a class="nav-link active" href="/recouvrement_carburant">
                            <i class="fa fa-gas-pump me-1"></i> Bon de consommation de carburant à recouvrer
                        </a>
                    </li>
                </ul>                        
                
                <!-- Tab panes -->
                <div class="tab-content">
                    <!-- Statistiques -->
                    @php
                        // Calcul des totaux
                        $total_essence = DB::table('bonaservirs')
                                             ->whereIn('status_bon_a_servir', [3, 5])
                                            ->where('id_type_carburant', 1)
                                            ->sum('montant_restant_a_payer');
                        $total_gasoil = DB::table('bonaservirs')
                                            ->whereIn('status_bon_a_servir', [3, 5])
                                            ->where('id_type_carburant', 2)
                                            ->sum('montant_restant_a_payer');

                        $total_montant = $total_essence + $total_gasoil;
                    @endphp

                    <div class="row mb-3">
                        <div class="col-12">
                            <div class="d-flex justify-content-between align-items-center bg-light p-2 rounded shadow-sm">
                                <div class="text-center px-3">
                                    <div class="text-muted small">ESSENCE</div>
                                    <div class="text-primary fw-bold">
                                        {{ number_format($total_essence, 0, ',', ' ') }} BIF
                                    </div>
                                </div>
                                
                                <div class="vr"></div>
                                
                                <div class="text-center px-3">
                                    <div class="text-muted small">GASOIL</div>
                                    <div class="text-warning fw-bold">
                                        {{ number_format($total_gasoil, 0, ',', ' ') }} BIF
                                    </div>
                                </div>
                                
                                <div class="vr"></div>
                                
                                <div class="text-center px-3">
                                    <div class="text-muted small">TOTAL SERVI</div>
                                    <div class="text-success fw-bold">
                                        {{ number_format($total_montant, 0, ',', ' ') }} BIF
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- Messages d'alerte -->
                    @if(Session::has('message'))       
                    <div class="alert alert-success alert-dismissible fade show" role="alert">
                        <i class="fa fa-check-circle me-2"></i> {{ Session::get('message') }}
                        <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
                    </div>
                    @endif

                    @if(Session::has('message_exist'))       
                    <div class="alert alert-danger alert-dismissible fade show" role="alert">
                        <i class="fa fa-exclamation-circle me-2"></i> {{ Session::get('message_exist') }}
                        <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
                    </div>
                    @endif

                    <!-- Formulaire de recherche -->
                    <div class="card mb-3">
                        <div class="card-body">
                            <form method="GET" action="{{ url('/recouvrement_carburant') }}" class="row g-3">
                                <div class="col-md-3">
                                    <label for="search_numero" class="form-label">Numéro bon</label>
                                    <input type="text" 
                                           class="form-control" 
                                           id="search_numero" 
                                           name="search_numero" 
                                           value="{{ request('search_numero') }}"
                                           placeholder="Rechercher par numéro...">
                                </div>
                                
                                <div class="col-md-3">
                                    <label for="search_vehicule" class="form-label">Véhicule</label>
                                    <input type="text" 
                                           class="form-control" 
                                           id="search_vehicule" 
                                           name="search_vehicule" 
                                           value="{{ request('search_vehicule') }}"
                                           placeholder="Immatriculation...">
                                </div>
                                
                                <div class="col-md-3">
                                    <label for="search_responsable" class="form-label">Responsable</label>
                                    <input type="text" 
                                           class="form-control" 
                                           id="search_responsable" 
                                           name="search_responsable" 
                                           value="{{ request('search_responsable') }}"
                                           placeholder="Nom du responsable...">
                                </div>
                                
                                <div class="col-md-2">
                                    <label for="search_carburant" class="form-label">Carburant</label>
                                    <select class="form-select" id="search_carburant" name="search_carburant">
                                        <option value="">Tous</option>
                                        <option value="1" {{ request('search_carburant') == '1' ? 'selected' : '' }}>ESSENCE</option>
                                        <option value="2" {{ request('search_carburant') == '2' ? 'selected' : '' }}>GASOIL</option>
                                    </select>
                                </div>
                                
                               
                                
                                <div class="col-md-2">
                                    <label for="date_debut" class="form-label">Date début</label>
                                    <input type="date" 
                                           class="form-control" 
                                           id="date_debut" 
                                           name="date_debut" 
                                           value="{{ request('date_debut') }}">
                                </div>
                                
                                <div class="col-md-2">
                                    <label for="date_fin" class="form-label">Date fin</label>
                                    <input type="date" 
                                           class="form-control" 
                                           id="date_fin" 
                                           name="date_fin" 
                                           value="{{ request('date_fin') }}">
                                </div>



                                <div class="col-md-12">
                                <div class="d-flex justify-content-end gap-2">
                                    @if(request()->anyFilled(['search_numero_sys', 'search_numero_bon', 'search_vehicule', 'search_responsable', 'search_carburant', 'search_status', 'date_debut', 'date_fin']))
                                        <a href="{{ url('/recouvrement_carburant') }}" class="btn btn-secondary">
                                            <i class="fa fa-times me-1"></i> Réinitialiser
                                        </a>
                                    @endif
                                    <button type="submit" class="btn btn-primary">
                                        <i class="fa fa-search me-1"></i> Rechercher
                                    </button>

                                    <a href="{{ url('/recus_caisse') }}" class="btn btn-success">
                                            <i class="fa fa-print me-1"></i> Imprimer preuve de paiement
                                        </a>

                                </div>
                            </div>
                            </form>
                        </div>
                    </div>

                    <!-- Tableau des transactions -->
                    <div class="card">
                        <div class="card-header bg-light">
                            <div class="d-flex justify-content-between align-items-center">
                                <h5 class="mb-0">
                                    <i class="fa fa-list me-2"></i> Liste des bons
                                </h5>
                                <span class="badge bg-primary">
                                    {{ $transaction->total() }} bons
                                </span>
                            </div>
                        </div>
                        <div class="card-body p-0">
                            <div class="table-responsive">
                                <table class="table table-hover mb-0">
                                    <thead class="table-light">
                                        <tr>
                                            <th width="40px">No</th>
                                            <th>Bon</th>
                                            <th>Véhicule</th>
                                            <th>Responsable</th>
                                            <th>Carburant</th>
                                            <th>Litres</th>
                                            <th>BIF à payer</th>
                                            <th>Payé</th>
                                            <th>Restant</th>
                                            <th>Status</th>     
                                            <th>Date</th>
                                            <th width="150px">Actions</th>
                                        </tr>
                                    </thead>    
                                    <tbody>
                                        @forelse($transaction as $key => $tra)
                                        <tr>
                                            <td>{{ $transaction->firstItem() + $key }}</td>
                                            <td>
                                                <strong> {{ $tra->numero_bon_a_servir }} </strong>
                                            </td>    
                                            <td>{{ $tra->num_immatriculation ?? 'N/A' }}</td>
                                           
                                           
                                            <td>{{ $tra->responsable_commande ?? 'N/A' }}</td>
                                            <td>
                                                @if($tra->id_type_carburant == 1)
                                                    <span class="badge bg-info">ESSENCE</span>
                                                @elseif($tra->id_type_carburant == 2)
                                                    <span class="badge bg-warning">GASOIL</span>
                                                @else
                                                    <span class="badge bg-secondary">{{ $tra->type_carburant ?? 'N/A' }}</span>
                                                @endif
                                            </td>
                                            <td class="text-center">
                                                @if($tra->status_bon_a_servir == 3 || $tra->status_bon_a_servir == 4 || $tra->status_bon_a_servir == 5)
                                                    <span class="badge bg-light text-dark">
                                                        {{ number_format($tra->quantite_servie, 0, ',', ' ') }} L
                                                    </span>
                                                @else
                                                    <span class="badge bg-light text-dark">
                                                        {{ number_format($tra->quantite_a_servir, 0, ',', ' ') }} L
                                                    </span>
                                                @endif
                                            </td>
                                            <td class="text-end">
                                                <strong class="text-success">
                                                    {{ number_format($tra->montant_a_payer, 0, ',', ' ') }}
                                                </strong>
                                            </td>
                                            <td class="text-end">
                                                <strong class="text-success">
                                                    {{ number_format($tra->montant_payer, 0, ',', ' ') }}
                                                </strong>
                                            </td>
                                            <td class="text-end">
                                                <strong class="text-danger">
                                                    {{ number_format($tra->montant_restant_a_payer, 0, ',', ' ') }}
                                                </strong>
                                            </td>
                                            <td>
                                                @switch($tra->status_bon_a_servir)
                                                    @case(0)
                                                        <span class="badge bg-danger">Annulé</span>
                                                        @break
                                                    @case(1)
                                                        <span class="badge bg-info">Bon à servir</span>
                                                        @break
                                                    @case(2)
                                                        <span class="badge bg-primary">Autorisé</span>
                                                        @break
                                                    @case(3)
                                                        <span class="badge bg-success">Servi</span>
                                                        @break
                                                    @case(4)
                                                        <span class="badge bg-warning">Payé</span>
                                                        @break
                                                    @case(5)
                                                        <span class="badge" style="background-color: #ffc107; color: #000">Partiellement payé</span>
                                                        @break
                                                    @case(6)
                                                        <span class="badge bg-secondary">Clôturé</span>
                                                        @break
                                                    @default
                                                        <span class="badge bg-secondary">{{ $tra->status_bon_a_servir }}</span>
                                                @endswitch
                                            </td>
                                            <td>{{ date('d/m/Y', strtotime($tra->serviele)) }}</td>
                                            <td>
                                                <div class="btn-group btn-group-sm" role="group">
                                                                                                       
                                                    <!-- Actions selon rôle et status -->
                                                    @if(($r == 1 || $r == 16) && $tra->status_bon_a_servir == 1)
                                                        <button type="button" 
                                                                class="btn btn-outline-primary" 
                                                                data-bs-toggle="modal" 
                                                                data-bs-target="#ModalEdit{{$tra->id_bonaservir}}"
                                                                data-bs-tooltip="tooltip" 
                                                                title="Modifier">
                                                            <i class="fa fa-edit"></i>
                                                        </button>
                                                        <button type="button" 
                                                                class="btn btn-outline-success" 
                                                                data-bs-toggle="modal" 
                                                                data-bs-target="#ModalAutoriser{{$tra->id_bonaservir}}"
                                                                data-bs-tooltip="tooltip" 
                                                                title="Autoriser">
                                                            <i class="fa fa-check"></i>
                                                        </button>
                                                        <button type="button" 
                                                                class="btn btn-outline-danger" 
                                                                data-bs-toggle="modal" 
                                                                data-bs-target="#ModalAnnuler{{$tra->id_bonaservir}}"
                                                                data-bs-tooltip="tooltip" 
                                                                title="Annuler">
                                                            <i class="fa fa-times"></i>
                                                        </button>
                                                    @elseif(($r == 1 || $r == 17) && $tra->status_bon_a_servir == 2)
                                                        <button type="button" 
                                                                class="btn btn-outline-success" 
                                                                data-bs-toggle="modal" 
                                                                data-bs-target="#Modalservir{{$tra->id_bonaservir}}"
                                                                data-bs-tooltip="tooltip" 
                                                                title="Servir">
                                                            <i class="fa fa-gas-pump"></i>
                                                        </button>
                                                    @elseif(($r == 1 || $r == 15) && $tra->status_bon_a_servir == 3 )
                                                        <button type="button" 
                                                                class="btn btn-outline-warning" 
                                                                data-bs-toggle="modal" 
                                                                data-bs-target="#Modalencaisser{{$tra->id_bonaservir}}"
                                                                data-bs-tooltip="tooltip" 
                                                                title="Encaisser">
                                                            <i class="fa fa-money-bill me-1"></i> Encaisser
                                                        </button>
                                                    @elseif($r == 1 && $tra->status_bon_a_servir == 4)
                                                    
                                                        <a href="/bon_printA4caisse/{{$tra->id_bonaservir}}" class="btn btn-info"><i class="zmdi zmdi-print">A4</i></a>
                                                     
                                                        <button type="button" 
                                                                class="btn btn-outline-secondary" 
                                                                data-bs-toggle="modal" 
                                                                data-bs-target="#ModalPrint{{$tra->id_bonaservir}}"
                                                                data-bs-tooltip="tooltip" 
                                                                title="Impression">
                                                            <i class="fa fa-lock"></i>
                                                        </button>
                                                        <a href="/bon_printA5caisse/{{$tra->id_bonaservir}}" class="btn btn-info"><i class="zmdi zmdi-print">A5</i></a>

                                                    @elseif($r == 1 && $tra->status_bon_a_servir == 5)
                                                     
                                                        <button type="button" 
                                                                class="btn btn-outline-warning" 
                                                                data-bs-toggle="modal" 
                                                                data-bs-target="#Modalencaisser{{$tra->id_bonaservir}}"
                                                                data-bs-tooltip="tooltip" 
                                                                title="Encaisser">
                                                            <i class="fa fa-money-bill me-1"></i> Encaisser
                                                        </button>
                                                    @elseif($r == 1 && $tra->status_bon_a_servir == 10)
                                                        <button type="button" 
                                                                class="btn btn-outline-secondary" 
                                                                data-bs-toggle="modal" 
                                                                data-bs-target="#ModalCloturer{{$tra->id_bonaservir}}"
                                                                data-bs-tooltip="tooltip" 
                                                                title="Clôturer">
                                                            <i class="fa fa-lock"></i>
                                                        </button>
                                                    @endif
                                                </div>
                                            </td>
                                        </tr>
                                        @empty
                                        <tr>
                                            <td colspan="12" class="text-center py-4">
                                                <i class="fa fa-inbox fa-2x text-muted mb-2 d-block"></i>
                                                <span class="text-muted">Aucun bon trouvé</span>
                                            </td>
                                        </tr>
                                        @endforelse
                                    </tbody>
                                </table>
                            </div>
                            
                            <!-- Pagination -->
                            @if($transaction->hasPages())
                            <div class="card-footer">
                                <div class="d-flex justify-content-between align-items-center">
                                    <div class="text-muted small">
                                        Affichage de {{ $transaction->firstItem() }} à {{ $transaction->lastItem() }} 
                                        sur {{ $transaction->total() }} bons
                                    </div>
                                    <div>
                                        {{ $transaction->appends(request()->query())->links() }}
                                    </div>
                                </div>
                            </div>
                            @endif
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Inclure les modals -->
@foreach($transaction as $tra)
    @include('partials.modals_bonaservir', ['tra' => $tra])
@endforeach

@stop