@extends('layouts.master')
@section('title')
    Modification d'une Facture
@endsection
@section('content')
<div class="page-body">
    <div class="container-xl">
        <div class="row">
            @if(session()->has('success'))
                <div class="col-6 offset-3">
                    <div class="alert alert-success d-flex align-items-center justify-content-between" role="alert">
                        <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-circle-check" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
                            <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
                            <path d="M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0"></path>
                            <path d="M9 12l2 2l4 -4"></path>
                        </svg>
                        <div>
                            {{ session()->get('success') }}
                        </div>
                        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                    </div>
                </div>
            @endif
            @if(session()->has('errors'))
                <div class="col-6 offset-3">
                    <div class="alert alert-warning d-flex align-items-center justify-content-between" role="alert">
                        <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-alert-circle" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
                            <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
                            <path d="M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0"></path>
                            <path d="M12 8v4"></path>
                            <path d="M12 16h.01"></path>
                        </svg>
                        <div>
                            {{ session()->get('errors') }}
                        </div>
                        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                    </div>
                </div>
            @endif
        </div>
        <div class="row row-cards">
            <div class="col-12">
                <form class="card" action="{{ route('factures.update', $facture->id) }}" method="POST">
                    @csrf
                    @method('PUT')
                    <div class="card-header">
                        <h2><span class="badge bg-blue-lt">Mise à jour de la facture N° {{ $facture->numero_facture }}</span></h2>
                    </div>
                    <div class="card-body">
                        <div class="my-3 row">
                            <div class="col">
                                <div class="row">
                                    <label for="numero_facture" class="col-3 col-form-label bg-blue-lt required">N° Facture</label>
                                    <div class="col">
                                        <input type="text" class="form-control @error('numero_facture') is-invalid @enderror" 
                                            id="numero_facture" name="numero_facture" value="{{ old('numero_facture', $facture->numero_facture) }}" placeholder="24314Y0101" required>
                                        @error('numero_facture')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>
                            </div>
                            <div class="col">
                                <div class="row">
                                    <label for="date_facture" class="col-3 col-form-label bg-blue-lt required">Date facture</label>
                                    <div class="col">
                                        <input type="date" class="form-control @error('date_facture') is-invalid @enderror" 
                                            id="date_facture" name="date_facture" 
                                            value="{{ old('date_facture', $facture->date_facture->format('Y-m-d')) }}" required>
                                        @error('date_facture')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="my-3 row">
                            <div class="col">
                                <div class="row">
                                    <label for="marche" class="col-3 col-form-label bg-blue-lt required">Marché</label>
                                    <div class="col">
                                        <select class="form-select @error('marche_id') is-invalid @enderror" id="marche" name="marche_id" required>
                                            <option value="">--Choix du marché--</option>
                                            @foreach($marches as $marche)
                                                <option value="{{ $marche->id }}" 
                                                    {{ old('marche_id', $facture->marche_id) == $marche->id ? 'selected' : '' }}>
                                                    {{ $marche->reference }}
                                                </option>
                                            @endforeach
                                        </select>
                                        @error('marche_id')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>
                            </div>
                            <div class="col">
                                <div class="row">
                                    <label for="montant" class="col-3 col-form-label bg-blue-lt required">Montant</label>
                                    <div class="col">
                                        <input type="number" step="0.01" class="form-control @error('montant') is-invalid @enderror" 
                                            id="montant" name="montant" value="{{ old('montant', $facture->montant) }}" placeholder="35.000.000" required>
                                        @error('montant')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="mb-3 row">
                            <div class="col">
                                <div class="row">
                                    <label for="exercice_id" class="col-3 col-form-label bg-blue-lt required">Exercice</label>
                                    <div class="col">
                                        <select class="form-select @error('exercice_id') is-invalid @enderror" id="exercice_id" name="exercice_id" required>
                                            <option value="">--Choix d'un exercice--</option>
                                            @foreach($exercices as $exercice)
                                                <option value="{{ $exercice->id }}" 
                                                    {{ old('exercice_id', $facture->exercice_id) == $exercice->id ? 'selected' : '' }}>
                                                    {{ $exercice->annee }}
                                                </option>
                                            @endforeach
                                        </select>
                                        @error('exercice_id')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>
                            </div>
                            <div class="col">
                                <div class="row">
                                    <label class="col-3 col-form-label bg-blue-lt required">Prestation</label>
                                    <div class="col">
                                        <select class="form-select @error('prestation') is-invalid @enderror" name="prestation" required>
                                            <option value="">-- Choix Prestation --</option>
                                            @foreach($prestations as $prestation)
                                                <option value="{{ $prestation->titre }}" 
                                                    {{ old('prestation', $facture->prestation) == $prestation->titre ? 'selected' : '' }}>
                                                    {{ $prestation->titre }}
                                                </option>
                                            @endforeach
                                        </select>
                                        @error('prestation')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="mb-3 row">
                            <div class="col">
                                <div class="row">
                                    <label class="col-3 col-form-label bg-blue-lt required">Secteur</label>
                                    <div class="col">
                                        <input type="text" class="form-control" id="secteur" name="secteur" value="{{ old('secteur', $facture->secteur) }}" readonly>
                                    </div>
                                </div>
                            </div>
                            <div class="col">
                                <div class="row">
                                    <label for="statut" class="col-3 col-form-label bg-blue-lt required">Statut</label>
                                    <div class="col">
                                        <select class="form-select @error('statut') is-invalid @enderror" id="statut" name="statut" required>
                                            <option value="">--Statut facture--</option>
                                            <option value="recue" {{ old('statut', $facture->statut) == 'recue' ? 'selected' : '' }}>Recue</option>
                                            <option value="prise en charge" {{ old('statut', $facture->statut) == 'prise en charge' ? 'selected' : '' }}>Prise en charge</option>
                                            <option value="payee" {{ old('statut', $facture->statut) == 'payee' ? 'selected' : '' }}>Payée</option>
                                            <option value="rejetee" {{ old('statut', $facture->statut) == 'rejetee' ? 'selected' : '' }}>Rejetée</option>
                                        </select>
                                        @error('statut')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="mb-3 row">
                            <div class="col">
                                <div class="row">
                                    <label class="col-3 col-form-label bg-blue-lt">Période</label>
                                    <div class="col">
                                        <select class="form-select @error('periode') is-invalid @enderror" name="periode">
                                            <option value="">-- Période Facture--</option>
                                            @foreach (\App\Helpers\Month::getMonthsArray() as $key => $month)
                                                <option value="{{ $key }}" {{ old('periode', $facture->periode) == $key ? 'selected' : '' }}>
                                                    {{ $month }}
                                                </option>
                                            @endforeach
                                        </select>
                                        @error('periode')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>
                            </div>
                            <div class="col">
                                <div class="row">
                                    <label class="col-3 col-form-label bg-blue-lt">Notes</label>
                                    <div class="col">
                                        <input type="text" class="form-control @error('notes') is-invalid @enderror" 
                                            name="notes" value="{{ old('notes', $facture->notes) }}" placeholder="Facture à prendre en charge hors budget">
                                        @error('notes')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>
                            </div>
                        </div>
                        
                        <div class="mb-3 row">
                            <div class="col">
                                <div class="row">
                                </div>
                            </div>
                            <div class="col">
                                <div class="row" id="factureTypePecGroup" style="{{ old('statut', $facture->statut) == 'prise en charge' ? '' : 'display: none;' }}">
                                    <label for="type_pec" class="col-4 col-form-label bg-blue-lt">Type de prise en charge</label>
                                    <div class="col">
                                        <select class="form-select @error('type_pec') is-invalid @enderror" id="type_pec" name="type_pec">
                                            <option value="">--Type PEC--</option>
                                            <option value="PEC Budget" {{ old('type_pec', $facture->type_pec) == 'PEC Budget' ? 'selected' : '' }}>Prise en charge sur Budget</option>
                                            <option value="PEC Hors Budget" {{ old('type_pec', $facture->type_pec) == 'PEC Hors Budget' ? 'selected' : '' }}>Prise en charge Hors Budget</option>
                                        </select>
                                        @error('type_pec')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>
                            </div>
                        </div>
                        
                        <div class="mb-3 row">
                            <div class="col">
                                <div class="row" id="factureTypePayeGroup" style="{{ old('statut', $facture->statut) == 'payee' ? '' : 'display: none;' }}">
                                    <label for="type_paiement" class="col-3 col-form-label bg-blue-lt">Type de paiement</label>
                                    <div class="col">
                                        <select class="form-select @error('type_paiement') is-invalid @enderror" id="type_payee" name="type_paiement">
                                            <option value="">--Type Paiement--</option>
                                            <option value="Paye Budget" {{ old('type_paiement', $facture->type_paiement) == 'Paye Budget' ? 'selected' : '' }}>Payée sur Budget</option>
                                            <option value="Paye Hors Budget" {{ old('type_paiement', $facture->type_paiement) == 'Paye Hors Budget' ? 'selected' : '' }}>Payé Hors Budget</option>
                                        </select>
                                        @error('type_paiement')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>
                            </div>
                            <div class="col">
                                <div class="row" id="factureModePayeGroup" style="{{ old('statut', $facture->statut) == 'payee' ? '' : 'display: none;' }}">
                                    <label class="col-3 col-form-label bg-blue-lt">Mode de paiement</label>
                                    <div class="col">
                                        <select class="form-select @error('mode_paiement') is-invalid @enderror" id="mode_payee" name="mode_paiement">
                                            <option value="">--Mode de Paiement--</option>
                                            <option value="Lettre d'avance" {{ old('mode_paiement', $facture->mode_paiement) == "Lettre d'avance" ? 'selected' : '' }}>Lettre d'avance</option>
                                            <option value="Titrisation" {{ old('mode_paiement', $facture->mode_paiement) == 'Titrisation' ? 'selected' : '' }}>Titrisation</option>
                                            <option value="Financement bancaire" {{ old('mode_paiement', $facture->mode_paiement) == 'Financement bancaire' ? 'selected' : '' }}>Financement bancaire</option>
                                            <option value="Autres" {{ old('mode_paiement', $facture->mode_paiement) == 'Autres' ? 'selected' : '' }}>Autres</option>
                                        </select>
                                        @error('mode_paiement')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="card-footer d-flex justify-content-between">
                        <a href="{{ route('factures.index') }}" class="btn btn-dark">
                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-arrow-left">
                                <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
                                <path d="M5 12l14 0" />
                                <path d="M5 12l6 6" />
                                <path d="M5 12l6 -6" />
                            </svg> 
                            Retour à la liste
                        </a>
                        <button type="submit" class="btn btn-primary">
                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-device-floppy">
                                <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
                                <path d="M6 4h10l4 4v10a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2v-12a2 2 0 0 1 2 -2" />
                                <path d="M12 14m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0" />
                                <path d="M14 4l0 4l-6 0l0 -4" />
                            </svg>
                            Mettre à jour
                        </button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
@endsection
@push('scripts')
<script src="https://code.jquery.com/jquery-3.7.0.js"></script>
<script>
$(document).ready(function() {

    // Gestion pre-remplissage des champs selon le marché selectionner
    const marchesData = {};
    @foreach($marches as $marche)
        marchesData['{{ $marche->id }}'] = {
            secteur: '{{ $marche->secteur }}',
        };
    @endforeach

    $('#marche').on('change', function() {
        let marcheId = $(this).val();
        if (marcheId && marchesData[marcheId]) {
            $('#secteur').val(marchesData[marcheId].secteur);
        } else {
            $('#secteur').val('');
        }
    });
    
    // Déclencher au chargement pour pré-remplir avec les données existantes
    $('#marche').trigger('change');

    // Gestion du statut prise en charge et payée
    function toggleStatutFields() {
        const statutValue = $('#statut').val();
        const $factureTypePecGroup = $('#factureTypePecGroup');
        const $factureTypePecSelect = $('#type_pec');
        const $factureTypePayeGroup = $('#factureTypePayeGroup');
        const $factureTypePayeSelect = $('#type_payee');
        const $factureModePayeGroup = $('#factureModePayeGroup');
        const $factureModePayeSelect = $('#mode_payee');

        // Cacher tous les champs par défaut
        $factureTypePecGroup.hide();
        $factureTypePayeGroup.hide();
        $factureModePayeGroup.hide();

        // Afficher selon le statut
        if (statutValue === 'prise en charge') {
            $factureTypePecGroup.show();
        } else if (statutValue === 'payee') {
            $factureTypePayeGroup.show();
            $factureModePayeGroup.show();
        } else {
            // Réinitialiser les valeurs si autre statut
            $factureTypePecSelect.val('');
            $factureTypePayeSelect.val('');
            $factureModePayeSelect.val('');
        }
    }

    // Event listener pour le changement de statut
    $('#statut').on('change', toggleStatutFields);
    
    // Initialiser l'affichage au chargement
    toggleStatutFields();
});
</script>
@endpush