@extends('layouts.app') 

@section('styles')
<link rel="stylesheet" href="{{ asset('BackOfficeAR/css/formulaire_edit.css') }}">
<style>
        .bg-custom-gray {
        background-color: #f8f9fb !important;
    }

    /* Stepper container */
    .modern-stepper {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        position: relative;
        gap: 40px;
        margin-top: 30px;
    }

    /* Step block */
    .modern-stepper .step {
        background: #fff;
        border: 2px solid #e0e4eb;
        border-radius: 16px;
        padding: 20px;
        flex: 1;
        text-align: center;
        position: relative;
        transition: all 0.3s ease;
        box-shadow: 0 3px 8px rgba(0, 0, 0, 0.05);
    }

    /* Step hover effect */
    .modern-stepper .step:hover {
        transform: translateY(-3px);
        box-shadow: 0 6px 15px rgba(0, 0, 0, 0.08);
    }

    /* Icon */
    .modern-stepper .icon {
        font-size: 2rem;
        margin-bottom: 10px;
        color: #6c757d;
    }

    /* Active / Success state */
    .modern-stepper .step.active {
        border-color: #28a745;
        background: #e9f9ef;
    }

    .modern-stepper .step.active .icon {
        color: #28a745;
        animation: pulse 1.5s infinite;
    }

    /* Rejected */
    .modern-stepper .step.rejected {
        border-color: #dc3545;
        background: #fdeaea;
    }

    .modern-stepper .step.rejected .icon {
        color: #dc3545;
    }

    /* Connector line */
    .connector-line {
        flex: 0.05;
        height: 3px;
        background: linear-gradient(to right, #ccc, #ccc);
        position: relative;
        top: 45px;
    }

    /* Animation */
    @keyframes pulse {
        0% { transform: scale(1); opacity: 1; }
        50% { transform: scale(1.1); opacity: 0.7; }
        100% { transform: scale(1); opacity: 1; }
    }

    /* Responsive */
    @media (max-width: 992px) {
        .modern-stepper {
            flex-direction: column;
            gap: 25px;
        }
        .connector-line {
            display: none;
        }
    }

</style>
@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 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.mainifestations.key.breadcrumb_home') }}</span>            </a>        </li>   
  <li class="breadcrumb-item"><a href="{{ route('manifestation2.index') }}"><span>{{ __('site.mainifestations.key.breadcrumb_events') }}</span></a></li> 
  <!-- <li class="breadcrumb-item">            <a href="{{ route('manifestation2.index') }}"><span>{{ __('site.mainifestations.key.breadcrumb_international_index') }}</span></a></li>  --> 
  <li class="breadcrumb-item active" aria-current="page">{{ __('site.mainifestations.key.breadcrumb_show_international') }}</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="" method="POST" enctype="multipart/form-data" lang="ar">
       <!-- <input type="hidden" name="type_formulaire_id" value="13"> -->

        <!-- step1 -->
        <div class="container">
			<a href="{{ route('manifestation2.demande.pdf', $demande->id_demande) }}"
				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>
            <input type="hidden" name="id_formulaire" value="{{ $formulaire2->id_type }}">
           
            <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.mainifestations.key.processing_steps') }}</h5>
                <!--    <span>{{ __('site.mainifestations.key.track_status') }}</span> -->
                </div>

                <div class="card-body">
                    <p class="text-muted mb-4 text-center fs-6">
                        {{ __('site.mainifestations.key.track_process_description') }}
                    </p>

            <div class="modern-stepper">

    <!-- Step 1 (sub-department / id_type) -->
    <div class="step {{ $demande->id_type == 1 ? 'active' : ($demande->id_type == 3 ? 'rejected' : '') }}">
        <div class="icon"><i class="la la-building"></i></div>
        <div class="content">
            <h6 class="fw-bold mb-1">{{ __('site.mainifestations.key.sub_department') }}</h6>

            @php
                // label for first step: relation 'statut' (maps id_type -> tp_statut)
                $statutLabel = trans_field($demande->statut, 'statut')
                            ?? $demande->statut?->statut_ar
                            ?? __('site.formation.status.pending');

                $currentComment1 = !empty($demande->commentaire_motif)
                                    ? $demande->commentaire_motif
                                    : ($relevantHistory1->commentaire ?? null);

                $commentFromHistory1 = empty($demande->commentaire_motif) && isset($relevantHistory1) && !empty($relevantHistory1->commentaire);
                $historyAuthor1 = $relevantHistory1->changer->name ?? $relevantHistory1->changed_by ?? null;
                $historyAt1 = isset($relevantHistory1->created_at) ? $relevantHistory1->created_at->format('Y-m-d H:i') : null;
            @endphp

            @if($demande->id_type == 1)
                <span class="badge bg-success">{{ $statutLabel }}</span>
            @elseif(in_array($demande->id_type, [3], true))
                <span class="badge bg-danger">{{ $statutLabel }}</span>
            @elseif(in_array($demande->id_type, [4,5], true))
                <span class="badge bg-warning">{{ $statutLabel }}</span>
            @else
                <span class="badge bg-secondary">-</span>
            @endif

            @if(!empty($currentComment1))
                <div class="text-danger small mt-2 fw-semibold">
                    <i class="la la-comment-dots"></i>
                    {{ $currentComment1 }}

                    @if($commentFromHistory1 && ($historyAuthor1 || $historyAt1))
                        <div class="small text-muted mt-1">
                            @if($historyAuthor1) {{ $historyAuthor1 }} @endif
                            @if($historyAuthor1 && $historyAt1) — @endif
                            @if($historyAt1) {{ $historyAt1 }} @endif
                        </div>
                    @endif
                </div>
            @endif
        </div>
    </div>

    <div class="connector-line"></div>

    <!-- Step 2 (university / statut_id) -->
    <div class="step {{ $demande->statut_id == 1 ? 'active' : ($demande->statut_id == 3 ? 'rejected' : '') }}">
        <div class="icon"><i class="la la-university"></i></div>
        <div class="content">
            <h6 class="fw-bold mb-1">{{ __('site.mainifestations.key.university') }}</h6>

            @php
                // label for second step: relation 'statut2' (maps statut_id -> tp_statut)
                $statutLabel2 = trans_field($demande->statut2, 'statut')
                            ?? $demande->statut2?->statut_ar
                            ?? __('site.formation.status.pending');

                $currentComment2 = !empty($demande->commentaire_motif2)
                                    ? $demande->commentaire_motif2
                                    : ($relevantHistory2->commentaire ?? null);

                $commentFromHistory2 = empty($demande->commentaire_motif2) && isset($relevantHistory2) && !empty($relevantHistory2->commentaire);
                $historyAuthor2 = $relevantHistory2->changer->name ?? $relevantHistory2->changed_by ?? null;
                $historyAt2 = isset($relevantHistory2->created_at) ? $relevantHistory2->created_at->format('Y-m-d H:i') : null;
            @endphp

            @if($demande->statut_id == 1)
                <span class="badge bg-success">{{ $statutLabel2 }}</span>
            @elseif($demande->statut_id == 3)
                <span class="badge bg-danger">{{ $statutLabel2 }}</span>
            @elseif(in_array($demande->statut_id, [4,5], true))
                <span class="badge bg-warning">{{ $statutLabel2 }}</span>
            @else
                <span class="badge bg-secondary">-</span>
            @endif

            @if(!empty($currentComment2))
                <div class="text-danger small mt-2 fw-semibold">
                    <i class="la la-comment-dots"></i>
                    {{ $currentComment2 }}

                    @if($commentFromHistory2 && ($historyAuthor2 || $historyAt2))
                        <div class="small text-muted mt-1">
                            @if($historyAuthor2) {{ $historyAuthor2 }} @endif
                            @if($historyAuthor2 && $historyAt2) — @endif
                            @if($historyAt2) {{ $historyAt2 }} @endif
                        </div>
                    @endif
                </div>
            @endif
        </div>
    </div>

    <div class="connector-line"></div>

    <!-- Step 3 (national committee / statut2_id) -->
    {{-- note: the third step reads statut2_id (the "third" visual step) and uses relation 'statut3' --}}
    <div class="step {{ $demande->statut2_id == 1 ? 'active' : ($demande->statut2_id == 3 ? 'rejected' : '') }}">
        <div class="icon"><i class="la la-users"></i></div>
        <div class="content">
            <h6 class="fw-bold mb-1">{{ __('site.mainifestations.key.national_committee') }}</h6>

            @php
                // label for third step: relation 'statut3' (maps statut2_id -> tp_statut)
                $statutLabel3 = trans_field($demande->statut3, 'statut')
                            ?? $demande->statut3?->statut_ar
                            ?? __('site.formation.status.pending');

                $currentComment3 = !empty($demande->commentaire_motif3)
                                    ? $demande->commentaire_motif3
                                    : ($relevantHistory3->commentaire ?? null);

                $commentFromHistory3 = empty($demande->commentaire_motif3) && isset($relevantHistory3) && !empty($relevantHistory3->commentaire);
                $historyAuthor3 = $relevantHistory3->changer->name ?? $relevantHistory3->changed_by ?? null;
                $historyAt3 = isset($relevantHistory3->created_at) ? $relevantHistory3->created_at->format('Y-m-d H:i') : null;
            @endphp

            @if($demande->statut2_id == 1)
                <span class="badge bg-success">{{ $statutLabel3 }}</span>
            @elseif($demande->statut2_id == 3)
                <span class="badge bg-danger">{{ $statutLabel3 }}</span>
            @elseif(in_array($demande->statut2_id, [4,5,8], true))
                <span class="badge bg-warning">{{ $statutLabel3 }}</span>
            @else
                <span class="badge bg-secondary">-</span>
            @endif

            @if(!empty($currentComment3))
                <div class="text-danger small mt-2 fw-semibold">
                    <i class="la la-comment-dots"></i>
                    {{ $currentComment3 }}

                    @if($commentFromHistory3 && ($historyAuthor3 || $historyAt3))
                        <div class="small text-muted mt-1">
                            @if($historyAuthor3) {{ $historyAuthor3 }} @endif
                            @if($historyAuthor3 && $historyAt3) — @endif
                            @if($historyAt3) {{ $historyAt3 }} @endif
                        </div>
                    @endif
                </div>
            @endif
        </div>
    </div>
</div>
                </div>
            </div>


            <h3 style="font-size:25px;">{{ trans_field($formulaire2, 'type') }}</h3>
            <br>
            <div class="form-section">
                <div class="form-group row mb-3" style="padding-top:20px;">
                    <label class="col-sm-2 col-form-label">{{ __('site.mainifestations.key.org_name_label') }}</label>
                    <div class="col-sm-10">
                        <span class="form-control-plaintext">{{ $org->nom ?? '' }}</span>
                    </div>
                </div>

                <div class="form-group row mb-3">
                    <label class="col-sm-2 col-form-label">{{ __('site.mainifestations.key.visa_number_label') }}</label>
                    <div class="col-sm-4">
                        <span class="form-control-plaintext">{{ $org->num_visa ?? '' }}</span>
                    </div>
                    <label class="col-sm-2 col-form-label">{{ __('site.mainifestations.key.reg_date_label') }}</label>
                    <div class="col-sm-4">
                        <span class="form-control-plaintext">{{ $org->date_enregistrement ?? '' }}</span>
                    </div>
                </div>

                <div class="form-group row mb-3">
                    <label class="col-sm-2 col-form-label">{{ __('site.mainifestations.key.tax_id_label') }}</label>
                    <div class="col-sm-4">
                        <span class="form-control-plaintext">{{ $org->identifiant_fiscal ?? '' }}</span>
                    </div>

                    <label class="col-sm-2 col-form-label">{{ __('site.mainifestations.key.bank_account_label') }}</label>
                    <div class="col-sm-4">
                        <span class="form-control-plaintext">{{ $org->num_compte_bancaire ?? '' }}</span>
                    </div>
                </div>

                <div class="form-group row mb-3">
                    <label class="col-sm-2 col-form-label">{{ __('site.mainifestations.key.address_label') }}</label>
                    <div class="col-sm-10">
                        <span class="form-control-plaintext">{{ $org->adresse ?? '' }}</span>
                    </div>
                </div>

                <div class="form-group row mb-3">
                    <label class="col-sm-2 col-form-label">{{ __('site.mainifestations.key.phone_label') }}</label>
                    <div class="col-sm-4">
                        <span class="form-control-plaintext">{{ $org->tel ?? '' }}</span>
                    </div>

                    <label class="col-sm-2 col-form-label">{{ __('site.mainifestations.key.fax_label') }}</label>
                    <div class="col-sm-4">
                        <span class="form-control-plaintext">{{ $org->fax ?? '' }}</span>
                    </div>
                </div>

                <div class="form-group row mb-3">
                    <label class="col-sm-2 col-form-label">{{ __('site.mainifestations.key.email_label') }}</label>
                    <div class="col-sm-4">
                        <span class="form-control-plaintext">{{ $org->email ?? '' }}</span>
                    </div>
                </div>
            </div>
        </div>

<div class="container">
            <h3 style="font-size:25px;">{{ __('site.mainifestations.key.insurance_file_title') }}</h3>
            <br>
            <div class="form-section">
                <div class="form-group row mb-3" style="padding-top:20px;">
                    <label class="col-sm-6 col-form-label">
                        {{ __('site.mainifestations.key.insurance_file_label') }}
                    </label>
                    <div class="col-sm-12">

                        @if($demande->assuranceFile)
                            <p>
                                {{ __('site.mainifestations.key.current_file') }} :
                                <a href="{{ route('manifestation2.attachment.show', $demande->assuranceFile->id_attach) }}"
                                target="_blank">
                                    {{ __('site.mainifestations.key.view_file') }}
                                </a>
                            </p>
                        @else
                            <p class="text-muted">{{ __('site.mainifestations.key.no_file') }}</p>
                        @endif

                    </div>
                </div>
            </div>
        </div>


        <!-- step2 -->
         @php
            $evenement = $demande->evenementSportifs->first(); // On prend le premier événement lié
        @endphp

        <div class="container">
            <input type="hidden" name="id_formulaire" value="{{ $formulaire3->id_type }}">


            <div class="form-section">
                <div class="form-group row mb-3" style="padding-top:20px;">
                    <label class="col-sm-2 col-form-label">{{ __('site.mainifestations.key.event_name_label') }}</label>
                    <div class="col-sm-10">
                        <span class="form-control-plaintext">{{ $evenement->nom_even ?? '' }}</span>
                    </div>
                </div>

                <div class="form-group row mb-3">
                    <label class="col-sm-12 col-form-label">{{ __('site.mainifestations.key.objectives_label') }}</label>
                    <div class="col-sm-12">
                        <textarea name="objectifs" readonly class="form-control bg-white" rows="2">{{ old('objectifs', $evenement->objectifs ?? '') }}</textarea>
                    </div>
                </div>

                <div class="form-group row mb-3">
                    <label class="col-sm-12 col-form-label">{{ __('site.mainifestations.key.contents_label') }}</label>
                    <div class="col-sm-12">
                        <textarea name="contenus" readonly class="form-control bg-white" rows="2">{{ old('contenus', $evenement->contenus ?? '') }}</textarea>
                    </div>
                </div>

                <div class="form-group row mb-3">
                    <label class="col-sm-2 col-form-label">{{ __('site.mainifestations.key.event_date_label') }}</label>
                    <div class="col-sm-4">
                        <span class="form-control-plaintext">{{ $evenement->date ?? '' }}</span>
                    </div>

                    <label class="col-sm-2 col-form-label">{{ __('site.mainifestations.key.event_time_label') }}</label>
                    <div class="col-sm-4">
                        <span class="form-control-plaintext">
                            {{ isset($evenement->heure) ? \Carbon\Carbon::parse($evenement->heure)->format('H:i') : '' }}
                        </span>
                    </div>
                </div>

                <div class="form-group row mb-3">
                    <label class="col-sm-2 col-form-label">{{ __('site.mainifestations.key.gouvernorat_label') }}</label>
                    <div class="col-sm-4">
                        <span class="form-control-plaintext">
                            {{ trans_field($gouvernorats->firstWhere('id_gouver', $evenement->gouvernorat_id) ?? null, 'nom') ?? '' }}
                        </span>
                    </div>

                    <label class="col-sm-2 col-form-label">{{ __('site.mainifestations.key.delegation_label') }}</label>
                    <div class="col-sm-4">
                        <span class="form-control-plaintext">
                            {{ trans_field($delegations->firstWhere('id_delegation', $evenement->delegation_id) ?? null, 'nom') ?? '' }}
                        </span>
                    </div>
                </div>

                <div class="form-group row mb-3">
                    <label class="col-sm-2 col-form-label">{{ __('site.mainifestations.key.installations_label') }}</label>
                    <div class="col-sm-10">
                        <textarea name="instalation_sportives" readonly class="form-control bg-white" rows="2">{{ old('instalation_sportives', $evenement->instalation_sportives ?? '') }}</textarea>
                    </div>
                </div>
<div class="form-group row mb-3">
    <label class="col-sm-2 col-form-label">{{ __('site.mainifestations.key.public_routes_used') }}</label>
    <div class="col-sm-10">
        <textarea name="routes_pub_utilise" class="form-control" rows="2" maxlength="1000" readonly
                  oninput="this.value = this.value.slice(0, 1000)">{{ old('routes_pub_utilise', $routes_pub_utilise ?? '') }}</textarea>
    </div>
</div>
                <div class="form-group row mb-3">
                    <label class="col-sm-2 col-form-label">{{ __('site.mainifestations.key.reference_label') }}</label>
                    <div class="col-sm-4">
                        <span class="form-control-plaintext">{{ $evenement->reference ?? '' }}</span>
                    </div>
                </div>

                <div class="form-group row mb-3">
                    <label class="col-sm-2 col-form-label">{{ __('site.mainifestations.key.estimated_revenue_label') }}</label>
                    <div class="col-sm-4">
                        <span class="form-control-plaintext">{{ $evenement->estimation_evenement ?? '' }}</span>
                    </div>

                    <label class="col-sm-2 col-form-label">{{ __('site.mainifestations.key.estimated_cost_label') }}</label>
                    <div class="col-sm-4">
                        <span class="form-control-plaintext">{{ $evenement->cout_total_evenement ?? '' }}</span>
                    </div>
                </div>

                <div class="form-group row mb-3">
                    <label class="col-sm-2 col-form-label">{{ __('site.mainifestations.key.difference_label') }}</label>
                    <div class="col-sm-4">
                        <span class="form-control-plaintext">{{ $evenement->difference_estimee ?? '' }}</span>
                    </div>
                </div>

                <div class="form-group row mb-3">
                    <label class="col-sm-2 col-form-label">{{ __('site.mainifestations.key.rewards_label') }} :</label>
                </div>
<div class="form-group row mb-3">
    <label class="col-sm-2 col-form-label">{{ __('site.mainifestations.key.financial_grants') }} :</label>
    <div class="col-sm-4">
        @php $prixEspecesUrl = $existingFiles['prix_especes'] ?? null; @endphp
        @if($prixEspecesUrl)
            <a href="{{ $prixEspecesUrl }}" target="_blank" rel="noopener">
                {{ __('site.mainifestations.key.view_file') }}
            </a>
        @else
            <div class="text-muted small">{{ __('site.mainifestations.key.no_file') }}</div>
        @endif
    </div>

    <label class="col-sm-2 col-form-label">{{ __('site.mainifestations.key.in_kind_grants') }} :</label>
    <div class="col-sm-4">
        @php $prixObjetUrl = $existingFiles['prix_objet'] ?? null; @endphp
        @if($prixObjetUrl)
            <a href="{{ $prixObjetUrl }}" target="_blank" rel="noopener">
                {{ __('site.mainifestations.key.view_file') }}
            </a>
        @else
            <div class="text-muted small">{{ __('site.mainifestations.key.no_file') }}</div>
        @endif
    </div>
</div>
                <input type="hidden" name="user_id" value="{{ Auth::user()->id }}">
            </div>
        </div>

        <!-- step3 -->
        <div class="container">
            <input type="hidden" name="id_formulaire" value="{{ $formulaire4->id_type }}">
            <h3 style="font-size:25px;">{{ trans_field($formulaire4, 'type') }}</h3>
            <br>

            <div class="form-section">
                <div class="form-group row">
                    <label class="col-sm-6 col-form-label">{{ __('site.mainifestations.key.organizers_list_label') }}</label>
                    <table id="membres-table" class="custom-table">
                        <thead>
                            <tr>
                                <th>{{ __('site.mainifestations.key.col_name') }}</th>
                                <th>{{ __('site.mainifestations.key.col_role') }}</th>
                                <th>{{ __('site.mainifestations.key.col_nationality') }}</th>
                            </tr>
                        </thead>
                        <tbody id="membres-body">
                            @php
                                $membres = $evenement && $evenement->membres
                                    ? $evenement->membres->where('type_membre_id', 1)
                                    : collect();
                            @endphp

                            @if($membres->count())
                                @foreach($membres as $membre)
                                    <tr>
                                        <td data-label="{{ __('site.mainifestations.key.col_name') }}">
                                            <span class="form-control-plaintext">{{ $membre->nom_prenom }}</span>
                                        </td>
                                        <td data-label="{{ __('site.mainifestations.key.col_role') }}">
                                            <span class="form-control-plaintext">{{ $membre->role }}</span>
                                        </td>
                                        <td data-label="{{ __('site.mainifestations.key.col_nationality') }}">
                                            <span class="form-control-plaintext">{{ $membre->nationalite }}</span>
                                        </td>
                                    </tr>
                                @endforeach
                            @else
                                <tr>
                                    <td data-label="{{ __('site.mainifestations.key.col_name') }}">
                                        <span class="form-control-plaintext">{{ __('site.mainifestations.key.no_data') }}</span>
                                    </td>
                                    <td data-label="{{ __('site.mainifestations.key.col_role') }}">
                                        <span class="form-control-plaintext">{{ __('site.mainifestations.key.organizer_chair') }}</span>
                                    </td>
                                    <td data-label="{{ __('site.mainifestations.key.col_nationality') }}">
                                        <span class="form-control-plaintext">{{ __('site.mainifestations.key.no_data') }}</span>
                                    </td>
                                </tr>
                            @endif
                        </tbody>
                    </table>
                </div>


                <div class="form-group row mt-4">
                    <label class="col-sm-6 col-form-label">{{ __('site.mainifestations.key.officials_invited_label') }}</label>
                    <table id="invites-table" class="custom-table">
                        <thead>
                            <tr>
                                <th>{{ __('site.mainifestations.key.col_name') }}</th>
                                <th>{{ __('site.mainifestations.key.col_role') }}</th>
                                <th>{{ __('site.mainifestations.key.col_nationality') }}</th>
                            </tr>
                        </thead>
                        <tbody id="invites-body">
                            @php
                                $invites = $evenement && $evenement->membres
                                    ? $evenement->membres->where('type_membre_id', 2)
                                    : collect();
                            @endphp

                            @if($invites->count())
                                @foreach($invites as $invite)
                                    <tr>
                                        <td>
                                            <span class="form-control-plaintext">{{ $invite->nom_prenom }}</span>
                                        </td>
                                        <td>
                                            <span class="form-control-plaintext">{{ $invite->role }}</span>
                                        </td>
                                        <td>
                                            <span class="form-control-plaintext">{{ $invite->nationalite }}</span>
                                        </td>
                                    </tr>
                                @endforeach
                            @else
                                <tr>
                                    <td><span class="form-control-plaintext">{{ __('site.mainifestations.key.no_data') }}</span></td>
                                    <td><span class="form-control-plaintext">{{ __('site.mainifestations.key.no_data') }}</span></td>
                                    <td><span class="form-control-plaintext">{{ __('site.mainifestations.key.no_data') }}</span></td>
                                </tr>
                            @endif
                        </tbody>
                    </table>
                </div>

            </div>
        </div>

        <!-- step4 -->
        <div class="container">
            <input type="hidden" name="id_formulaire" value="{{ $formulaire5->id_type }}">
            <h3 style="font-size:25px;">{{ trans_field($formulaire5, 'type') }}</h3>
            <br>

            <div class="form-section">
                <div class="form-group row">
                    <label class="col-sm-12 col-form-label">{{ __('site.mainifestations.key.assocs_participating_label') }}</label>
                    <div class="table-responsive">
                        <table id="assoc-table" class="custom-table table table-bordered text-center align-middle">
                            <thead class="table-light">
                                <tr>
                                    <th rowspan="2" style="width:4%">{{ __('site.mainifestations.key.col_index') }}</th>
                                    <th rowspan="2" style="width:20%">{{ __('site.mainifestations.key.col_association') }}</th>
                                    <th colspan="2" style="width:20%">{{ __('site.mainifestations.key.col_num_athletes') }}</th>
                                    <th rowspan="2" style="width:10%">{{ __('site.mainifestations.key.col_escorts') }}</th>
                                    <th rowspan="2" style="width:10%">{{ __('site.mainifestations.key.col_total') }}</th>
                                </tr>
                                <tr>
                                    <th style="width:10%">{{ __('site.mainifestations.key.col_males') }}</th>
                                    <th style="width:10%">{{ __('site.mainifestations.key.col_females') }}</th>
                                </tr>
                            </thead>

                            @php
                                $assocParticipantes = collect();
                                if ($demande->evenementSportifs && $demande->evenementSportifs->first()) {
                                    $assocParticipantes = $demande->evenementSportifs->first()->assocParticipantes ?? collect();
                                }
                            @endphp

                            <tbody id="assoc_participantes-body">
                                @if($assocParticipantes->count())
                                    @foreach($assocParticipantes as $index => $assoc)
                                        <tr>
                                            <td class="row-number">{{ $index + 1 }}</td>
                                            <td><span class="form-control-plaintext">{{ $assoc->nom }}</span></td>
                                            <td><span class="form-control-plaintext text-center">{{ $assoc->num_athlete_h }}</span></td>
                                            <td><span class="form-control-plaintext text-center">{{ $assoc->num_athlete_f }}</span></td>
                                            <td><span class="form-control-plaintext text-center">{{ $assoc->accompagnants }}</span></td>
                                            <td><span class="form-control-plaintext text-center fw-bold">{{ $assoc->total }}</span></td>
                                        </tr>
                                    @endforeach
                                @else
                                    <tr>
                                        <td class="row-number">1</td>
                                        <td><span class="form-control-plaintext">{{ __('site.mainifestations.key.no_data') }}</span></td>
                                        <td><span class="form-control-plaintext text-center">0</span></td>
                                        <td><span class="form-control-plaintext text-center">0</span></td>
                                        <td><span class="form-control-plaintext text-center">0</span></td>
                                        <td><span class="form-control-plaintext text-center fw-bold">0</span></td>
                                    </tr>
                                @endif
                            </tbody>

                            <tfoot>
                                <tr class="fw-bold">
                                    <td colspan="2" class="text-center">{{ __('site.mainifestations.key.total_label') }}</td>
                                    <td><span class="form-control-plaintext text-center">{{ $assocParticipantes->sum('num_athlete_h') }}</span></td>
                                    <td><span class="form-control-plaintext text-center">{{ $assocParticipantes->sum('num_athlete_f') }}</span></td>
                                    <td><span class="form-control-plaintext text-center">{{ $assocParticipantes->sum('accompagnants') }}</span></td>
                                    <td><span class="form-control-plaintext text-center fw-bold">{{ $assocParticipantes->sum('total') }}</span></td>
                                </tr>
                            </tfoot>
                        </table>
                    </div>
                </div>
            </div>

        </div>
  


        <!-- step5 -->
<div class="container">
    <input type="hidden" name="id_formulaire" value="{{ $formulaire6->id_type }}">
    <h3 style="font-size:25px;">{{ trans_field($formulaire6, 'type') }}</h3>
    <br>

    <div class="form-section">
        <div class="form-group row">
            <label class="col-sm-12 col-form-label">{{ __('site.mainifestations.key.individual_athletes_label') }}</label>

            <div class="col-sm-12 d-flex gap-2 align-items-center">
                @if(!empty($existingFiles['liste_prel_ath_ind']))
					<p> {{ __('site.mainifestations.key.current_file') }} :
                    <a href="{{ $existingFiles['liste_prel_ath_ind'] }}" target="_blank" rel="noopener">
                     
                         {{ __('site.mainifestations.key.view_file') }}
                    </a>
					</p>
               @else
                    <p class="text-muted">{{ __('site.mainifestations.key.no_file') }}</p>
                @endif
            </div>
        </div>
    </div>
</div>

<!-- step6 -->
<div class="container">
    <input type="hidden" name="id_formulaire" value="{{ $formulaire7->id_type }}">
    <h3 style="font-size:25px;">{{ trans_field($formulaire7, 'type') }}</h3>
    <br>

    <div class="form-section">
        <div class="form-group row">
            <label class="col-sm-12 col-form-label">{{ __('site.mainifestations.key.athletes_participating_label') }}</label>

            <div class="col-sm-12 mb-3">
			
                @if(!empty($existingFiles['liste_ath_ass_cat']))
					<p> {{ __('site.mainifestations.key.current_file') }} :
                    <a href="{{ $existingFiles['liste_ath_ass_cat'] }}" target="_blank" rel="noopener">
                           {{ __('site.mainifestations.key.view_file') }}
                    </a>
					</p>
                @else
                     <p class="text-muted">{{ __('site.mainifestations.key.no_file') }}</p>
                @endif
            </div>


        </div>
    </div>
</div>
@if (intval($currentId) === 13)
    <div class="container" id="formulaire8-block">
        <input type="hidden" name="id_formulaire" value="{{ $formulaire8->id_type }}">
        <h3 style="font-size:25px;">{{ trans_field($formulaire8, 'type') }}</h3>

        <div class="form-section">
            <div class="form-group row">
                <label class="col-sm-6 col-form-label">{{ __('site.mainifestations.key.tourists_list_label') }}</label>
                <div class="col-sm-12 d-flex gap-2 align-items-center">
                    @if(!empty($existingFiles['fiche_visite_pers_off_etran']))
						<p> {{ __('site.mainifestations.key.current_file') }} :
                        <a  href="{{ $existingFiles['fiche_visite_pers_off_etran'] }}" target="_blank" rel="noopener">
                              {{ __('site.mainifestations.key.view_file') }}
                        </a>
						</p>
                     @else
                       <p class="text-muted">{{ __('site.mainifestations.key.no_file') }}</p>
                    @endif
                </div>
            </div>
        </div>

        <!-- judges / officials file -->
        <div class="form-section">
            <div class="form-group row">
                <label class="col-sm-6 col-form-label">{{ __('site.mainifestations.key.judges_officials_list_label') }}</label>
                <div class="col-sm-12 d-flex gap-2 align-items-center">
                    @if(!empty($existingFiles['liste_arbitres_res']))
             <p> {{ __('site.mainifestations.key.current_file') }} :                      
				  <a  href="{{ $existingFiles['liste_arbitres_res'] }}" target="_blank" rel="noopener">
                             {{ __('site.mainifestations.key.view_file') }}
                        </a>
						</p>
                    @else
                      <p class="text-muted">{{ __('site.mainifestations.key.no_file') }}</p>
                    @endif
                </div>
            </div>
        </div>
    </div>

    <div class="container" id="formulaire9-block">
        <input type="hidden" name="id_formulaire" value="{{ $formulaire9->id_type }}">
        <h3 style="font-size:25px;">{{ trans_field($formulaire9, 'type') }}</h3>

        <div class="form-section">
            <div class="form-group row">
                <label class="col-sm-6 col-form-label">{{ __('site.mainifestations.key.foreign_officials_list_label') }}</label>
                <div class="col-sm-12 d-flex gap-2 align-items-center">
                    @if(!empty($existingFiles['fiche_visite_dele_etran']))
						<p> {{ __('site.mainifestations.key.current_file') }} :
                        <a  href="{{ $existingFiles['fiche_visite_dele_etran'] }}" target="_blank" rel="noopener">
                                {{ __('site.mainifestations.key.view_file') }}
                        </a>
						</p>
                    @else
                  <p class="text-muted">{{ __('site.mainifestations.key.no_file') }}</p>
                    @endif 
                </div>
            </div>
        </div>
    </div>
@endif

        <div class="container">
            <h3 style="font-size:25px;">{{ __('site.mainifestations.key.preliminary_agreement_title') }}</h3>
            <br>
            <div class="form-section">
                <div class="form-group row mb-3" style="padding-top:20px;">
                    <label class="col-sm-10 col-form-label">
                        {{ __('site.mainifestations.key.preliminary_agreement_label') }}
                    </label>
                    <div class="col-sm-12">
                        @if($demande->accordFile)
                            <p>
                                {{ __('site.mainifestations.key.current_file') }} :
                                <a href="{{ route('manifestation2.attachment.show', $demande->accordFile->id_attach) }}"
                                target="_blank">
                                    {{ __('site.mainifestations.key.view_file') }}
                                </a>
                            </p>
                        @else
                            <p class="text-muted">{{ __('site.mainifestations.key.no_file') }}</p>
                        @endif
                    </div>
                </div>
            </div>
        </div>

        <div class="container">
            <h3 style="font-size:25px;">{{ __('site.mainifestations.key.technical_file_title') }}</h3>
            <br>
            <div class="form-section">
                <div class="form-group row mb-3" style="padding-top:20px;">
                    <label class="col-sm-6 col-form-label">
                        {{ __('site.mainifestations.key.technical_file_label') }}
                    </label>
                    <div class="col-sm-12">
                        @if($demande->techniqueFile)
                            <p>
                                {{ __('site.mainifestations.key.current_file') }} :
                                <a href="{{ route('manifestation2.attachment.show', $demande->techniqueFile->id_attach) }}"
                                target="_blank">
                                    {{ __('site.mainifestations.key.view_file') }}
                                </a>
                            </p>
                        @else
                            <p class="text-muted">{{ __('site.mainifestations.key.no_file') }}</p>
                        @endif
                    </div>
                </div>
            </div>
        </div>


        <div class="container">
            <h3 style="font-size:25px;">{{ __('site.mainifestations.key.request_title') }}</h3>
            <br>
            <div class="form-section">
                <div class="form-group row mb-3" style="padding-top:20px;">
                    <label class="col-sm-6 col-form-label">
                        {{ __('site.mainifestations.key.request_label') }}
                    </label>
                    <div class="col-sm-12">
                        @if($demande->demandeFile)
                            <p>
                                {{ __('site.mainifestations.key.current_file') }} :
                                <a href="{{ route('manifestation2.attachment.show', $demande->demandeFile->id_attach) }}"
                                target="_blank">
                                    {{ __('site.mainifestations.key.view_file') }}
                                </a>
                            </p>
                        @else
                            <p class="text-muted">{{ __('site.mainifestations.key.no_file') }}</p>
                        @endif
                    </div>
                </div>
            </div>
        </div>

        <div class="form-group no-print" style="display: flex; justify-content: center; margin-top: 20px;">
            <div class="d-flex" style="gap: 20px; align-items: center;">
               
                <a href="{{ route('manifestation2.demande.pdf', $demande->id_demande) }}"
            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>

    </form>
</div>

<script src="{{ asset('BackOfficeAR/js/salle_sport_form.js') }}"></script>

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