@extends('layouts.master')
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
@section('content')
  <center> <h3 class="mb-2">
                        <i class="fas fa-file-alt text-primary me-2"></i>
                        Détail du bon de réquisition :
                        <span class="badge bg-primary fs-5">  {{ $info_requisition->numero_requisition }}</span>
                    </h3></center>


    <!-- Messages flash -->
    @if (session()->has('success'))
        <div class="alert alert-success alert-dismissible fade show" role="alert">
            <i class="fas fa-check-circle me-2"></i> {{ session()->get('success') }}
            <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
        </div>
    @elseif (session()->has('error'))
        <div class="alert alert-danger alert-dismissible fade show" role="alert">
            <i class="fas fa-exclamation-triangle me-2"></i> {{ session()->get('error') }}
            <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
        </div>
    @endif

    @if ($errors->any())
        <div class="alert alert-danger alert-dismissible fade show">
            <i class="fas fa-times-circle me-2"></i> Veuillez corriger les erreurs suivantes :
            <ul class="mb-0 mt-2">
                @foreach($errors->all() as $message)
                    <li>{{ $message }}</li>
                @endforeach
            </ul>
            <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
        </div>
    @endif

    <!-- Carte informations demandeur -->
    <div class="row">
        <div class="col-lg-12">
            <div class="card shadow-sm border-0 mb-4">
                <div class="card-header bg-info py-3">
                    <h5 class="mb-0"><i class="fas fa-user-circle me-2 text-primary"></i>Informations demandeur</h5>
                </div>
                <div class="card-body">
                    <div class="row">
                        <div class="col-md-6">
                            <address class="mb-0">
                                <strong><i class="fas fa-user me-1"></i> Demandeur :</strong> {{ $info_requisition->name }}<br>
                                <strong><i class="fas fa-building me-1"></i> Direction :</strong> {{ $info_requisition->nom_direction }}<br>
                                <strong><i class="fas fa-cogs me-1"></i> Service :</strong> {{ $info_requisition->nom_service }}<br>
                                <strong><i class="fas fa-warehouse me-1"></i> Stock :</strong> {{ $info_requisition->nom_stock }}<br>
                                <strong><i class="far fa-calendar-alt me-1"></i> Date demandée:</strong> {{ \Carbon\Carbon::parse($info_requisition->date_requisition)->format('d/m/Y') }} <br>
                              <strong><i class="fas fa-warehouse me-1"></i> Statut :</strong>                                
                                @php
    $status = (int) ($info_requisition->statut_requisition ?? 0);
    
    // Tableau de configuration des statuts : [couleur, icône, libellé]
    $statusConfig = [
        0 => ['bg-danger', 'fa-times-circle', 'Rejeté'],
        1 => ['bg-warning text-dark', 'fa-hourglass-half', 'En attente'],
        2 => ['bg-info', 'fa-exchange-alt', 'Transféré au stock'],
        3 => ['bg-success', 'fa-check-circle', 'Sortie terminée'],
        4 => ['bg-primary', 'fa-spinner fa-', 'En cours de traitement (service achat)'],
        5 => ['bg-primary', 'fa-spinner fa-', 'En cours : bon de commande et demande de frais'],
        6 => ['bg-primary', 'fa-spinner fa-', 'En cours d’acheter'],
        7 => ['bg-primary', 'fa-spinner fa-', 'En cours d’entrée au stock'],
    ];
    
    $badgeClass = $statusConfig[$status][0] ?? 'bg-secondary';
    $icon = $statusConfig[$status][1] ?? 'fa-question-circle';
    $label = $statusConfig[$status][2] ?? 'Statut inconnu (' . e($status) . ')';
  
@endphp


<span class="badge {{ $badgeClass }}">
    <i class="fas {{ $icon }} me-1"></i> {{ $label }}
</span>
                            </address>
                        </div>
                        <div class="col-md-6 text-md-end mt-3 mt-md-0">
                            <div class="d-flex justify-content-md-end gap-2 flex-wrap">
                                    <a href="/all_requisitions" class="btn btn-secondary">
                                    <i class="fas fa-arrow-left me-1"></i> Retour à la liste
                                </a>
                                @if($info_requisition->statut_requisition == 1)
                                    <a href="/form_ajout_article_demande/{{ $info_requisition->id_requisition }}" class="btn btn-primary">
                                        <i class="fas fa-plus me-1"></i> Ajouter des articles
                                    </a>
                                     <a href="/print_bon_requisition/{{ $info_requisition->id_requisition }}" target="_blank" class="btn btn-info">
                                    <i class="fas fa-print me-1"></i> Imprimer
                                </a>
                        <a href="/transfer_requisition_stock/{{$info_requisition->id_requisition }}" onclick="return confirm('Voulez-vous transferer au stock ?')" class="btn btn-sm btn-success">Tranferer au stock  <i class="fas fa-arrow-right me-1"></i></a>
                                @endif
                               
                            
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Tableau des articles -->
    <div class="row">
        <div class="col-lg-12">
            <div class="card shadow-md border-0">
                <div class="card-header bg-info py-3">
                    <h5 class="mb-0"><i class="fas fa-list-ul me-2 text-primary"></i>Articles demandés</h5>
                </div>
                <div class="card-body p-3">
                    <div class="table-responsive">
                   <table class="table table-bordered table-striped table-hover js-basic-example dataTable  align-middle mb-0">
                            <thead class="table-light">
                                <tr>
                                    <th>#</th>
                                    <th>Libellé article</th>
                                    <th>Quantité</th>
                                    <th>Observation</th>
                                    <th>Date et heure</th>
                                    <th>Statut</th>
                                    <th>Actions</th>
                                </tr>
                            </thead>
                            <tbody>
                                @forelse($requisition_details as $key => $dem)
                                <tr>
                                    <td>{{ $loop->iteration }}</td>
                                    <td class="fw-semibold">{{ $dem->nom_article }}</td>
                                    <td>{{ $dem->qte_demandee_requisition }}</td>
                                    <td>{{ $dem->observation_article ?? '-' }}</td>
                                    <td>{{ \Carbon\Carbon::parse($dem->created_at)->format('d/m/Y H:i') }}</td>
                                    <td>
                                        @if($dem->status_demande == 1)
                                            <span class="badge bg-warning text-dark"><i class="fas fa-clock me-1"></i> En attente</span>
                                        @elseif($dem->status_demande == 2)
                                            <span class="badge bg-success"><i class="fas fa-check-circle me-1"></i> Approuvée</span>
                                        @elseif($dem->status_demande == 3)
                                            <span class="badge bg-danger"><i class="fas fa-times-circle me-1"></i> Rejetée</span>
                                        @endif
                                    </td>
                                    <td>
                                        @if($dem->status_demande == 1)
                                            <div class="btn-group btn-group-sm" role="group">
                                                <button type="button" class="btn btn-outline-primary" data-bs-toggle="modal" data-bs-target="#ModalEdit{{ $dem->id_detail_bon_requisition }}" title="Modifier l'article">
                                                    <i class="fas fa-edit"></i>
                                                </button>
                                                <a onclick="return confirm('Voulez-vous valider cet article ?')" href="/accepter_un_article_demande/{{ $dem->id_detail_bon_requisition }}" class="btn btn-outline-success" title="Approuver l'article">
                                                    <i class="fas fa-check"></i>
                                                </a>
                                                <a onclick="return confirm('Voulez-vous annuler cet article ?')" href="/annuler_un_article_demande/{{ $dem->id_detail_bon_requisition }}" class="btn btn-outline-danger" title="Annuler l'article">
                                                    <i class="fas fa-times"></i>
                                                </a>
                                            </div>
                                        @else
                                            <span class="text-muted">-</span>
                                        @endif
                                    </td>
                                </tr>

                                <!-- Modal Modifier article -->
                                <div class="modal fade" id="ModalEdit{{ $dem->id_detail_bon_requisition }}" tabindex="-1">
                                    <div class="modal-dialog">
                                        <div class="modal-content">
                                            <div class="modal-header bg-primary text-white">
                                                <h5 class="modal-title"><i class="fas fa-pen me-2"></i>Modifier l'article</h5>
                                                <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal"></button>
                                            </div>
                                            <form method="POST" action="/update_article_demande/{{ $dem->id_detail_bon_requisition }}">
                                                @csrf
                                                @method('PATCH')
                                                <div class="modal-body">
                                                    <div class="mb-3">
                                                        <label class="form-label">Libellé article</label>
                                                        <input type="text" class="form-control" value="{{ $dem->nom_article }}" readonly>
                                                    </div>
                                                    <div class="mb-3">
                                                        <label class="form-label">Quantité *</label>
                                                        <input type="number" name="quantite" value="{{ $dem->qte_demandee_requisition }}" class="form-control" required min="1">
                                                    </div>
                                                    <div class="mb-3">
                                                        <label class="form-label">Observation</label>
                                                        <textarea name="observation_article" class="form-control" rows="2">{{ $dem->observation_article }}</textarea>
                                                    </div>
                                                </div>
                                                <div class="modal-footer">
                                                    <button type="submit" class="btn btn-primary">Enregistrer</button>
                                                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Fermer</button>
                                                </div>
                                            </form>
                                        </div>
                                    </div>
                                </div>
                                @empty
                                <tr>
                                    <td colspan="7" class="text-center py-4">
                                        <i class="fas fa-box-open fa-2x text-muted mb-2 d-block"></i>
                                        Aucun article trouvé pour ce bon de réquisition.
                                    </td>
                                </tr>
                                @endforelse
                            </tbody>
                        </table>
                    </div>
                </div>
                @if($requisition_details->isNotEmpty() && optional($requisition_details->first())->status_demande == 1)
                <div class="card-footer bg-white py-3">
                    <div class="d-flex justify-content-center gap-3">
                        <a onclick="return confirm('Voulez-vous valider TOUS les articles ?')" href="/tous_accepter_demande_details/{{ $info_requisition->id_requisition }}" class="btn btn-success">
                            <i class="fas fa-check-double me-1"></i> Approuver tous
                        </a>
                        <a onclick="return confirm('Voulez-vous annuler TOUS les articles ?')" href="/tous_annuler_demande_details/{{ $info_requisition->id_requisition }}" class="btn btn-danger">
                            <i class="fas fa-ban me-1"></i> Annuler tous
                        </a>
                    </div>
                </div>
                @endif
            </div>
        </div>
    </div>
</div>
@endsection

@section('page-script')
<script>
    // Initialisation des tooltips Bootstrap si nécessaire
    var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'))
    var tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) {
        return new bootstrap.Tooltip(tooltipTriggerEl)
    });
</script>
@stop