@extends('layouts.master')

@section('title')
    Budget Direction Centrale
@endsection

@section('content')
<div class="container-fluid">

  <!-- Affichage des budgets reçus pour adoption -->
    <div class="card shadow mb-4">
        <div class="card-header py-3">
            <h6 class="m-0 font-weight-bold text-primary">Liste des Budgets reçus pour adoption</h6>
        </div>

          <div class="card shadow mb-5">
                <div class="card-header bg-primary text-white">
                    Budgets reçus pour adoption
                </div>

                <div class="card-body table-responsive">
                    <table class="table table-bordered table-hover">
                        <thead class="table-light">
                            <tr class="text-center">
                                <th>#</th>
                                <th>Exercice</th>
                                <th>Centre de responsabilité</th>
                                <th>Responsable</th>
                                <th>Objet</th>
                                <th>Total estimé</th>
                                <th>Détails</th>
                                <th>Actions</th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse($budgets as $budget)
                                <tr class="text-center">
                                    <td>{{ $loop->iteration }}</td>
                                    <td>{{ $budget->exercice->libelle }}</td>
                                    <td>{{ $budget->centrerespo->libelle_long }}</td>
                                    <td>{{ $budget->responsable->nom }} {{ $budget->responsable->prenoms }}</td>
                                    <td>{{ $budget->objet }}</td>
                                    <td class="text-end fw-bold text-danger">
                                          @php
                                              $total_estime = $budget->budgetlignes->sum('montant');
                                          @endphp
                                     <span id="totalEstime">{{ number_format($total_estime,0,' ',' ') }}</span> FCFA
                                    </td>
                                    <td>
                                      <a href="{{ route('user.budgets.show', $budget->id) }}" class="btn btn-primary btn-sm">VOIR</a>
                                    </td>
                                    <td class="text-center">
                                      @if($budget->statut === 'transmis')
                                              <!-- Différer -->
                                              <button
                                                  type="button"
                                                  class="btn btn-sm btn-warning mb-2"
                                                  data-toggle="modal"
                                                  data-target="#modalRetourCorrection"
                                                  data-id="{{ $budget->id }}"
                                              >
                                                  <i class="fas fa-undo-alt"></i> Différer
                                              </button>

                                              <!-- Valider -->
                                              <form method="POST"
                                                    action="{{ route('user.budgets.valide', $budget->id) }}"
                                                    class="m-0">
                                                  @csrf
                                                  <button type="submit" class="btn btn-sm btn-success">
                                                      <i class="fas fa-check"></i> Valider
                                                  </button>
                                              </form>

                                        @elseif($budget->statut === 'valide')
                                            <span class="badge badge-success px-3 py-2">
                                                <i class="fas fa-check-circle"></i> Budget validé
                                            </span>

                                        @elseif($budget->statut === 'retourne')
                                            <span class="badge badge-danger px-3 py-2">
                                                <i class="fas fa-times-circle"></i> Retourné
                                            </span>
                                        @endif
                                    </td>

                                </tr>
                              @empty
                                <tr>
                                    <td colspan="8" class="text-center text-muted">
                                        Aucun budget reçu pour adoption
                                    </td>
                                </tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>
          </div>
    </div>

        <!-- MODAL RETOUR POUR CORRECTION -->
        <div class="modal fade" id="modalRetourCorrection" tabindex="-1">
            <div class="modal-dialog">
                <div class="modal-content">

                    <form method="POST" action="{{ route('user.budgets.retourner') }}">
                        @csrf

                        <input type="hidden" name="budget_id" id="budget_id_retour">

                        <div class="modal-header bg-warning">
                            <h5 class="modal-title">Différer pour correction</h5>
                        </div>

                        <div class="modal-body">
                            <label class="form-label">
                                Motif du retour <span class="text-danger">*</span>
                            </label>
                            <textarea
                                name="motif_retour"
                                class="form-control"
                                rows="4"
                                required
                            ></textarea>
                        </div>

                        <div class="modal-footer">
                            <button type="button" class="btn btn-secondary" data-dismiss="modal">
                                Annuler
                            </button>
                            <button type="submit" class="btn btn-warning">
                                Différer
                            </button>
                        </div>

                    </form>

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

</div>
@endsection

@push('scripts')
<script>
  $(function () {

      $('#modalRetourCorrection').on('show.bs.modal', function (event) {

          var button = $(event.relatedTarget); // bouton qui a ouvert le modal
          var budgetId = button.data('id');

          if (!budgetId) {
              console.error('Aucun budget_id détecté');
              return;
          }

          $('#budget_id_retour').val(budgetId);
      });

  });
</script>
@endpush