@extends('layouts.master')

@section('title', 'Besoins budgétaires transmis')

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

    <div class="d-sm-flex align-items-center justify-content-between mb-4">
        <h5 class="text-uppercase text-primary mb-0">
            Besoins budgétaires transmis (DR)
        </h5>
    </div>

    {{-- ALERTES --}}
    @if(session('success'))
        <div class="alert alert-success">{{ session('success') }}</div>
    @endif
    @if(session('error'))
        <div class="alert alert-danger">{{ session('error') }}</div>
    @endif

    <div class="card shadow mb-4">
        <div class="card-header py-3">
            <h6 class="m-0 font-weight-bold text-primary">
                Liste des besoins transmis par les conseillers
            </h6>
        </div>

        <div class="card-body table-responsive">
            <table class="table table-bordered table-hover">
                <thead class="table-light text-center">
                    <tr>
                        <th>#</th>
                        <th>Exercice</th>
                        <th>Responsable</th>
                        <th>Centre de responsabilité</th>
                        <th>Objet</th>
                        <th>Total estimé</th>
                        <th>Détails</th>
                        <th>Actions</th>
                    </tr>
                </thead>
                <tbody>
                @forelse($besoinbudgets as $besoin)
                    <tr class="text-center">
                        <td>{{ $loop->iteration }}</td>
                        <td>{{ $besoin->exercice->libelle ?? '' }}</td>
                        <td>{{ $besoin->responsable->nom ?? '' }} {{ $besoin->responsable->prenoms ?? '' }}</td>
                        <td>{{ $besoin->responsable->centrerespo->libelle_long ?? '' }}</td>
                        <td>{{ $besoin->objet }}</td>
                        <td>{{ number_format($besoin->total_estime, 0, ',', ' ') }} FCFA</td>

                        {{-- Détails --}}
                        <td>
                            <a href="{{ route('user.besoinbudgets.show', $besoin->id) }}"
                               class="btn btn-sm btn-info"
                               title="Voir">
                                <i class="fas fa-eye"></i>
                            </a>
                        </td>

                        {{-- Actions --}}
                        <td>
                            {{-- Différer --}}
                            <button
                                class="btn btn-sm btn-warning mb-1"
                                title="Différer"
                                data-toggle="modal"
                                data-target="#modalDifferer"
                                data-id="{{ $besoin->id }}">
                                <i class="fas fa-undo"></i>
                            </button>

                            {{-- Créer budget (temporaire) --}}
                            <a href="#"
                               class="btn btn-sm btn-success"
                               title="Créer budget">
                                <i class="fas fa-file-invoice-dollar"></i>
                            </a>
                        </td>
                    </tr>
                @empty
                    <tr>
                        <td colspan="8" class="text-center text-muted">
                            Aucun besoin transmis pour le moment
                        </td>
                    </tr>
                @endforelse
                </tbody>
            </table>
        </div>
    </div>

    {{-- MODAL DIFFÉRER --}}
    <div class="modal fade" id="modalDifferer" tabindex="-1">
        <div class="modal-dialog">
            <div class="modal-content">
                <form method="POST" action="{{ route('user.besoinbudgets.differer') }}">
                    @csrf
                    <input type="hidden" name="besoin_id" id="besoin_id_differer">

                    <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>
    $('#modalDifferer').on('show.bs.modal', function (event) {
        var button = $(event.relatedTarget);
        var besoinId = button.data('id');
        $('#besoin_id_differer').val(besoinId);
    });
</script>
@endpush