@extends('layouts.master')

@section('title', 'Détails du Besoin Budgétaire')

@section('content')

<div class="container-fluid">

    <div class="d-flex justify-content-between mb-4">
        <h4 class="text-primary font-weight-bold">Détails du budget</h4>
        <a href="{{ route('user.budgets.indexbudget') }}" class="btn btn-secondary btn-sm">
            <i class="fas fa-arrow-left"></i> Retour
        </a>
    </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

    {{-- INFORMATIONS GÉNÉRALES --}}
    <div class="card shadow mb-4">
        <div class="card-header bg-primary text-white font-weight-bold">Informations générales</div>
        <div class="card-body">
            <div class="row mb-2">
                <div class="col-md-4"><strong>Exercice :</strong> {{ $budget->exercice->libelle ?? '' }}</div>
                <div class="col-md-4"><strong>Responsable :</strong> {{ $budget->responsable->nom ?? '' }} {{ $budget->responsable->prenoms ?? '' }}</div>
                <div class="col-md-4"><strong>Centre :</strong> {{ $budget->responsable->centrerespo->libelle_long ?? '' }}</div>
            </div>
            <div class="row mb-2">
                <div class="col-md-12"><strong>Objet :</strong> {{ $budget->objet }}</div>
            </div>
           @php
    $totalEstime = $budget->budgetlignes->sum('montant');
@endphp
<div class="row mb-2">
    <div class="col-md-12">
        <strong>Total estimé :</strong> <span id="totalEstime">{{ number_format($totalEstime,0,' ',' ') }}</span> FCFA
    </div>
</div>

        </div>
    </div>

    {{-- FORMULAIRE LIGNES DU BUDGET --}}
   <form method="POST" action="{{ route('user.budgets.update_lignes', $budget->id) }}">
    @csrf
    @method('PUT')

    <div class="card shadow mb-4">
        <div class="card-header bg-info text-white font-weight-bold">Détails des lignes (modifiable)</div>
        <div class="card-body p-0 table-responsive">
            <table class="table table-bordered table-sm mb-0">
                <thead class="thead-light">
                    <tr class="text-center">
                        <th>Contrat</th>
                        <th>Domaine d'activité</th>
                        <th>Activité</th>
                        <th>Montant</th>
                        <th>Poste de gestion</th>
                        <th>Rubrique</th>
                        <th>Compte comptable</th>
                        <th>Axe PSD</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse($budget->budgetlignes as $ligne)
                        <tr data-centrerespo="{{ $budget->responsable->centrerespo->id }}">
                            {{-- Contrat --}}
                            <td>
                                <select name="lignes[{{ $ligne->id }}][contrat_id]" class="form-control form-control-sm">
                                    <option value="">-- Sélectionner --</option>
                                    @foreach($contrats as $contrat)
                                        <option value="{{ $contrat->id }}" 
                                            {{ ($ligne->contrat_id ?? '') == $contrat->id ? 'selected' : '' }}>
                                            {{ $contrat->libelle }}
                                        </option>
                                    @endforeach
                                </select>
                            </td>

                            {{-- Domaine d'activité --}}
                            <td>
                                <select name="lignes[{{ $ligne->id }}][domaineact_id]" 
            class="form-control form-control-sm domaine-select"
            data-centrerespo="{{ $budget->responsable->centrerespo->id }}">
        <option value="{{ $ligne->domaineact_id ?? '' }}" selected>
            {{ $ligne->domaineact->libelle ?? '-- Sélectionner --' }}
        </option>
        {{-- Les autres options ne seront ajoutées que si l'utilisateur change --}}
    </select>
                            </td>

                            {{-- Activité --}}
                            <td>
                                <input type="text" name="lignes[{{ $ligne->id }}][activite]" value="{{ $ligne->activite }}" class="form-control form-control-sm">
                            </td>

                            {{-- Montant --}}
                            <td>
                                <input type="number" name="lignes[{{ $ligne->id }}][montant]" value="{{ $ligne->montant }}" class="form-control form-control-sm text-right">
                            </td>

                            {{-- Poste de gestion --}}
                            <td>
                                <select name="lignes[{{ $ligne->id }}][postegestion_id]" class="form-control form-control-sm">
                                    <option value="">-- Sélectionner --</option>
                                    @foreach($postegestions as $postegestion)
                                        <option value="{{ $postegestion->id }}" 
                                            {{ ($ligne->postegestion_id ?? '') == $postegestion->id ? 'selected' : '' }}>
                                            {{ $postegestion->libelle }}
                                        </option>
                                    @endforeach
                                </select>
                            </td>

                            {{-- Rubrique --}}
                            <td>
           <select name="lignes[{{ $ligne->id }}][rubrique_id]" 
            class="form-control form-control-sm rubrique-select" 
            data-ligne="{{ $ligne->id }}">
        <option value="">-- Sélectionner --</option>
        @foreach($rubriques as $rubrique)
            <option value="{{ $rubrique->id }}" 
                    data-code="{{ $rubrique->code }}"
                    {{ ($ligne->rubrique_id ?? '') == $rubrique->id ? 'selected' : '' }}>
                {{ $rubrique->code }} - {{ $rubrique->libelle }}
            </option>
        @endforeach
    </select>
                            </td>

                            {{-- Compte comptable --}}
                          
                                <td>
    <select name="lignes[{{ $ligne->id }}][comptesyscohada_id]" 
            class="form-control form-control-sm compte-select">
        <option value="">-- Sélectionner --</option>
        @foreach($comptesyscohadas as $compte)
            @if($ligne->comptesyscohada_id == $compte->id)
                <option value="{{ $compte->id }}" selected>
                    {{ $compte->code }} - {{ $compte->libelle }}
                </option>
            @endif
        @endforeach
    </select>
</td>
                            </td>

                            {{-- Axe PSD --}}
                            <td>
                                <input type="text" name="lignes[{{ $ligne->id }}][axe_PSD]" value="{{ $ligne->axe_PSD ?? '' }}" class="form-control form-control-sm">
                            </td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="8" class="text-center text-muted">Aucune ligne enregistrée</td>
                        </tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </div>

    <div class="mb-4 text-right">
      @if(in_array($budget->statut, ['retourne', 'valide']))
          <button class="btn btn-secondary" disabled>
              <i class="fas fa-lock"></i> Modification verrouillée
          </button>
      @else
          <button type="submit" class="btn btn-success">
              <i class="fas fa-save"></i> Enregistrer les modifications
          </button>
      @endif

        
    </div>
</form>

</div>

@endsection

@push('scripts')
<script>
document.addEventListener('DOMContentLoaded', function() {

    const comptes = @json($comptesyscohadas);
    const domaines = @json($domaineacts);

    // Filtrage des comptes selon la rubrique
    function updateCompteOptions(row) {
        const rubriqueSelect = row.querySelector('.rubrique-select');
        const compteSelect = row.querySelector('.compte-select');

        const selectedOption = rubriqueSelect.options[rubriqueSelect.selectedIndex];
        const code = selectedOption.dataset.code;

        // Vider les options et remplir selon la rubrique
        compteSelect.innerHTML = '<option value="">-- Sélectionner un compte --</option>';
        if (code) {
            comptes.filter(c => c.code.startsWith(code)).forEach(c => {
                const option = document.createElement('option');
                option.value = c.id;
                option.textContent = c.code + ' - ' + c.libelle;
                compteSelect.appendChild(option);
            });
            compteSelect.disabled = false;
        } else {
            compteSelect.disabled = true;
        }
    }

    // Filtrage des domaines selon le centre
    function filterDomaines(row) {
        const domaineSelect = row.querySelector('.domaine-select');
        const centreId = domaineSelect.dataset.centrerespo;
        const currentValue = domaineSelect.value;

        // Écouter le changement
        domaineSelect.addEventListener('focus', function() {
            // Vider les options sauf la valeur existante
            const existingOption = domaineSelect.querySelector('option[selected]');
            domaineSelect.innerHTML = '';
            if (existingOption) {
                domaineSelect.appendChild(existingOption);
            }
            // Ajouter les autres domaines valides pour le centre
            domaines.forEach(d => {
                if (d.centrerespo_id == centreId && d.id != currentValue) {
                    const option = document.createElement('option');
                    option.value = d.id;
                    option.textContent = d.libelle;
                    domaineSelect.appendChild(option);
                }
            });
        });
    }

    // Appliquer sur toutes les lignes
    document.querySelectorAll('tr').forEach(row => {
        if (row.querySelector('.rubrique-select')) {
            row.querySelector('.rubrique-select').addEventListener('change', function() {
                updateCompteOptions(row);
            });
        }
        if (row.querySelector('.domaine-select')) {
            filterDomaines(row);
        }
    });

});


</script>

@endpush