@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">
<div class="container">
    <form action="" method="POST" enctype="multipart/form-data" lang="ar">
        <input type="hidden" name="type_formulaire_id" value="13">

        <!-- step1 -->
        <div class="container">
            <input type="hidden" name="id_formulaire" value="{{ $formulaire2->id_type }}">
            <h2>{{ __('site.mainifestations.key.republic') }}</h2>
            <h2>{{ __('site.mainifestations.key.ministry') }}</h2>

            <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 class="badge bg-primary fs-6">{{ __('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 -->
                        <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>
                                @if($demande->id_type == 1)
                                    <span class="badge bg-success">{{ __('site.mainifestations.key.status_accepted') }}</span>
                                @elseif($demande->id_type == 3)
                                    <span class="badge bg-danger">{{ __('site.mainifestations.key.status_refused') }}</span>
                                @else
                                    <span class="badge bg-warning text-dark">{{ __('site.mainifestations.key.status_pending') }}</span>
                                @endif

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

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

                        <!-- Step 2 -->
                        <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>
                                @if($demande->statut_id == 1)
                                    <span class="badge bg-success">{{ __('site.mainifestations.key.status_accepted') }}</span>
                                @elseif($demande->statut_id == 3)
                                    <span class="badge bg-danger">{{ __('site.mainifestations.key.status_refused') }}</span>
                                @else
                                    <span class="badge bg-secondary">{{ __('site.mainifestations.key.status_unknown') }}</span>
                                @endif

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

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

                        <!-- Step 3 -->
                        <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>
                                @if($demande->statut2_id == 1)
                                    <span class="badge bg-success">{{ __('site.mainifestations.key.status_accepted') }}</span>
                                @elseif($demande->statut2_id == 3)
                                    <span class="badge bg-danger">{{ __('site.mainifestations.key.status_refused') }}</span>
                                @else
                                    <span class="badge bg-secondary">{{ __('site.mainifestations.key.status_unknown') }}</span>
                                @endif

                                @if($demande->commentaire_motif3)
                                    <div class="text-danger small mt-2 fw-semibold">
                                        <i class="la la-comment-dots"></i> {{ $demande->commentaire_motif3 }}
                                    </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="{{ asset('storage/' . $demande->assuranceFile->file) }}" 
                                target="_blank" class="text-primary">
                                <i class="la la-file-pdf"></i> {{ __('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 }}">

            <h2>{{ __('site.mainifestations.key.republic') }}</h2>
            <h2>{{ __('site.mainifestations.key.ministry') }}</h2>
            <h3 style="font-size:25px;">{{ trans_field($formulaire3, '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.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-12 col-form-label">{{ __('site.mainifestations.key.installations_label') }}</label>
                    <div class="col-sm-12">
                        <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.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 class="col-sm-10">
                        <span class="form-control-plaintext">{{ $evenement->recompense ?? '' }}</span>
                    </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="table-responsive">
                        <table id="athletes-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:25%">{{ __('site.mainifestations.key.col_athlete_name') }}</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>

                            <tbody id="athletes-body">
                                @foreach($demande->evenementSportifs->first()->athletesIndividuels ?? [] as $athlete)
                                    <tr>
                                        <td class="row-number">{{ $loop->iteration }}</td>
                                        <td><span class="form-control-plaintext">{{ $athlete->nom_prenom_sportif }}</span></td>
                                        <td><span class="form-control-plaintext text-center">{{ $athlete->num_athlete_h }}</span></td>
                                        <td><span class="form-control-plaintext text-center">{{ $athlete->num_athlete_f }}</span></td>
                                        <td><span class="form-control-plaintext text-center">{{ $athlete->accompagnants }}</span></td>
                                        <td><span class="form-control-plaintext text-center fw-bold">{{ $athlete->total }}</span></td>
                                    </tr>
                                @endforeach
                                @if(empty($demande->evenementSportifs->first()->athletesIndividuels))
                                    <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">{{ $demande->evenementSportifs->first()->athletesIndividuels->sum('num_athlete_h') ?? 0 }}</span></td>
                                    <td><span class="form-control-plaintext text-center">{{ $demande->evenementSportifs->first()->athletesIndividuels->sum('num_athlete_f') ?? 0 }}</span></td>
                                    <td><span class="form-control-plaintext text-center">{{ $demande->evenementSportifs->first()->athletesIndividuels->sum('accompagnants') ?? 0 }}</span></td>
                                    <td><span class="form-control-plaintext text-center fw-bold">{{ $demande->evenementSportifs->first()->athletesIndividuels->sum('total') ?? 0 }}</span></td>
                                </tr>
                            </tfoot>
                        </table>
                    </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="table-responsive">
                        <table id="sportifs-table" class="custom-table table table-bordered text-center align-middle">
                            <thead>
                                <tr>
                                    <th>{{ __('site.mainifestations.key.col_name') }}</th>
                                    <th>{{ __('site.mainifestations.key.col_age_group') }}</th>
                                    <th>{{ __('site.mainifestations.key.col_birth_date') }}</th>
                                    <th>{{ __('site.mainifestations.key.col_id_number') }}</th>
                                </tr>
                            </thead>
                            <tbody id="sportifs-body">
                                @foreach($demande->evenementSportifs->first()->sportifs ?? [] as $sportif)
                                    <tr>
                                        <td data-label="{{ __('site.mainifestations.key.col_name') }}">
                                            <span class="form-control-plaintext">{{ $sportif->nom_prenom }}</span>
                                        </td>
                                        <td data-label="{{ __('site.mainifestations.key.col_age_group') }}">
                                            <span class="form-control-plaintext">{{ $sportif->tranch_age }}</span>
                                        </td>
                                        <td data-label="{{ __('site.mainifestations.key.col_birth_date') }}">
                                            <span class="form-control-plaintext">{{ $sportif->date_naissance }}</span>
                                        </td>
                                        <td data-label="{{ __('site.mainifestations.key.col_id_number') }}">
                                            <span class="form-control-plaintext">{{ $sportif->num_cin }}</span>
                                        </td>
                                    </tr>
                                @endforeach
                                @if(empty($demande->evenementSportifs->first()->sportifs))
                                    <tr>
                                        <td colspan="4" class="text-center">{{ __('site.mainifestations.key.no_data') }}</td>
                                    </tr>
                                @endif
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>

        </div>


        <div class="container">
            <input type="hidden" name="id_formulaire" value="{{ $formulaire8->id_type }}">
            <input type="hidden" name="demande_id" value="{{ $demande->id_demande ?? '' }}">  

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

            <div class="form-section">
                <div class="form-group row">
                    <label class="col-sm-6 col-form-label">{{ __('site.mainifestations.key.tourists_list_label') }}</label>
                    <table id="touristes-table" class="custom-table table table-bordered text-center align-middle">
                        <thead class="table-light">
                            <tr>
                                <th>{{ __('site.mainifestations.key.col_name') }}</th>
                                <th>{{ __('site.mainifestations.key.col_country') }}</th>
                                <th>{{ __('site.mainifestations.key.col_passport') }}</th>
                                <th>{{ __('site.mainifestations.key.col_arrival_date') }}</th>
                                <th>{{ __('site.mainifestations.key.col_residence') }}</th>
                                <th>{{ __('site.mainifestations.key.col_departure_date') }}</th>
                            </tr>
                        </thead>
                        <tbody id="touristes-body">
                            @forelse($evenement->etrangeres->where('type_etranger_id', 1) as $touriste)
                                <tr>
                                    <td><input type="text" class="form-control" value="{{ $touriste->nom_prenom }}" readonly></td>
                                    <td><input type="text" class="form-control" value="{{ $touriste->pays_origine }}" readonly></td>
                                    <td><input type="text" class="form-control" value="{{ $touriste->num_passport }}" readonly></td>
                                    <td><input type="date" class="form-control" value="{{ $touriste->date_arrive }}" readonly></td>
                                    <td><input type="text" class="form-control" value="{{ $touriste->lieu_residence }}" readonly></td>
                                    <td><input type="date" class="form-control" value="{{ $touriste->date_depart }}" readonly></td>
                                </tr>
                            @empty
                                <tr>
                                    <td colspan="6" class="text-center text-muted">{{ __('site.mainifestations.key.no_data') }}</td>
                                </tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>

            </div>

            <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>
                    <table id="touriste2s-table" class="custom-table table table-bordered text-center align-middle">
                        <thead class="table-light">
                            <tr>
                                <th>{{ __('site.mainifestations.key.col_name') }}</th>
                                <th>{{ __('site.mainifestations.key.col_country') }}</th>
                                <th>{{ __('site.mainifestations.key.col_passport') }}</th>
                                <th>{{ __('site.mainifestations.key.col_arrival_date') }}</th>
                                <th>{{ __('site.mainifestations.key.col_residence') }}</th>
                                <th>{{ __('site.mainifestations.key.col_departure_date') }}</th>
                            </tr>
                        </thead>
                        <tbody id="touriste2s-body">
                            @forelse($evenement->etrangeres->where('type_etranger_id', 2) as $touriste2)
                                <tr>
                                    <td><input type="text" class="form-control" value="{{ $touriste2->nom_prenom }}" readonly></td>
                                    <td><input type="text" class="form-control" value="{{ $touriste2->pays_origine }}" readonly></td>
                                    <td><input type="text" class="form-control" value="{{ $touriste2->num_passport }}" readonly></td>
                                    <td><input type="date" class="form-control" value="{{ $touriste2->date_arrive }}" readonly></td>
                                    <td><input type="text" class="form-control" value="{{ $touriste2->lieu_residence }}" readonly></td>
                                    <td><input type="date" class="form-control" value="{{ $touriste2->date_depart }}" readonly></td>
                                </tr>
                            @empty
                                <tr>
                                    <td colspan="6" class="text-center text-muted">{{ __('site.mainifestations.key.no_data') }}</td>
                                </tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>
            </div>
        </div>


        <div class="container">
            <input type="hidden" name="id_formulaire" value="{{ $formulaire9->id_type }}">
            <input type="hidden" name="demande_id" value="">  
            <h3 style="font-size:25px;">{{ trans_field($formulaire9, 'type') }}</h3>
            <br>
            <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>
                    <table id="touriste3s-table" class="custom-table table table-bordered text-center align-middle">
                        <thead class="table-light">
                            <tr>
                                <th>{{ __('site.mainifestations.key.col_name') }}</th>
                                <th>{{ __('site.mainifestations.key.col_country') }}</th>
                                <th>{{ __('site.mainifestations.key.col_passport') }}</th>
                                <th>{{ __('site.mainifestations.key.col_arrival_date') }}</th>
                                <th>{{ __('site.mainifestations.key.col_residence') }}</th>
                                <th>{{ __('site.mainifestations.key.col_departure_date') }}</th>
                            </tr>
                        </thead>
                        <tbody id="touriste3s-body">
                            @if(isset($evenement) && $evenement->etrangeres && $evenement->etrangeres->where('type_etranger_id', 3)->isNotEmpty())
                                @foreach($evenement->etrangeres->where('type_etranger_id', 3) as $touriste3)
                                    <tr>
                                        <td><input type="text" class="form-control" value="{{ $touriste3->nom_prenom }}" readonly></td>
                                        <td><input type="text" class="form-control" value="{{ $touriste3->pays_origine }}" readonly></td>
                                        <td><input type="text" class="form-control" value="{{ $touriste3->num_passport }}" readonly></td>
                                        <td><input type="date" class="form-control" value="{{ $touriste3->date_arrive }}" readonly></td>
                                        <td><input type="text" class="form-control" value="{{ $touriste3->lieu_residence }}" readonly></td>
                                        <td><input type="date" class="form-control" value="{{ $touriste3->date_depart }}" readonly></td>
                                    </tr>
                                @endforeach
                            @else
                                <tr>
                                    <td colspan="6" class="text-center text-muted">{{ __('site.mainifestations.key.no_data') }}</td>
                                </tr>
                            @endif
                        </tbody>
                    </table>
                </div>

            </div>
        </div>


        <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="{{ asset('storage/' . $demande->accordFile->file) }}" target="_blank">
                                    <i class="la la-file"></i> {{ __('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="{{ asset('storage/' . $demande->techniqueFile->file) }}" target="_blank">
                                    <i class="la la-file"></i> {{ __('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="{{ asset('storage/' . $demande->demandeFile->file) }}" target="_blank">
                                    <i class="la la-file"></i> {{ __('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.index') }}" class="btn btn-primary" style="width:120px; height:40px; display:flex; align-items:center; justify-content:center;">
                    <i class="bi bi-arrow-left" style="margin-right:5px;"></i> {{ __('site.mainifestations.key.back') }}
                </a>
                <button type="button" onclick="window.print()" class="btn btn-success" style="width:120px; height:40px; display:flex; align-items:center; justify-content:center;">
                    <i class="fa fa-print" style="margin-right:5px;"></i> {{ __('site.mainifestations.key.print') }}
                </button>
            </div>
        </div>

    </form>
</div>

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

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