@extends('layouts.master')

@section('title','Modifier le Besoin Budgétaire')

@section('content')

@php($user = Auth::user())

<div class="container-fluid">

    {{-- TITRE --}}
    <div class="d-flex justify-content-between mb-4">
        <h5 class="text-primary">Modifier le besoin budgétaire</h5>
        <a href="{{ route('user.besoinbudgets.index') }}" class="btn btn-secondary btn-sm">
            <i class="fas fa-arrow-left"></i> Retour
        </a>
    </div>

    {{-- ALERTES --}}
    @if($besoinbudget->statut == 'differe')
        <div class="alert alert-warning">
            <strong>Besoin différé par le DR</strong><br>
            Motif : {{ $besoinbudget->motif_retour ?? 'Non précisé' }}
        </div>
    @endif

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

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

    {{-- FORMULAIRE --}}
    <div class="card shadow mb-4">
        <div class="card-header bg-primary text-white">
            Modifier le besoin
        </div>

        <div class="card-body">
            <form method="POST" action="{{ route('user.besoinbudgets.update',$besoinbudget) }}">
                @csrf
                @method('PUT')

                {{-- Informations générales --}}
                <div class="row mb-3">
                    <div class="col-md-3">
                        <label>Exercice</label>
                        <input class="form-control bg-light" readonly 
                               value="{{ $besoinbudget->exercice->libelle ?? 'Non défini' }}">
                        <input type="hidden" name="exercice_id" value="{{ $besoinbudget->exercice_id }}">
                    </div>

                    <div class="col-md-3">
                        <label>Responsable</label>
                        <input class="form-control bg-light" readonly
                               value="{{ $besoinbudget->responsable->nom ?? '' }} {{ $besoinbudget->responsable->prenoms ?? '' }}">
                        <input type="hidden" name="responsable_id" value="{{ $besoinbudget->responsable_id }}">
                    </div>

                    <div class="col-md-3">
                        <label>Centre de responsabilité</label>
                        <input class="form-control bg-light" readonly
                               value="{{ $besoinbudget->centrerespo->libelle_long ?? 'Non défini' }}">
                        <input type="hidden" name="centrerespo_id" value="{{ $besoinbudget->centrerespo_id }}">
                    </div>

                    <div class="col-md-3">
                        <label>Objet</label>
                        <input name="objet" class="form-control" value="{{ $besoinbudget->objet }}" required>
                    </div>
                </div>

                {{-- Lignes --}}
                <table class="table table-bordered table-sm" id="lignesTable">
                    <thead class="bg-light">
                        <tr>
                            <th>Domaine</th>
                            <th>Activité</th>
                            <th>Coût</th>
                            <th>Priorité</th>
                            <th>Commentaire</th>
                            <th></th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($besoinbudget->besoinlignes as $ligne)
                        <tr>
                            <td>
                                <select name="domaineact_id[]" class="form-control">
                                    @foreach($domaineact as $d)
                                        <option value="{{ $d->id }}" {{ $ligne->domaineact_id == $d->id ? 'selected' : '' }}>
                                            {{ $d->libelle }}
                                        </option>
                                    @endforeach
                                </select>
                            </td>
                            <td><input name="activite[]" class="form-control" value="{{ $ligne->activite }}"></td>
                            <td><input name="cout_estime[]" class="form-control" value="{{ $ligne->cout_estime }}"></td>
                            <td>
                                <select name="priorite[]" class="form-control">
                                    <option {{ $ligne->priorite=='Haute'?'selected':'' }}>Haute</option>
                                    <option {{ $ligne->priorite=='Moyenne'?'selected':'' }}>Moyenne</option>
                                    <option {{ $ligne->priorite=='Basse'?'selected':'' }}>Basse</option>
                                </select>
                            </td>
                            <td><input name="commentaire[]" class="form-control" value="{{ $ligne->commentaire }}"></td>
                            <td><button type="button" class="btn btn-danger btn-sm remove">X</button></td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>

                <button type="button" id="addLine" class="btn btn-outline-primary btn-sm mb-3">
                    + Ligne
                </button>

                {{-- Boutons --}}
                <div class="text-center mt-4">
                    <button name="submit_brouillon" class="btn btn-primary px-4 mr-3">Enregistrer</button>
                    <button name="submit_transmettre" class="btn btn-success px-4">Retransmettre</button>
                </div>

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

{{-- JS pour ajouter/supprimer lignes --}}
<script>
document.getElementById('addLine').onclick = ()=>{
    document.querySelector('#lignesTable tbody').insertAdjacentHTML('beforeend',`
    <tr>
        <td>
            <select name="domaineact_id[]" class="form-control">
                @foreach($domaineact as $d)
                    <option value="{{ $d->id }}">{{ $d->libelle }}</option>
                @endforeach
            </select>
        </td>
        <td><input name="activite[]" class="form-control"></td>
        <td><input name="cout_estime[]" class="form-control"></td>
        <td>
            <select name="priorite[]" class="form-control">
                <option>Haute</option>
                <option selected>Moyenne</option>
                <option>Basse</option>
            </select>
        </td>
        <td><input name="commentaire[]" class="form-control"></td>
        <td><button type="button" class="btn btn-danger btn-sm remove">X</button></td>
    </tr>
    `);
};

document.addEventListener('click', e=>{
    if(e.target.classList.contains('remove')){
        e.target.closest('tr').remove();
    }
});
</script>

@endsection