@extends('layouts.app')

@section('styles')
<link rel="stylesheet" href="{{ asset('BackOfficeAR/css/formulaire_edit.css') }}">
<style>
   /* Bouton Précédent - masqué par défaut */
    /* Utiliser un sélecteur très spécifique pour surpasser .salle-sport-edit button */
    .salle-sport-edit button.btn-hidden,
    .salle-sport-edit button#prevBtn.btn-hidden,
    button.btn.btn-hidden,
    button#prevBtn.btn-hidden {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
        width: 0 !important;
        height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    
    .salle-sport-edit button.btn-visible,
    .salle-sport-edit button#prevBtn.btn-visible,
    .salle-sport-edit button#nextBtn.btn-visible,
    button.btn.btn-visible,
    button#prevBtn.btn-visible,
    button#nextBtn.btn-visible {
        display: inline-block !important;
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;
    }
	
	    .text-danger2 {
    color: #dc3545;
    font-size: 15px;
    margin-top: 4px;
    display: block;
    font-weight: 600;
}

.is-invalid {
    border-color: #dc3545 !important;
    background-color: #fff5f5 !important;
}

.is-invalid:hover {
    border-color: #ff0000 !important;
    background-color: #ffe8e8 !important;
}
</style>

@endsection

@section('content')
<script>
let currentStep = 1;
const totalSteps = 3;

function showStep(step) {
    console.log('showStep appelée avec step:', step);
    
    // Cacher tous les contenus
    document.querySelectorAll('.step-content').forEach(content => {
        content.classList.remove('active');
    });
    
    // Afficher le contenu actuel
    document.querySelector(`#step${step}`).classList.add('active');
    
    // Mettre à jour les indicateurs
    document.querySelectorAll('.step-indicator span').forEach(indicator => {
        indicator.classList.remove('active');
    });
    document.querySelector(`#step${step}-indicator`).classList.add('active');
    
    // Gérer l'affichage des boutons
    const prevBtn = document.getElementById('prevBtn');
    const nextBtn = document.getElementById('nextBtn');
    
    console.log('Boutons trouvés:', prevBtn, nextBtn);
    
    // Masquer le bouton "السابق" à la première étape
    if (step === 1) {
        console.log('Masquage du bouton précédent (step 1)');
        prevBtn.classList.remove('btn-visible');
        prevBtn.classList.add('btn-hidden');
    } else {
        console.log('Affichage du bouton précédent (step > 1)');
        prevBtn.classList.remove('btn-hidden');
        prevBtn.classList.add('btn-visible');
    }
    
    // Masquer le bouton "التالي" à la dernière étape
    if (step === totalSteps) {
        nextBtn.classList.remove('btn-visible');
        nextBtn.classList.add('btn-hidden');
    } else {
        nextBtn.classList.remove('btn-hidden');
        nextBtn.classList.add('btn-visible');
    nextBtn.textContent = "{{ __('site.financement.form.next') }}";
    }
}

function nextStep() {
    if (currentStep < totalSteps) {
        currentStep++;
        showStep(currentStep);
    } else {
        // Si on est à la dernière étape, soumettre le formulaire
        document.querySelector('form').submit();
    }
}

function prevStep() {
    if (currentStep > 1) {
        currentStep--;
        showStep(currentStep);
    }
}

// Initialiser le stepper
if (document.readyState === 'loading') {
    document.addEventListener('DOMContentLoaded', initStepper);
} else {
    initStepper();
}

function initStepper() {
    console.log('Initialisation du stepper');
    // Petit délai pour s'assurer que tout est chargé
    setTimeout(() => {
        showStep(1);
    }, 100);
}
</script>

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


<div class="it-about-3-area p-relative pt-30 pb-125">
                <img class="it-about-shape-1" src="{{ asset('assets/img/shape/about-1-1.png') }}" alt="">
                <div class="container">
				 <nav class="breadcrumb-nav" aria-label="breadcrumb">
                    <ol class="breadcrumb mb-0">
                        <li class="breadcrumb-item">
                            <a href="{{ route('dashboard') }}">
                                <i class="bi bi-house-fill"></i>
                               <span>{{ __('site.financement.breadcrumb.home') }}</span>
                            </a>
                        </li>
                        <li class="breadcrumb-item">
                            <a href="{{ route('doc_fin.index') }}">
                                
                                <span>{{ __('site.financement.breadcrumb.index') }}</span>
                            </a>
                        </li>
                        <li class="breadcrumb-item active" aria-current="page">
    {{ __('site.financement.breadcrumb.add_form') }}
</li>
                    </ol>
                </nav>
                 
            <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.1/font/bootstrap-icons.css" rel="stylesheet">




<form  class="card shadow-sm p-4" action="{{ route('doc_fin.update', $docList->id_doc_list) }}" method="POST" enctype="multipart/form-data" lang="ar">

    @csrf

    @method('PUT')

    @php 

            $currentStatus = $docList->id_statut1 ?? '';

            $currentMotif = $docList->commentaire_motif1 ?? '';

        @endphp


<a href="{{ route('doc_fin.show.pdf', $docList->id_doc_list) }}"
            target="_blank"
            class="btn btn-danger"
            style="width:160px; height:40px; display:flex; align-items:center; justify-content:center; gap:6px;">
                <i class="fa fa-file-pdf"></i>
                {{ __('site.download_pdf') ?? 'تحميل PDF' }}
            </a><br>
        <div class="card shadow-lg border-0 mb-4 rounded-4">

            <div class="card-header bg-custom-gray text-dark d-flex justify-content-between align-items-center">

              <h5 class="mb-0 fw-bold">{{ __('site.financement.status.from_committee') }}</h5>

                @php $status1 = $docList->id_statut1 ?? 2; @endphp

                @if($status1 == 1)

              <span class="status-badge status-badge--success">{{ __('site.financement.status.accepted') }}</span>

                @elseif($status1 == 3)

<span class="status-badge status-badge--danger">{{ __('site.financement.status.refused') }}</span>
                @elseif($status1 == 6)
<span class="status-badge status-badge--pending" ...>{{ __('site.financement.status.draft') }}</span>


                @else
<span class="status-badge status-badge--pending">{{ __('site.financement.status.pending') }}</span>
                @endif

            </div>



            @if($status1 == 3 && $docList->commentaire_motif1)

                <div class="card-body">

                   <p class="text-danger fw-bold">{{ __('site.financement.reject_reason') }}</p>


                    <p>{{ $docList->commentaire_motif1 }}</p>

                </div>

            @endif

        </div>

    <div class="stepper-wrapper">
             <div class="step-indicator">
            <span class="active" id="step1-indicator">{{ __('site.financement.form.step_1') }}</span>
            <span id="step2-indicator"> {{ __('site.financement.form.step_2') }}</span>
            <span id="step3-indicator"> {{ __('site.financement.form.step_3') }}</span>
        </div>

<div id="step1" class="step-content active">
    <div class="container" lang="ar" dir="rtl">
        <input disabled type="hidden" name="id_association" value="{{ $association->id_association ?? '' }}">
        <input disabled type="hidden" name="id_formulaire" value="{{ $formulaire->id_type }}">
        <input disabled type="hidden" name="id_projet" value="{{ $id_projet ?? '' }}">

        <h4 class="text-center mt-4">{{ __('site.financement.form.step1.title') }}</h4>

        <div class="card mt-4 shadow-sm">
            <div class="card-header text-center bg-white">
                <div class="row mb-3 align-items-center">
                    <label style="color:black;" class="col-sm-3 col-form-label">{{ __('site.financement.form.step1.association_name') }}</label>
                    <div class="col-sm-9">
                        <input disabled type="text" name="nom_association"
                               class="form-control bg-white step1-field @error('nom_association') is-invalid @enderror"
                               value="{{ old('nom_association', $docList->projet->demande->association->nom_association ?? '') }}">
                        @error('nom_association')
                            <small class="text-danger2 d-block mb-1">{{ $message }}</small>
                        @enderror
                    </div>
                </div>
            </div>

            <div class="card-header text-center bg-light">
                <h5 class="mb-0">{{ trans_field($formulaire, 'type') }} </h5>
            </div>

            <div class="card-body">
                <div class="row" dir="rtl">
                    @php
                        $selectedTypesDisplay = old('types_financement', $selectedTypes ?? []);
                        if (!is_array($selectedTypesDisplay)) {
                            $selectedTypesDisplay = [];
                        }
                    @endphp

                    @foreach($type_financement as $type)
                        <div class="col-md-4 col-sm-6 mb-2 text-center">
                            <div class="form-check d-flex justify-content-start">
                                <input
                                    class="form-check-input me-2 text-center"
                                    type="checkbox"
                                    value="{{ $type->id_type_fin }}"
                                    {{ in_array($type->id_type_fin, $selectedTypesDisplay) ? 'checked' : '' }}
                                    disabled>
                                <label class="col-sm-12 col-form-label" style="color:black;">
                                    {{ trans_field($type, 'type') }} 
                                </label>
                            </div>
                        </div>
                    @endforeach
                </div>
            </div>
        </div>

        <div class="card mt-4 shadow-sm">
            <div class="card-header text-center bg-light">
                <h5 class="mb-0">{{ __('site.financement.form.step1.card_association_data') }}</h5>
            </div>

            <div class="card-body">
                <div class="row mb-3 align-items-center">
                    <label style="color:black;" class="col-sm-3 col-form-label">{{ __('site.financement.form.step1.address') }}</label>
                    <div class="col-sm-9">
                        <input disabled type="text" name="adresse"
                               class="form-control bg-white step1-field @error('adresse') is-invalid @enderror"
                               value="{{ old('adresse', $docList->projet->demande->association->adresse ?? '') }}">
                        @error('adresse')
                            <small class="text-danger2 d-block mb-1">{{ $message }}</small>
                        @enderror
                    </div>
                </div>

                <div class="form-group row mb-3">
                    <label style="color:black;" class="col-sm-2 col-form-label">{{ __('site.financement.form.step1.postal_code') }}</label>
                    <div class="col-sm-4">
                        <input disabled type="text" name="code_postal"
                               class="form-control bg-white step1-field @error('code_postal') is-invalid @enderror"
                               value="{{ old('code_postal', $docList->projet->demande->association->code_postal ?? '') }}">
                        @error('code_postal')
                            <small class="text-danger2 d-block mb-1">{{ $message }}</small>
                        @enderror
                    </div>

                    <label style="color:black;" class="col-sm-2 col-form-label">{{ __('site.financement.form.step1.phone') }}</label>
                    <div class="col-sm-4">
                        <input disabled type="text" name="tel"
                               class="form-control bg-white step1-field @error('tel') is-invalid @enderror"
                               value="{{ old('tel', $docList->projet->demande->association->tel ?? '') }}">
                        @error('tel')
                            <small class="text-danger2 d-block mb-1">{{ $message }}</small>
                        @enderror
                    </div>
                </div>

                <div class="form-group row mb-3">
                    <label style="color:black;" class="col-sm-2 col-form-label">{{ __('site.financement.form.step1.fax') }}</label>
                    <div class="col-sm-4">
                        <input disabled type="text" name="fax"
                               class="form-control bg-white step1-field"
                               value="{{ old('fax', $docList->projet->demande->association->fax ?? '') }}">
                        @error('fax')
                            <small class="text-danger2 d-block mb-1">{{ $message }}</small>
                        @enderror
                    </div>

                    <label style="color:black;" class="col-sm-2 col-form-label">{{ __('site.financement.form.step1.date_creation') }}</label>
                    <div class="col-sm-4">
                        <input disabled type="date" name="date_creation"
                               class="form-control bg-white step1-field"
                               value="{{ old('date_creation', $docList->projet->demande->association->date_creation ?? '') }}">
                        @error('date_creation')
                            <small class="text-danger2 d-block mb-1">{{ $message }}</small>
                        @enderror
                    </div>
                </div>

                <div class="form-group row mb-3">
                    <label style="color:black;" class="col-sm-2 col-form-label">{{ __('site.financement.form.step1.num_visa') }}</label>
                    <div class="col-sm-4">
                        <input disabled type="text" name="num_visa"
                               class="form-control bg-white step1-field"
                               value="{{ old('num_visa', $docList->projet->demande->association->num_visa ?? '') }}">
                        @error('num_visa')
                            <small class="text-danger2 d-block mb-1">{{ $message }}</small>
                        @enderror
                    </div>

                    <label style="color:black;" class="col-sm-2 col-form-label">{{ __('site.financement.form.step1.date_visa') }}</label>
                    <div class="col-sm-4">
                        <input disabled type="date" name="date_visa"
                               class="form-control bg-white step1-field"
                               value="{{ old('date_visa', $docList->projet->demande->association->date_visa ?? '') }}">
                        @error('date_visa')
                            <small class="text-danger2 d-block mb-1">{{ $message }}</small>
                        @enderror
                    </div>
                </div>

                <div class="form-group row mb-3">
                    <label style="color:black;" class="col-sm-2 col-form-label">{{ __('site.financement.form.step1.tax_id') }}</label>
                    <div class="col-sm-10">
                        <input disabled type="text" name="num_identification_fiscale"
                               class="form-control bg-white step1-field @error('num_identification_fiscale') is-invalid @enderror"
                               value="{{ old('num_identification_fiscale', $docList->projet->demande->association->num_identification_fiscale ?? '') }}">
                        @error('num_identification_fiscale')
                            <small class="text-danger2 d-block mb-1">{{ $message }}</small>
                        @enderror
                    </div>
                </div>

                <div class="form-group row mb-3">
                    <label style="color:black;" class="col-sm-2 col-form-label">{{ __('site.financement.form.step1.current_account') }}</label>
                    <div class="col-sm-4">
                        <input disabled type="text" name="num_compte_courant"
                               class="form-control bg-white step1-field @error('num_compte_courant') is-invalid @enderror"
                               value="{{ old('num_compte_courant', $docList->projet->demande->association->num_compte_courant ?? '') }}">
                        @error('num_compte_courant')
                            <small class="text-danger2 d-block mb-1">{{ $message }}</small>
                        @enderror
                    </div>

                    <label style="color:black;" class="col-sm-2 col-form-label">{{ __('site.financement.form.step1.bank') }}</label>
                    <div class="col-sm-4">
                        <input disabled type="text" name="banque"
                               class="form-control bg-white step1-field @error('banque') is-invalid @enderror"
                               value="{{ old('banque', $docList->projet->demande->association->banque ?? '') }}">
                        @error('banque')
                            <small class="text-danger2 d-block mb-1">{{ $message }}</small>
                        @enderror
                    </div>
                </div>

                <div class="form-group row mb-3">
                    <label style="color:black;" class="col-sm-2 col-form-label">{{ __('site.financement.form.step1.email') }}</label>
                    <div class="col-sm-4">
                        <input disabled type="email" name="adresse_mail"
                               class="form-control bg-white step1-field @error('adresse_mail') is-invalid @enderror"
                               value="{{ old('adresse_mail', $docList->projet->demande->association->adresse_mail ?? '') }}">
                        @error('adresse_mail')
                            <small class="text-danger2 d-block mb-1">{{ $message }}</small>
                        @enderror
                    </div>

                    <label style="color:black;" class="col-sm-2 col-form-label">{{ __('site.financement.form.step1.website') }}</label>
                    <div class="col-sm-4">
                        <input disabled type="text" name="adresse_site_internet"
                               class="form-control bg-white step1-field @error('adresse_site_internet') is-invalid @enderror"
                               value="{{ old('adresse_site_internet', $docList->projet->demande->association->adresse_site_internet ?? '') }}">
                        @error('adresse_site_internet')
                            <small class="text-danger2 d-block mb-1">{{ $message }}</small>
                        @enderror
                    </div>
                </div>

                <div class="form-group row mb-3">
                    <label style="color:black;" class="col-sm-2 col-form-label">{{ __('site.financement.form.step1.president_name') }}</label>
                    <div class="col-sm-4">
                        <input disabled type="text" name="nom_president_association"
                               class="form-control bg-white step1-field @error('nom_president_association') is-invalid @enderror"
                               value="{{ old('nom_president_association', $docList->projet->demande->association->nom_president_association ?? '') }}">
                        @error('nom_president_association')
                            <small class="text-danger2 d-block mb-1">{{ $message }}</small>
                        @enderror
                    </div>

                    <label style="color:black;" class="col-sm-2 col-form-label">{{ __('site.financement.form.step1.personal_phone') }}</label>
                    <div class="col-sm-4">
                        <input disabled type="text" name="tel_personnel"
                               class="form-control bg-white step1-field @error('tel_personnel') is-invalid @enderror"
                               value="{{ old('tel_personnel', $docList->projet->demande->association->tel_personnel ?? '') }}">
                        @error('tel_personnel')
                            <small class="text-danger2 d-block mb-1">{{ $message }}</small>
                        @enderror
                    </div>
                </div>

                <div class="form-group row mb-3">
                    <label style="color:black;" class="col-sm-2 col-form-label">{{ __('site.financement.form.step1.num_members_national') }}</label>
                    <div class="col-sm-4">
                        <input disabled type="number" name="num_membre_bureau_national_a"
                               class="form-control bg-white step1-field @error('num_membre_bureau_national_a') is-invalid @enderror"
                               value="{{ old('num_membre_bureau_national_a', $docList->projet->demande->association->num_membre_bureau_national_a ?? '') }}">
                        @error('num_membre_bureau_national_a')
                            <small class="text-danger2 d-block mb-1">{{ $message }}</small>
                        @enderror
                    </div>

                    <label style="color:black;" class="col-sm-2 col-form-label">{{ __('site.financement.form.step1.num_regional_offices') }}</label>
                    <div class="col-sm-4">
                        <input disabled type="number" name="num_bureaux_regionaux"
                               class="form-control bg-white step1-field @error('num_bureaux_regionaux') is-invalid @enderror"
                               value="{{ old('num_bureaux_regionaux', $docList->projet->demande->association->num_bureaux_regionaux ?? '') }}">
                        @error('num_bureaux_regionaux')
                            <small class="text-danger2 d-block mb-1">{{ $message }}</small>
                        @enderror
                    </div>
                </div>

                <div class="form-group row mb-3">
                    <label style="color:black;" class="col-sm-2 col-form-label">{{ __('site.financement.form.step1.total_members') }}</label>
                    <div class="col-sm-4">
                        <input disabled type="number" name="num_total_membre"
                               class="form-control bg-white step1-field @error('num_total_membre') is-invalid @enderror"
                               value="{{ old('num_total_membre', $docList->projet->demande->association->num_total_membre ?? '') }}">
                        @error('num_total_membre')
                            <small class="text-danger2 d-block mb-1">{{ $message }}</small>
                        @enderror
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>



{{-- ************************** step 2 ************************** --}}
<div id="step2" class="step-content">
    <div class="container" lang="ar" dir="rtl">
        <input disabled type="hidden" name="id_formulaire" value="{{ $formulaire2->id_type }}">
        <input disabled type="hidden" name="id_demande" value="{{ $demande_id }}">

        <h4 class="text-center pt-3">{{ __('site.financement.form.step2.title') }}</h4>
        <br>

        <div class="form-section">
            <h4>{{ __('site.financement.form.step2.pedagogical_data') }}</h4>

            <div class="form-group row mb-3" style="padding-top:20px;">
                <label class="col-sm-2 col-form-label">{{ __('site.financement.form.step2.supervisor_name') }}</label>
                <div class="col-sm-4">
                    <input disabled type="text"
                           class="form-control bg-white step2-field @error('nom_prenom_sup') is-invalid @enderror"
                           name="nom_prenom_sup"
                           placeholder="{{ __('site.financement.form.step2.placeholder_supervisor_name') }}"
                           maxlength="100"
                           value="{{ old('nom_prenom_sup', $docList->projet->superviseur->nom_prenom_sup ?? '') }}">
                    @error('nom_prenom_sup')
                        <small class="text-danger2 d-block mb-1">{{ $message }}</small>
                    @enderror
                </div>

                <label class="col-sm-2 col-form-label">{{ __('site.financement.form.step2.profession') }}</label>
                <div class="col-sm-4">
                    <input disabled type="text"
                           class="form-control bg-white step2-field @error('profession_sup') is-invalid @enderror"
                           name="profession_sup"
                           placeholder="{{ __('site.financement.form.step2.placeholder_profession') }}"
                           maxlength="100"
                           value="{{ old('profession_sup', $docList->projet->superviseur->profession_sup ?? '') }}">
                    @error('profession_sup')
                        <small class="text-danger2 d-block mb-1">{{ $message }}</small>
                    @enderror
                </div>
            </div>

            <div class="form-group row align-items-center">
                <label class="col-sm-2 col-form-label">{{ __('site.financement.form.step2.role_in_association') }}</label>
                <div class="col-sm-4">
                    <input disabled type="text"
                           class="form-control bg-white step2-field @error('role_sup') is-invalid @enderror"
                           name="role_sup"
                           placeholder="{{ __('site.financement.form.step2.placeholder_role') }}"
                           maxlength="100"
                           value="{{ old('role_sup', $docList->projet->superviseur->role_sup ?? '') }}">
                    @error('role_sup')
                        <small class="text-danger2 d-block mb-1">{{ $message }}</small>
                    @enderror
                </div>

                <label class="col-sm-2 col-form-label">{{ __('site.financement.form.step2.phone') }}</label>
                <div class="col-sm-4">
                    <input disabled type="text"
                           class="form-control bg-white step2-field @error('tel_sup') is-invalid @enderror"
                           name="tel_sup"
                           maxlength="12"
                           value="{{ old('tel_sup', $docList->projet->superviseur->tel_sup ?? '') }}">
                    @error('tel_sup')
                        <small class="text-danger2 d-block mb-1">{{ $message }}</small>
                    @enderror
                </div>
            </div>

            <div class="form-group row mb-3">
                <label class="col-sm-2 col-form-label">{{ __('site.financement.form.step2.email') }}</label>
                <div class="col-sm-4">
                    <input disabled type="email"
                           class="form-control bg-white step2-field @error('email_sup') is-invalid @enderror"
                           name="email_sup"
                           value="{{ old('email_sup', $docList->projet->superviseur->email_sup ?? '') }}">
                    @error('email_sup')
                        <small class="text-danger2 d-block mb-1">{{ $message }}</small>
                    @enderror
                </div>
            </div>

            <div class="form-group row mb-3">
                <label class="col-sm-2 col-form-label">{{ __('site.financement.form.step2.project_name') }}</label>
                <div class="col-sm-10">
                    <input disabled type="text"
                           class="form-control bg-white step2-field @error('nom_projet') is-invalid @enderror"
                           name="nom_projet"
                           maxlength="255"
                           value="{{ old('nom_projet', $docList->projet->nom_projet ?? '') }}">
                    @error('nom_projet')
                        <small class="text-danger2 d-block mb-1">{{ $message }}</small>
                    @enderror
                </div>
            </div>

            <div class="form-group row mb-3">
                <label class="col-sm-2 col-form-label">{{ __('site.financement.form.step2.justification') }}</label>
                <div class="col-sm-10">
                    <textarea disabled class="form-control bg-white step2-field @error('justification_realisation') is-invalid @enderror"
                              name="justification_realisation"
                              maxlength="255"
                              rows="4"
                              placeholder="{{ __('site.financement.form.step2.placeholder_justification') }}">{{ old('justification_realisation', $docList->projet->justification_realisation ?? '') }}</textarea>
                    @error('justification_realisation')
                        <small class="text-danger2 d-block mb-1">{{ $message }}</small>
                    @enderror
                </div>
            </div>

            <div class="form-group row mb-3">
                <label class="col-sm-2 col-form-label">{{ __('site.financement.form.step2.objectives') }}</label>
                <div class="col-sm-10">
                    <textarea disabled class="form-control bg-white step2-field @error('objectives') is-invalid @enderror"
                              name="objectives"
                              rows="4"
                              placeholder="{{ __('site.financement.form.step2.placeholder_objectives') }}">{{ old('objectives', $docList->projet->objectives ?? '') }}</textarea>
                    @error('objectives')
                        <small class="text-danger2 d-block mb-1">{{ $message }}</small>
                    @enderror
                </div>
            </div>

            <div class="form-group row mb-3">
                <label class="col-sm-6 col-form-label">{{ __('site.financement.form.step2.phase_description_label') }}</label>
            </div>

            <div class="form-group row" style="direction: rtl; text-align: right;">
                <table id="phase-table" class="table table-bordered text-center align-middle shadow-sm">
                    <thead class="table-success">
                        <tr>
                            <th style="width:5%">{{ __('site.number') }}</th>
                            <th style="width:35%">{{ __('site.financement.form.step2.phase_header_description') }}</th>
                            <th style="width:20%">{{ __('site.financement.form.step2.phase_header_date') }}</th>
                            <th style="width:30%">{{ __('site.financement.form.step2.phase_header_location') }}</th>
                        </tr>
                    </thead>

                    @php
                        $oldPhases = old('phases', []);

                        if (empty($oldPhases) && isset($docList->projet->activites)) {
                            $oldPhases = $docList->projet->activites->map(function($phase){
                                return [
                                    'description' => $phase->description,
                                    'completion_date' => $phase->completion_date,
                                    'completion_location' => $phase->completion_location
                                ];
                            })->toArray();
                        }

                        if (empty($oldPhases)) {
                            $oldPhases = [
                                [
                                    'description' => __('site.financement.messages.no_value'),
                                    'completion_date' => __('site.financement.messages.no_value'),
                                    'completion_location' => __('site.financement.messages.no_value')
                                ]
                            ];
                        }
                    @endphp

                    <tbody id="phase-body">
                        @foreach($oldPhases as $i => $p)
                            <tr>
                                <td class="row-number fw-bold">{{ $i + 1 }}</td>
                                <td>{{ $p['description'] ?? __('site.financement.messages.no_value') }}</td>
                                <td>{{ $p['completion_date'] ?? __('site.financement.messages.no_value') }}</td>
                                <td>{{ $p['completion_location'] ?? __('site.financement.messages.no_value') }}</td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>

            <div class="form-group row mb-3">
                <label class="col-sm-2 col-form-label">{{ __('site.financement.form.step2.public_beneficiaries') }}</label>
                <div class="col-sm-10">
                    <input disabled type="text" class="form-control bg-white step2-field @error('public') is-invalid @enderror"
                           name="public"
                           maxlength="255"
                           value="{{ old('public', $docList->projet->public ?? '') }}">
                    @error('public')
                        <small class="text-danger2 d-block mt-1">{{ $message }}</small>
                    @enderror
                </div>
            </div>

            <div class="form-group row mb-3">
                <label class="col-sm-2 col-form-label">{{ __('site.financement.form.step2.approx_audience') }}</label>
                <div class="col-sm-10">
                    <input disabled type="number" class="form-control bg-white step2-field @error('nombre_spectateur') is-invalid @enderror"
                           name="nombre_spectateur"
                           value="{{ old('nombre_spectateur', $docList->projet->nombre_spectateur ?? '') }}">
                    @error('nombre_spectateur')
                        <small class="text-danger2 d-block mt-1">{{ $message }}</small>
                    @enderror
                </div>
            </div>

            <div class="form-group row mb-3 align-items-center">
                <label class="col-sm-2 col-form-label">{{ __('site.financement.form.step2.age_group') }}</label>

                <div class="col-sm-5 d-flex align-items-center">
                    <label class="col-form-label mb-0 me-3">{{ __('site.financement.form.step2.age_from') }}</label>
                    <input disabled type="number"
                           class="form-control bg-white step2-field @error('tranch_age_min') is-invalid @enderror"
                           name="tranch_age_min"
                           value="{{ old('tranch_age_min', $docList->projet->tranch_age_min ?? '') }}">
                    @error('tranch_age_min')
                        <span class="text-danger2 d-block mt-1">{{ $message }}</span>
                    @enderror
                </div>

                <div class="col-sm-5 d-flex align-items-center">
                    <label class="col-form-label mb-0 me-3">{{ __('site.financement.form.step2.age_to') }}</label>
                    <input disabled type="number"
                           class="form-control bg-white step2-field @error('tranch_age_max') is-invalid @enderror"
                           name="tranch_age_max"
                           value="{{ old('tranch_age_max', $docList->projet->tranch_age_max ?? '') }}">
                    @error('tranch_age_max')
                        <span class="text-danger2 d-block mt-1">{{ $message }}</span>
                    @enderror
                </div>
            </div>

            <div class="form-group row mb-3">
                <label class="col-sm-6 col-form-label">{{ __('site.financement.form.step2.parties_participating') }}</label>
                <div class="col-sm-12">
                    <textarea disabled class="form-control bg-white step2-field @error('parties_realisation') is-invalid @enderror"
                              name="parties_realisation"
                              rows="4">{{ old('parties_realisation', $docList->projet->parties_realisation ?? '') }}</textarea>
                    @error('parties_realisation')
                        <small class="text-danger2 d-block mt-1">{{ $message }}</small>
                    @enderror
                </div>
            </div>

            <div class="form-group row mb-3">
                <label class="col-sm-6 col-form-label">{{ __('site.financement.form.step2.expected_results') }}</label>
            </div>

            <div class="form-group row mb-3">
                <label class="col-sm-6 col-form-label">1 - {{ __('site.financement.form.step2.results_quantitative') }}</label>
                <div class="col-sm-12">
                    <textarea disabled class="form-control bg-white step2-field @error('resultat_quantitatif') is-invalid @enderror"
                              name="resultat_quantitatif"
                              rows="4">{{ old('resultat_quantitatif', $docList->projet->resultat_quantitatif ?? '') }}</textarea>
                    @error('resultat_quantitatif')
                        <small class="text-danger2 d-block mt-1">{{ $message }}</small>
                    @enderror
                </div>
            </div>

            <div class="form-group row mb-3">
                <label class="col-sm-6 col-form-label">2 - {{ __('site.financement.form.step2.results_qualitative') }}</label>
                <div class="col-sm-12">
                    <textarea disabled class="form-control bg-white step2-field @error('resultat_qualitatif') is-invalid @enderror"
                              name="resultat_qualitatif"
                              rows="4">{{ old('resultat_qualitatif', $docList->projet->resultat_qualitatif ?? '') }}</textarea>
                    @error('resultat_qualitatif')
                        <small class="text-danger2 d-block mt-1">{{ $message }}</small>
                    @enderror
                </div>
            </div>

            <div class="form-group row mb-3">
                <label class="col-sm-6 col-form-label">{{ __('site.financement.form.step2.perspectives') }}</label>
                <div class="col-sm-12">
                    <textarea disabled class="form-control bg-white step2-field @error('perspectives') is-invalid @enderror"
                              name="perspectives"
                              rows="4">{{ old('perspectives', $docList->projet->perspectives ?? '') }}</textarea>
                    @error('perspectives')
                        <small class="text-danger2 d-block mt-1">{{ $message }}</small>
                    @enderror
                </div>
            </div>
        </div>

        <div class="form-section">
            <h4>{{ __('site.financement.form.step2.budget_title') }}</h4>
            <label class="col-sm-6 col-form-label">{{ __('site.financement.form.step2.estimated_budget') }}</label>

            <div class="form-group row">
                <table class="table table-bordered text-center align-middle shadow-sm">
                    <thead class="table-success">
                        <tr>
                            <th rowspan="2">{{ __('site.financement.form.step2.total_estimated_cost') }}<br>({{ __('site.financement.form.step2.tnd') }})</th>
                            <th colspan="2">{{ __('site.financement.form.step2.self_funding') }}</th>
                            <th colspan="2">{{ __('site.financement.form.step2.ministry_support') }}</th>
                        </tr>
                        <tr>
                            <th>{{ __('site.financement.form.step2.percent') }}</th>
                            <th>{{ __('site.financement.form.step2.amount') }}</th>
                            <th>{{ __('site.financement.form.step2.amount') }}</th>
                            <th>{{ __('site.financement.form.step2.percent') }}</th>
                        </tr>
                    </thead>
                    <tbody id="budget-body">
                        @if(!empty($docList->projet->estimationBudget) && $docList->projet->estimationBudget->count() > 0)
                            @foreach($docList->projet->estimationBudget as $index => $budget)
                                <tr>
                                    <td>{{ $budget->cout_total_estime ?? __('site.financement.messages.no_value') }}</td>
                                    <td>{{ $budget->financement_propre_pourcentage ?? __('site.financement.messages.no_value') }}{{ $budget->financement_propre_pourcentage ? '%' : '' }}</td>
                                    <td>{{ $budget->financement_propre_montant ?? __('site.financement.messages.no_value') }}</td>
                                    <td>{{ $budget->aide_ministere_montant ?? __('site.financement.messages.no_value') }}</td>
                                    <td>{{ $budget->aide_ministere_pourcentage ?? __('site.financement.messages.no_value') }}{{ $budget->aide_ministere_pourcentage ? '%' : '' }}</td>
                                </tr>
                            @endforeach
                        @else
                            <tr>
                                <td>{{ __('site.financement.messages.no_value') }}</td>
                                <td>{{ __('site.financement.messages.no_value') }}</td>
                                <td>{{ __('site.financement.messages.no_value') }}</td>
                                <td>{{ __('site.financement.messages.no_value') }}</td>
                                <td>{{ __('site.financement.messages.no_value') }}</td>
                            </tr>
                        @endif
                    </tbody>
                </table>
            </div>

            <label class="col-sm-6 col-form-label fw-bold">{{ __('site.financement.form.step2.supporting_parties') }}</label>

            <div class="form-group row" style="direction: rtl; text-align: right;">
                <table class="table table-bordered text-center align-middle shadow-sm">
                    <thead class="table-success">
                        <tr>
                            <th colspan="4" class="fw-bold">{{ __('site.financement.form.step2.supporting_parties') }}</th>
                        </tr>
                        <tr>
                            <th style="width: 5%">{{ __('site.number') }}</th>
                            <th style="width: 40%">{{ __('site.financement.form.step2.supporter_name') }}</th>
                            <th style="width: 25%">{{ __('site.financement.form.step2.amount') }}</th>
                            <th style="width: 30%">{{ __('site.financement.form.step2.percent') }}</th>
                        </tr>
                    </thead>

                    <tbody id="supporters-body">
                        @foreach($docList->projet->estimationBudget as $budgetIndex => $budget)
                            @php
                                $supporters = $budget->contributeurs->toArray();
                                if (!is_array($supporters) || count($supporters) === 0) {
                                    $supporters = [
                                        ['name' => __('site.financement.messages.no_value'), 'amount' => __('site.financement.messages.no_value'), 'percent' => __('site.financement.messages.no_value')]
                                    ];
                                }
                            @endphp

                            @foreach($supporters as $i => $supporter)
                                <tr>
                                    <td class="row-number fw-bold">{{ $i + 1 }}</td>
                                    <td>{{ $supporter['name'] ?? $supporter['nom'] ?? __('site.financement.messages.no_value') }}</td>
                                    <td>{{ $supporter['amount'] ?? $supporter['montant'] ?? __('site.financement.messages.no_value') }}</td>
                                    <td>
                                        {{ $supporter['percent'] ?? $supporter['pourcentage'] ?? __('site.financement.messages.no_value') }}
                                        @if(isset($supporter['percent']) || isset($supporter['pourcentage']))%
                                        @endif
                                    </td>
                                </tr>
                            @endforeach
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>

        <label class="col-sm-6 col-form-label fw-bold">{{ __('site.financement.form.step2.expense_sections') }}</label>

        <div class="form-group row" style="direction: rtl; text-align: right;">
            <table class="table table-bordered text-center align-middle shadow-sm">
                <thead class="table-success">
                    <tr>
                        <th></th>
                        <th>{{ __('site.financement.form.step2.expense_label') }}</th>
                        <th>{{ __('site.financement.form.step2.expense_materials') }} (1)</th>
                        <th>{{ __('site.financement.form.step2.cost') }}</th>
                    </tr>
                </thead>

                <tbody id="supporters-body">
                    @foreach($docList->projet->estimationBudget as $budgetIndex => $budget)
                        @php $postes = $budget->postesDepense->count() ? $budget->postesDepense : [['libelle_depense' => __('site.financement.messages.no_value'), 'description' => __('site.financement.messages.no_value'), 'cout' => __('site.financement.messages.no_value')]]; @endphp

                        @foreach($postes as $depenseIndex => $depense)
                            <tr>
                                <td class="row-number">{{ $loop->iteration }}</td>
                                <td>{{ $depense->libelle_depense ?? $depense['libelle_depense'] ?? __('site.financement.messages.no_value') }}</td>
                                <td>{{ $depense->description ?? $depense['description'] ?? __('site.financement.messages.no_value') }}</td>
                                <td>{{ $depense->cout ?? $depense['cout'] ?? __('site.financement.messages.no_value') }}</td>
                            </tr>
                        @endforeach
                    @endforeach
                </tbody>
            </table>
        </div>

        <span>{{ __('site.financement.form.step2.note_phase_requirements') }}</span>
    </div>
</div>

     


   
<div id="step3" class="step-content">
    <div class="container" lang="ar" dir="rtl">
        @php
            $form1_complete = $form1_complete ?? false;
            $form2_complete = $form2_complete ?? false;
        @endphp

        <input disabled type="hidden" name="id_formulaire" value="{{ $formulaire3->id_type }}">
        <input disabled type="hidden" name="id_projet" value="{{ $id_projet }}">

        <br>
        <div class="form-section">
            <div class="form-group row">
                <table id="phase-table" class="custom-table table table-bordered text-center">
                    <thead>
                        <tr>
                            <th>{{ __('site.number') }}</th>
                            <th>{{ __('site.financement.form.step3.table_header_order_docs') }}</th>
                            <th>{{ __('site.financement.form.step3.table_header_docs') }}</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($typedocum as $index => $doc)
                            @php
                                $existing = $documents->firstWhere('id_doc', $doc->id_type_doc);
                                $hasFile = $existing && $existing->file;
                            @endphp
                            <tr>
                                <td>{{ $index + 1 }}</td>

                                <td>{{ trans_field($doc, 'type') }} </td>

                                <td>
                                    @if(in_array($doc->id_type_doc, [15, 17]))
                                        @if($doc->id_type_doc == 15)
                                            <span class="doc-status text-warning" data-step="2">
                                                {{ __('site.financement.form.step3.msg_complete_step2') }}
                                            </span>
                                        @elseif($doc->id_type_doc == 17)
                                            <span class="doc-status text-warning" data-step="1">
                                                {{ __('site.financement.form.step3.msg_complete_step1') }}
                                            </span>
                                        @endif
                                    @else
                                        @if($hasFile)
                                            <a href="{{ route('documents_financement.file', $existing->id_doc_fin) }}"
                                               target="_blank" class="btn btn-sm btn-info">
                                                {{ __('site.financement.form.step3.view_file') }}
                                            </a>
                                        @else
                                            <span class="text-muted">{{ __('site.financement.form.step3.no_file') }}</span>
                                        @endif
                                    @endif
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>


    <div class="stepper-nav">
    <button type="button" class="btn btn-retour btn-hidden" id="prevBtn" onclick="prevStep()">
    {{ __('site.financement.form.prev') }}
</button>
<button type="button" class="btn btn-success btn-visible" id="nextBtn" onclick="nextStep()">
    {{ __('site.financement.form.next') }}
</button>

    </div>
</div>

<div class="form-group row text-center" style="padding-top:50px;">

            <div class="col-sm-4 mx-auto no-print">

                
				
				<a href="{{ route('doc_fin.show.pdf', $docList->id_doc_list) }}"
            target="_blank"
            class="btn btn-danger"
            style="width:160px; height:40px; display:flex; align-items:center; justify-content:center; gap:6px;">
                <i class="fa fa-file-pdf"></i>
                {{ __('site.download_pdf') ?? 'تحميل PDF' }}
            </a>

            </div>

          

        </div>


<link href="https://unpkg.com/boxicons@2.1.4/css/boxicons.min.css" rel="stylesheet">
<div id="global-block-msg" class="alert alert-danger" style="display:none">
    {{ __('site.financement.form.global_block_missing_docs') }}
</div> 
</div>  
</form>
</div>
</div>
@endsection

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