@extends('layouts.app')

@section('styles')
<link rel="stylesheet" href="{{ asset('BackOfficeAR/css/formulaire_edit.css') }}">
<style>
.stylish-btn { padding: 10px 25px; font-size: 1rem; border-radius: 12px; transition: all 0.3s ease; font-weight: bold; box-shadow: 0 3px 8px rgba(0,0,0,0.15); }
.stylish-btn:hover { transform: translateY(-2px); box-shadow: 0 6px 12px rgba(0,0,0,0.25); }
@media print {
  .action-buttons, .navbar, .footer, header, footer { display: none !important; }
  @page { margin: 0; }
  body { margin: 1cm; font-size: 14px; line-height: 1.6; }
  * { color: #000 !important; background: transparent !important; box-shadow: none !important; }
}
</style>
@endsection

@section('content')


@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.jeunesse.breadcrumb.home') }}</span>
            </a>
        </li>
        <li class="breadcrumb-item">
            <a href="{{ route('investissement_choix') }}">
                <span>{{ __('site.jeunesse.breadcrumb.investment') }}</span>
            </a>
        </li>
        <li class="breadcrumb-item">
            <a href="{{ route('jeunesse.index') }}">
                <span>{{ __('site.jeunesse.breadcrumb.institutions') }}</span>
            </a>
        </li>
        <li class="breadcrumb-item active" aria-current="page">{{ __('site.jeunesse.page.show_title') }}</li>
      </ol>
    </nav>

<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.1/font/bootstrap-icons.css" rel="stylesheet">

<form class="card shadow-sm p-4" action="{{ route('jeunesse.update', $institution->id_inst) }}" method="POST" enctype="multipart/form-data" lang="{{ app()->getLocale() }}">
    @csrf
    @method('PUT')
    <input type="hidden" name="id_formulaire" value="{{ $formulaire->id_type }}">

    

    <div class="header-print-container">
            
            <div class="header-center">
                
                <h3 class="mb-3">{{ trans_field($formulaire, 'type') ?? $formulaire->type_ar }}</h3>
            </div>

             
			
			<a href="{{ route('jeunesse.pdf', $institution->id_inst) }}"
            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 class="card shadow-lg border-0 mb-4 rounded-4">
           <div class="card-header d-flex">
        <h5 class="mb-0 fw-bold me-2">{{ __('site.start_activity.current_status') }}</h5>

        @php
            // show DB-based statut using trans_field, fallback to translation
            $displayStatut = trans_field($institution->statut, 'statut') ?? __('site.jeunesse.status.pending');
        @endphp

        <span><strong>{{ $displayStatut }}</strong></span>
    </div>

    @php
        // choose which comment to show: prefer model's own comment, otherwise recent matching history comment
        $currentComment = !empty($institution->commentaire_motif) ? $institution->commentaire_motif : ($relevantHistory->commentaire ?? null);

        // metadata for history source (only valid if $currentComment came from $relevantHistory)
        $historyAuthor = $relevantHistory->changer->name ?? $relevantHistory->changed_by ?? null;
        $historyAt = isset($relevantHistory->created_at) ? $relevantHistory->created_at->format('Y-m-d H:i') : null;
        $commentFromHistory = empty($institution->commentaire_motif) && isset($relevantHistory) && !empty($relevantHistory->commentaire);
    @endphp
        @if(!empty($currentComment))
        <div class="card-body">
                    <div class="d-flex align-items-center mb-3">
            <label class="fw-bold text-muted me-2 mb-0">{{ __('site.start_activity.current_comment') }}</label>
            <p class="mb-0">
                {{ $currentComment }}
            </p>
        </div>
        </div>
    @endif
</div>


    <div class="form-section">
        <h4>{{ __('site.jeunesse.form.section_investor') }}</h4>

        <div class="form-group row mb-3">
            <label class="col-sm-2 col-form-label">{{ __('site.jeunesse.form.label_full_name') }}</label>
            <div class="col-sm-10">
                <div class="form-control bg-white border-0">{{ $institution->investissements->first()?->utilisateur->nom_prenom ?? __('site.jeunesse.table.no_value') }}</div>
            </div>
        </div>

        <div class="form-group row mb-3">
            <label class="col-sm-2 col-form-label">{{ __('site.jeunesse.form.label_birth_place') }}</label>
            <div class="col-sm-4">
                <div class="form-control bg-white border-0">{{ $institution->investissements->first()?->utilisateur->lieu_naissance ?? __('site.jeunesse.table.no_value') }}</div>
            </div>

            <label class="col-sm-2 col-form-label">{{ __('site.jeunesse.form.label_birth_date') }}</label>
            <div class="col-sm-4">
                <div class="form-control bg-white border-0">{{ $institution->investissements->first()?->utilisateur->date_naissance ?? __('site.jeunesse.table.no_value') }}</div>
            </div>
        </div>

        <div class="form-group row align-items-center">
            <label class="col-sm-2 col-form-label">{{ __('site.jeunesse.form.label_identity') }}</label>
            <div class="col-sm-4">
                <div class="form-control bg-white border-0">
                    {{ trans_field($institution->investissements->first()?->utilisateur?->typeIdentite, 'type') ?? __('site.jeunesse.table.no_value') }}
                </div>
            </div>

            @php $typeIdentite = $institution->investissements->first()?->utilisateur->id_type_identite; @endphp

            @if($typeIdentite == 1)
                <div class="col-sm-6">
                    <div class="form-control bg-white border-0">{{ $institution->investissements->first()?->utilisateur->cin ?? __('site.jeunesse.table.no_value') }}</div>
                </div>
            @elseif($typeIdentite == 2)
                <div class="col-sm-6">
                    <div class="form-control bg-white border-0">{{ $institution->investissements->first()?->utilisateur->passport ?? __('site.jeunesse.table.no_value') }}</div>
                </div>
            @elseif($typeIdentite == 3)
                <div class="col-sm-6">
                    <div class="form-control bg-white border-0">{{ $institution->investissements->first()?->utilisateur->num_fiscal ?? __('site.jeunesse.table.no_value') }}</div>
                </div>
            @endif
        </div>

        @php $user = $institution->investissements->first()?->utilisateur; @endphp

        @if($user && $user->id_type_identite == 1)
            <div class="form-group row mb-3">
                <label class="col-sm-2 col-form-label">{{ __('site.jeunesse.form.label_issue_date') }}</label>
                <div class="col-sm-4">
                    <div class="form-control bg-white border-0">{{ $user->date_delivrance_cin ?? __('site.jeunesse.table.no_value') }}</div>
                </div>

                <label class="col-sm-2 col-form-label">{{ __('site.jeunesse.form.label_issue_place') }}</label>
                <div class="col-sm-4">
                    <div class="form-control bg-white border-0">{{ $user->lieu_delivrance_cin ?? __('site.jeunesse.table.no_value') }}</div>
                </div>
            </div>
        @endif

        <div class="form-group row mb-3">
            <label class="col-sm-2 col-form-label">{{ __('site.jeunesse.form.label_address') }}</label>
            <div class="col-sm-10">
                <div class="form-control bg-white border-0">{{ $user->adresse ?? __('site.jeunesse.table.no_value') }}</div>
            </div>
        </div>

        <div class="form-group row mb-3">
            <label class="col-sm-2 col-form-label">{{ __('site.jeunesse.form.label_education_level') }}</label>
            <div class="col-sm-4">
                <div class="form-control bg-white border-0">{{ $institution->niveau_etude_user ?? __('site.jeunesse.table.no_value') }}</div>
            </div>

            <label class="col-sm-2 col-form-label">{{ __('site.jeunesse.form.label_last_degree') }}</label>
            <div class="col-sm-4">
                <div class="form-control bg-white border-0">{{ $institution->dernier_diplome_user ?? __('site.jeunesse.table.no_value') }}</div>
            </div>
        </div>

        <div class="form-group row mb-3">
            <label class="col-sm-2 col-form-label">{{ __('site.jeunesse.form.label_experience') }}</label>
            <div class="col-sm-10">
                <div class="form-control bg-white border-0">{{ $institution->experience_user ?? __('site.jeunesse.table.no_value') }}</div>
            </div>
        </div>
    </div>

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

        <div class="row align-items-center mb-3">
            <div class="col-sm-4">
                <label class="col-sm-10 col-form-label"><strong>{{ __('site.jeunesse.features.private_institution') }}</strong></label>
            </div>
            <div class="col-sm-4">
                <div class="form-control bg-white border-0">
                    {{ trans_field($types_espace->firstWhere('id_type', $institution->type_espace_id), 'type') ?? __('site.jeunesse.table.no_value') }}
                </div>
            </div>
        </div>

        <div class="form-group row mb-3">
            <label class="col-sm-2 col-form-label">{{ __('site.jeunesse.features.nbr_rooms') }}</label>
            <div class="col-sm-4">
                <div class="form-control bg-white border-0">{{ $institution->nbr_chambre ?? __('site.jeunesse.table.no_value') }}</div>
            </div>

            <label class="col-sm-2 col-form-label">{{ __('site.jeunesse.features.nbr_halls') }}</label>
            <div class="col-sm-4">
                <div class="form-control bg-white border-0">{{ $institution->nbr_salles ?? __('site.jeunesse.table.no_value') }}</div>
            </div>
        </div>

        <h5 class="mt-3">{{ __('site.jeunesse.capacities.title') }}</h5>
        <div class="form-group row mb-3">
            <label class="col-sm-2 col-form-label">{{ __('site.jeunesse.capacities.with_board') }}</label>
            <div class="col-sm-4"><div class="form-control bg-white border-0">{{ $institution->capacite_accueil_hebergement ?? __('site.jeunesse.table.no_value') }}</div></div>

            <label class="col-sm-2 col-form-label">{{ __('site.jeunesse.capacities.tents') }}</label>
            <div class="col-sm-4"><div class="form-control bg-white border-0">{{ $institution->capacite_accueil_sous_tente ?? __('site.jeunesse.table.no_value') }}</div></div>
        </div>

        <div class="form-group row mb-3">
            <label class="col-sm-2 col-form-label">{{ __('site.jeunesse.capacities.animation') }}</label>
            <div class="col-sm-4"><div class="form-control bg-white border-0">{{ $institution->capacite_accueil_espace_animation ?? __('site.jeunesse.table.no_value') }}</div></div>
        </div>

        <h5 class="mt-3">{{ __('site.jeunesse.services.title') }}</h5>

        @foreach(['heberg_rest','heberg_stage_activ','camping','activ_educative','voyage','evenement','autre'] as $srv)
            <div class="form-check d-flex align-items-center mb-2">
                <input type="hidden" name="{{ $srv }}" value="0">
                <input class="form-check-input me-2" type="checkbox" id="{{ $srv }}" name="{{ $srv }}" value="1" disabled {{ $institution->$srv ? 'checked' : '' }}>
                <label class="col-sm-6 col-form-label" for="{{ $srv }}">{{ __('site.jeunesse.services.labels.' . $srv) }}</label>
            </div>
        @endforeach

        <div class="form-group row mb-3 align-items-center">

    <label class="col-sm-2 col-form-label">
        {{ __('site.jeunesse.form.label_project_name') }}
    </label>
    <div class="col-sm-4">
        <div class="form-control bg-white border-0">
            {{ $institution->nom_projet ?? __('site.jeunesse.table.no_value') }}
        </div>
    </div>
    <label class="col-sm-2 col-form-label">
        {{ __('site.jeunesse.form.label_project_nature') }}
    </label>
    <div class="col-sm-4">
        <div class="form-control bg-white border-0">
            {{ trans_field($institution->natureProjet, 'nature') ?? __('site.jeunesse.table.no_value') }}
        </div>
    </div>
</div>

<div class="form-group row mb-3 align-items-center">

    {{-- Gouvernorat --}}
    <label class="col-sm-2 col-form-label">
        {{ __('site.jeunesse.form.label_gouvernorat') }}
    </label>
    <div class="col-sm-4">
        <div class="form-control bg-white border-0">
            {{ trans_field($institution->gouvernorat, 'nom') ?? __('site.jeunesse.table.no_value') }}
        </div>
    </div>

    {{-- Délégation --}}
    <label class="col-sm-2 col-form-label">
        {{ __('site.jeunesse.form.label_delegation') }}
    </label>
    <div class="col-sm-4">
        <div class="form-control bg-white border-0">
            {{ trans_field($institution->delegation, 'nom') ?? __('site.jeunesse.table.no_value') }}
        </div>
    </div>
</div>

<div class="form-group row mb-3 align-items-center">

    {{-- Adresse --}}
    <label class="col-sm-2 col-form-label">
        {{ __('site.jeunesse.form.label_project_address') }}
    </label>
    <div class="col-sm-4">
        <div class="form-control bg-white border-0">
            {{ $institution->adresse_siege ?? __('site.jeunesse.table.no_value') }}
        </div>
    </div>

    {{-- Code postal --}}
    <label class="col-sm-2 col-form-label">
        {{ __('site.jeunesse.form.label_postal_code') }}
    </label>
    <div class="col-sm-4">
        <div class="form-control bg-white border-0">
            {{ $institution->code_postal ?? __('site.jeunesse.table.no_value') }}
        </div>
    </div>
</div>

		
		
		

        <div class="form-group row mb-3">
            <label class="col-sm-2 col-form-label">{{ __('site.jeunesse.form.label_nbr_emplois') }}</label>
            <div class="col-sm-4"><div class="form-control bg-white border-0">{{ $institution->nbr_emplois ?? __('site.jeunesse.table.no_value') }}</div></div>
        </div>

        <h4 class="mt-4">{{ __('site.jeunesse.manager.title') }}</h4>
        <div class="form-group row mb-3">
            <label class="col-sm-2 col-form-label">{{ __('site.jeunesse.manager.label_name') }}</label>
            <div class="col-sm-10"><div class="form-control bg-white border-0">{{ $institution->directeur->nom_prenom_d ?? __('site.jeunesse.table.no_value') }}</div></div>
        </div>

        <div class="form-group row mb-3">
            <label class="col-sm-2 col-form-label">{{ __('site.jeunesse.manager.label_cin') }}</label>
            <div class="col-sm-10"><div class="form-control bg-white border-0">{{ $institution->directeur->num_cin ?? __('site.jeunesse.table.no_value') }}</div></div>
        </div>

        <div class="form-group row mb-3">
            <label class="col-sm-2 col-form-label">{{ __('site.jeunesse.manager.label_issue_date') }}</label>
            <div class="col-sm-4"><div class="form-control bg-white border-0">{{ $institution->directeur->date_delivrance ?? __('site.jeunesse.table.no_value') }}</div></div>

            <label class="col-sm-2 col-form-label">{{ __('site.jeunesse.manager.label_issue_place') }}</label>
            <div class="col-sm-4"><div class="form-control bg-white border-0">{{ $institution->directeur->lieu_delivrance ?? __('site.jeunesse.table.no_value') }}</div></div>
        </div>

        <div class="form-group row mb-3">
            <label class="col-sm-2 col-form-label">{{ __('site.jeunesse.manager.label_education_level') }}</label>
            <div class="col-sm-4"><div class="form-control bg-white border-0">{{ $institution->directeur->niveau_etude ?? __('site.jeunesse.table.no_value') }}</div></div>

            <label class="col-sm-2 col-form-label">{{ __('site.jeunesse.manager.label_last_degree') }}</label>
            <div class="col-sm-4"><div class="form-control bg-white border-0">{{ $institution->directeur->dernier_diplome_obtenu ?? __('site.jeunesse.table.no_value') }}</div></div>
        </div>
    </div>

    <h4 class="mt-4">{{ __('site.jeunesse.investment.title') }}</h4>
    <div class="form-section mt-4">
    <div class="table-responsive">
        <table class="table table-bordered table-striped align-middle">
            <thead class="table-light">
                <tr>
                    <th>{{ __('site.jeunesse.investment.table.invest') }}</th>
                    <th>{{ __('site.jeunesse.investment.table.amount') }}</th>
                    <th>{{ __('site.jeunesse.investment.table.sources') }}</th>
                    <th>{{ __('site.jeunesse.investment.table.amount_fin') }}</th>
                </tr>
            </thead>
            <tbody>
                @forelse($institution->investissements as $inv)
                    <tr>
                        <td>{{ trans_field($secteurs->firstWhere('id_secteur', $inv->secteur_invest_id), 'secteur') ?? __('site.jeunesse.table.no_value') }}</td>
                        <td>{{ number_format($inv->montant_inv, 2) ?? __('site.jeunesse.table.no_value') }}</td>
                        <td>{{ trans_field($source_fin->firstWhere('id_source', $inv->id_source_financement), 'source') ?? __('site.jeunesse.table.no_value') }}</td>
                        <td>{{ number_format($inv->montant_fin, 2) ?? __('site.jeunesse.table.no_value') }}</td>
                    </tr>
                @empty
                    <tr>
                        <td colspan="4" class="text-center text-muted">{{ __('site.jeunesse.table.no_data') }}</td>
                    </tr>
                @endforelse
            </tbody>
        </table>
    </div>
</div>


    <div class="mt-3">
        <h4>{{ __('site.jeunesse.declaration.title') }}</h4>
        <span>{{ __('site.jeunesse.declaration.text') }}</span>
    </div>

    <div class="remarques-block mt-3 p-3" style="border: 2px solid #000; border-radius: 5px;">
        <h4>{{ __('site.jeunesse.remarks.title') }}</h4>
        <textarea style="min-height: 200px;" class="form-control mt-2 bg-white" name="remarques" readonly rows="6" placeholder="{{ __('site.jeunesse.remarks.placeholder') }}">{{ old('remarques', $institution->remarques) }}</textarea>
    </div>

    <div class="form-group row justify-content-center action-buttons d-print-none" style="padding-top:50px;">
        <div class="col-auto">
            <!--button type="button" onclick="window.print()" class="btn btn-outline-success stylish-btn">
                <i class="fa fa-print me-2"></i> {{ __('site.jeunesse.actions.print') }}
            </!--button-->

            
			
			<a href="{{ route('jeunesse.pdf', $institution->id_inst) }}"
            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>
</div>

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

@section('scripts')
<script>
    document.addEventListener('DOMContentLoaded', function() {
        // disable nice-select wrappers if present
        const formSelects = document.querySelectorAll('.jeunesse-form select');
        formSelects.forEach(select => {
            const niceSelect = select.nextElementSibling;
            if (niceSelect && niceSelect.classList.contains('nice-select')) {
                niceSelect.remove();
            }
        });
    });
</script>
@endsection