@extends('layouts.master')
@section('title')
    Création d'une Facture
@endsection
@section('content')
<div class="page-body">
    <div class="container-xl">
        <div class="row">
            @if(session()->has('error'))
                <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-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('error') }}
                        </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.store') }}" method="POST">
                    @csrf
                    <div class="card-header">
                        <h2><span class="badge bg-blue-lt">Enregistrement d'une 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 saisie</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', isset($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 ?? $marcheId ?? '') == $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 ?? $exerciceId ?? '') == $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" name="prestation_id">
                                            <option>-- Choix Prestation --</option>
                                            @foreach($prestations as $prestation)
                                                <option value="{{ $prestation->id }}">{{ $prestation->titre }}</option>
                                            @endforeach
                                        </select>
                                    </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_id" value="{{ old('secteur_id', $marche->secteur->libelle ?? '') }}" 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') }}>Recue</option>
                                            <option value="prise en charge" {{ old('statut') == 'prise en charge' ? 'selected' : '' }}>Prise en charge</option>
                                            <option value="payee" {{ old('statut') == 'payee' ? 'selected' : '' }}>Payée</option>
                                            <option value="rejetee" {{ old('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" name="periode">
                                            <option>-- Période Facture--</option>
                                            @foreach (\App\Helpers\Month::getMonthsArray() as $key => $month)
                                                <option value="{{ $key }}">{{ $month }}</option>
                                            @endforeach
                                        </select>
                                    </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" name="notes" value="{{ old('notes') }}" placeholder="Facture à prendre en charge hors budget">
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="mb-3 row">
                            <div class="col">
                                <div class="row" id="factureDatePecGroup" style="{{ old('statut') == 'prise en charge' ? '' : 'display: none;' }}">
                                    <label for="date_pec" class="col-3 col-form-label bg-blue-lt required">Date PEC</label>
                                    <div class="col">
                                        <input type="date" class="form-control @error('date_pec') is-invalid @enderror" 
                                            id="date_pec" name="date_pec" 
                                            value="{{ old('date_pec', isset($facture) ? $facture->date_pec->format('Y-m-d') : '') }}">
                                        @error('date_pec')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>
                            </div>
                            <div class="col">
                                <div class="row" id="factureTypePecGroup" style="{{ old('statut') == 'prise en charge' ? '' : 'display: none;' }}">
                                    <label for="type_pec" class="col-4 col-form-label bg-blue-lt">Type PEC</label>
                                    <div class="col">
                                        <select class="form-select @error('type_pec') is-invalid @enderror" id="type_pec" name="type_pec">
                                            <option value="">--Choix--</option>
                                            <option value="PEC Budget" {{ old('type_pec') }}>Prise en charge sur Budget</option>
                                            <option value="PEC Hors Budget" {{ old('type_pec') }}>Pris 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') == 'payee' ? '' : 'display: none;' }}">
                                    <label for="type_pec" 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') }}>Payée sur Budget</option>
                                            <option value="Paye Hors Budget" {{ old('type_paiement') }}>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') == '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') }}>Lettre d'avance</option>
                                            <option value="Titrisation" {{ old('mode_paiement') }}>Titrisation</option>
                                            <option value="Financement bancaire" {{ old('mode_paiement') }}>Financement bancaire</option>
                                            <option value="Autres" {{ old('mode_paiement') }}>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-blue">Enregistrer</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 }}'] = {
            //operateur: '{{ $marche->operateur->denomination }}',
            secteur: '{{ $marche->secteur->id }}',
        };
    @endforeach

    $(document).ready(function() {
        $('#marche').on('change', function() {
            let marcheId = $(this).val();
            if (marcheId && marchesData[marcheId]) {
                $('#secteur').val(marchesData[marcheId].secteur);
            } else {
                $('#secteur').val('');
            }
        });
        // Déclencher au chargement
        $('#marche').trigger('change');
    });

    // Gestion du statut pris en charge
    $('#statut').on('change', function() {
        const $factureDatePecGroup = $('#factureDatePecGroup');
        const $factureTypePecGroup = $('#factureTypePecGroup');
        const $factureTypePecSelect = $('#type_pec');
        const $factureTypePayeGroup = $('#factureTypePayeGroup');
        const $factureTypePayeSelect = $('#type_paye');
        const $factureModePayeGroup = $('#factureModePayeGroup');
        const $factureModePayeSelect = $('#mode_paye');

        if ($(this).val() === 'prise en charge') {
            $factureTypePecGroup.show();
            $factureDatePecGroup.show();
        } else if($(this).val() === 'payee') {
            $factureTypePayeGroup.show();
            $factureModePayeGroup.show();
        }
        else {
            $factureDatePecGroup.hide();
            $factureTypePecGroup.hide();
            $factureTypePecSelect.val('');
            $factureTypePayeGroup.hide();
            $factureTypePayeSelect.val('');
            $factureModePayeGroup.hide();
            $factureModePayeSelect.val('');
        }
    });
});
</script>
@endpush