@extends('layouts.app')

@section('styles')
<link rel="stylesheet" href="{{ asset('BackOfficeAR/css/formulaire_edit.css') }}">
@endsection

@section('content')
@if ($errors->any())
    <ul class="alert alert-warning">
        @foreach ($errors->all() as $error)
            <li>{{ $error }}</li>
        @endforeach
    </ul>
@endif

@if(Auth::check())
<div class="salle-sport-edit">
<div class="container">

    <form action="{{ route('exoneration.update', $document->id_doc) }}" method="POST" enctype="multipart/form-data" lang="ar">
        @csrf
        @method('PUT')

        <input type="hidden" name="id_formulaire" value="{{ $formulaire->id_type }}">
        <input type="hidden" name="id_type_formulaire" value="{{ $formulaire2?->id_type }}">

        <h2>{{ __('site.republic') }}</h2>
        <h2>{{ __('site.ministry_name') }}</h2>

        <h3 style="font-size:25px;">{{ trans_field($formulaire, 'type') }}    </h3>

        <h4 style="text-align:center;padding-top:20px;">{{ __('site.exoneration.form_title') }}</h4>
        <br>

        <div class="form-section">
            <h4>{{ __('site.exoneration.identity.title') }}</h4>

            <div class="form-group row mb-3" style="padding-top:20px;">
                <label class="col-sm-2 col-form-label">{{ __('site.exoneration.identity.full_name') }}</label>
                <div class="col-sm-4">
                    <input required type="text" class="form-control" name="nom_prenom" maxlength="50"
                           value="{{ old('nom_prenom', $document->utilisateur->nom_prenom) }}">
                </div>

                <label class="col-sm-2 col-form-label">{{ __('site.exoneration.identity.phone') }}</label>
                <div class="col-sm-4">
                    <input required type="text" class="form-control" name="tel"
                           value="{{ old('tel', $document->utilisateur->tel) }}">
                </div>
            </div>

            <div class="form-group row align-items-center">
                <label class="col-sm-2 col-form-label">{{ __('site.exoneration.identity.identity_label') }}</label>
                <div class="col-sm-4">
                    <select required class="form-control" id="id_type_identite" name="id_type_identite" onchange="showTypeIdentiteInput4()">
                        <option value="" disabled>{{ __('site.exoneration.placeholders.choose') }}</option>
                        @foreach($typesIdentite as $type)
                            <option value="{{ $type->id_type }}" {{ $document->utilisateur->id_type_identite == $type->id_type ? 'selected' : '' }}>
                                {{ $type->type_ar }}
                            </option>
                        @endforeach
                    </select>
                </div>

                <div class="col-sm-6" id="cin_input_wrapper" style="{{ $document->utilisateur->cin ? '' : 'display:none;' }}">
                    <input type="text" class="form-control" id="cin_input" name="cin" placeholder="{{ __('site.exoneration.placeholders.cin') }}" pattern="^\d{8}$" maxlength="8"
                           value="{{ old('cin', $document->utilisateur->cin) }}">
                </div>

                <div class="col-sm-6" id="passport_field" style="{{ $document->utilisateur->passport ? '' : 'display:none;' }}">
                    <input type="text" class="form-control" id="passport_input" name="passport" placeholder="{{ __('site.exoneration.placeholders.passport') }}" pattern="^\d{8,12}$" minlength="8" maxlength="12"
                           value="{{ old('passport', $document->utilisateur->passport) }}">
                </div>

                <div class="col-sm-6" id="fiscal_field" style="{{ $document->utilisateur->num_fiscal ? '' : 'display:none;' }}">
                    <input type="text" class="form-control" id="num_fiscal_input" name="num_fiscal" placeholder="{{ __('site.exoneration.placeholders.fiscal') }}" pattern="^\d{12}$" maxlength="12"
                           value="{{ old('num_fiscal', $document->utilisateur->num_fiscal) }}">
                </div>
            </div>

            <div class="form-group row mb-3">
                <label class="col-sm-2 col-form-label">{{ __('site.exoneration.identity.address') }}</label>
                <div class="col-sm-4">
                    <input required type="text" class="form-control" name="adresse" maxlength="50"
                           value="{{ old('adresse', $document->utilisateur->adresse) }}">
                </div>

                <label class="col-sm-2 col-form-label">{{ __('site.exoneration.identity.email') }}</label>
                <div class="col-sm-4">
                    <input required type="email" class="form-control" name="email"
                           value="{{ old('email', $document->utilisateur->email) }}">
                </div>
            </div>

            <div class="form-group row mb-3">
                <label class="col-sm-2 col-form-label">{{ __('site.exoneration.identity.project_name') }}</label>
                <div class="col-sm-4">
                    <input required type="text" class="form-control" name="nom_projet"
                           value="{{ old('nom_projet', $document->nom_projet) }}">
                </div>

                <label class="col-sm-2 col-form-label">{{ __('site.exoneration.identity.project_place') }}</label>
                <div class="col-sm-4">
                    <input required type="text" class="form-control" name="adresse_projet"
                           value="{{ old('adresse_projet', $document->adresse_projet) }}">
                </div>
            </div>

        </div>

        <div class="form-section mt-4">
            <h4>{{ __('site.exoneration.documents.title') }}</h4>

            {{-- 1 --}}
            <div class="form-group row mb-3">
                <label class="col-sm-6 col-form-label">{{ __('site.exoneration.documents.1.label') }}</label>
                <div class="col-sm-10">
                    <input type="file" class="form-control" name="copie_cahier_des_charges">
                    @if(!empty($document->copie_cahier_des_charges))
                        <a href="{{ asset('storage/'.$document->copie_cahier_des_charges) }}" target="_blank" class="btn btn-link">{{ __('site.exoneration.actions.view_current_file') }}</a>
                    @endif
                </div>
            </div>
            <span>{{ __('site.exoneration.documents.1.desc') }}</span>

            {{-- 2 --}}
            <div class="form-group row mb-3">
                <label class="col-sm-6 col-form-label">{{ __('site.exoneration.documents.2.label') }}</label>
                <div class="col-sm-10">
                    <input type="file" class="form-control" name="copie_originale">
                    @if(!empty($document->copie_originale))
                        <a href="{{ asset('storage/'.$document->copie_originale) }}" target="_blank" class="btn btn-link">{{ __('site.exoneration.actions.view_current_file') }}</a>
                    @endif
                </div>
            </div>
            <span>{{ __('site.exoneration.documents.2.desc') }}</span>

            {{-- 3 --}}
            <div class="form-group row mb-3">
                <label class="col-sm-6 col-form-label">{{ __('site.exoneration.documents.3.label') }}</label>
                <div class="col-sm-10">
                    <input type="file" class="form-control" name="facture">
                    @if(!empty($document->facture))
                        <a href="{{ asset('storage/'.$document->facture) }}" target="_blank" class="btn btn-link">{{ __('site.exoneration.actions.view_current_file') }}</a>
                    @endif
                </div>
            </div>
            <span>{{ __('site.exoneration.documents.3.desc') }}</span>

            {{-- 4 --}}
            <div class="form-group row mb-3">
                <label class="col-sm-6 col-form-label">{{ __('site.exoneration.documents.4.label') }}</label>
                <div class="col-sm-10">
                    <input type="file" class="form-control" name="contrat">
                    @if(!empty($document->contrat))
                        <a href="{{ asset('storage/'.$document->contrat) }}" target="_blank" class="btn btn-link">{{ __('site.exoneration.actions.view_current_file') }}</a>
                    @endif
                </div>
            </div>
            <span>{{ __('site.exoneration.documents.4.desc') }}</span>

            {{-- 5 --}}
            <div class="form-group row mb-3">
                <label class="col-sm-6 col-form-label">{{ __('site.exoneration.documents.5.label') }}</label>
                <div class="col-sm-10">
                    <input type="file" class="form-control" name="fichier_arrivage">
                    @if(!empty($document->fichier_arrivage))
                        <a href="{{ asset('storage/'.$document->fichier_arrivage) }}" target="_blank" class="btn btn-link">{{ __('site.exoneration.actions.view_current_file') }}</a>
                    @endif
                </div>
            </div>
            <span>{{ __('site.exoneration.documents.5.desc') }}</span>

            {{-- 6 --}}
            <div class="form-group row mb-3">
                <label class="col-sm-6 col-form-label">{{ __('site.exoneration.documents.6.label') }}</label>
                <div class="col-sm-10">
                    <input type="file" class="form-control" name="fichier_colisage">
                    @if(!empty($document->fichier_colisage))
                        <a href="{{ asset('storage/'.$document->fichier_colisage) }}" target="_blank" class="btn btn-link">{{ __('site.exoneration.actions.view_current_file') }}</a>
                    @endif
                </div>
            </div>
            <span>{{ __('site.exoneration.documents.6.desc') }}</span>

            {{-- 7 --}}
            <div class="form-group row mb-3">
                <label class="col-sm-6 col-form-label">{{ __('site.exoneration.documents.7.label') }}</label>
                <div class="col-sm-10">
                    <input type="file" class="form-control" name="copie_registre_fiscal">
                    @if(!empty($document->copie_registre_fiscal))
                        <a href="{{ asset('storage/'.$document->copie_registre_fiscal) }}" target="_blank" class="btn btn-link">{{ __('site.exoneration.actions.view_current_file') }}</a>
                    @endif
                </div>
            </div>
            <span>{{ __('site.exoneration.documents.7.desc') }}</span>

            {{-- 8 --}}
            <div class="form-group row mb-3">
                <label class="col-sm-6 col-form-label">{{ __('site.exoneration.documents.8.label') }}</label>
                <div class="col-sm-10">
                    <input type="file" class="form-control" name="copie_registre_national_institutions">
                    @if(!empty($document->copie_registre_national_institutions))
                        <a href="{{ asset('storage/'.$document->copie_registre_national_institutions) }}" target="_blank" class="btn btn-link">{{ __('site.exoneration.actions.view_current_file') }}</a>
                    @endif
                </div>
            </div>
            <span>{{ __('site.exoneration.documents.8.desc') }}</span>

            {{-- 9 --}}
            <div class="form-group row mb-3">
                <label class="col-sm-6 col-form-label">{{ __('site.exoneration.documents.9.label') }}</label>
                <div class="col-sm-10">
                    <input type="file" class="form-control" name="copie_certificat_propriete">
                    @if(!empty($document->copie_certificat_propriete))
                        <a href="{{ asset('storage/'.$document->copie_certificat_propriete) }}" target="_blank" class="btn btn-link">{{ __('site.exoneration.actions.view_current_file') }}</a>
                    @endif
                </div>
            </div>
            <span>{{ __('site.exoneration.documents.9.desc') }}</span>

            {{-- 10 --}}
            <div class="form-group row mb-3">
                <label class="col-sm-6 col-form-label">{{ __('site.exoneration.documents.10.label') }}</label>
                <div class="col-sm-10">
                    <input type="file" class="form-control" name="engagement">
                    @if(!empty($document->engagement))
                        <a href="{{ asset('storage/'.$document->engagement) }}" target="_blank" class="btn btn-link">{{ __('site.exoneration.actions.view_current_file') }}</a>
                    @endif
                </div>
            </div>
            <span>{{ __('site.exoneration.documents.10.desc') }}</span>

            {{-- 11 --}}
            <div class="form-group row mb-3">
                <label class="col-sm-6 col-form-label">{{ __('site.exoneration.documents.11.label') }}</label>
                <div class="col-sm-10">
                    <input type="file" class="form-control" name="exemple_projet">
                    @if(!empty($document->exemple_projet))
                        <a href="{{ asset('storage/'.$document->exemple_projet) }}" target="_blank" class="btn btn-link">{{ __('site.exoneration.actions.view_current_file') }}</a>
                    @endif
                </div>
            </div>
            <span>{{ __('site.exoneration.documents.11.desc') }}</span>

        </div>

        <div class="form-group row text-center" style="padding-top:50px;">
            <div class="col-sm-4 mx-auto">
                <button type="submit" class="btn btn-success font-weight-medium" style="width:100px;margin-right:250px;">{{ __('site.exoneration.actions.update') }}</button>
            </div>
            <div class="col-sm-4 mx-auto">
                <a href="{{ route('exoneration.index', ['id_type_formulaire' => $id_type_formulaire ?? null]) }}" class="btn btn-primary" style="width:100px;margin-left:250px;">
                    <i class="bi bi-arrow-left"></i> {{ __('site.exoneration.actions.back') }}
                </a>
            </div>
        </div>

    </form>

</div>
</div>

@else
    <script>window.location.href = "{{ route('login') }}";</script>
@endif

</div>
@endsection

@section('scripts')
<script>
    document.addEventListener('DOMContentLoaded', function() {
        // Désactiver nice-select pour tous les selects dans le formulaire
        const formSelects = document.querySelectorAll('.jeunesse-form select');
        formSelects.forEach(select => {
            const niceSelect = select.nextElementSibling;
            if (niceSelect && niceSelect.classList.contains('nice-select')) {
                niceSelect.remove();
            }
        });

        // Prévisualisation des fichiers
        const fileInputs = document.querySelectorAll('input[type="file"]');
        fileInputs.forEach(input => {
            input.addEventListener('change', function(e) {
                const fileName = e.target.files[0]?.name;
                if (fileName) {
                    const label = input.closest('.form-group').querySelector('.col-form-label');
                    if (label) {
                        // translation template contains %s placeholder
                        const tmpl = `{!! __('site.exoneration.js.file_selected') !!}`;
                        label.setAttribute('title', tmpl.replace('%s', fileName));
                    }
                }
            });
        });

        // Gestion des champs d'identité
        function showTypeIdentiteInput4() {
            const selectedType = document.getElementById('id_type_identite').value;
            document.getElementById('cin_input_wrapper').style.display = selectedType === '1' ? '' : 'none';
            document.getElementById('passport_field').style.display = selectedType === '2' ? '' : 'none';
            document.getElementById('fiscal_field').style.display = selectedType === '3' ? '' : 'none';
        }

        // Initialiser l'affichage des champs d'identité
        if (document.getElementById('id_type_identite')) {
            showTypeIdentiteInput4();
            document.getElementById('id_type_identite').addEventListener('change', showTypeIdentiteInput4);
        }
    });
</script>
@endsection