@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 ($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.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 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 }}">

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

    <div class="mb-4">
        <div class="d-flex align-items-center mb-3">
            <h5 class="mb-0 fw-bold me-2">{{ __('site.jeunesse.form.current_status_label') }}</h5>

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

            @if($institution->id_statut == 1)
                <span><strong>{{ __('site.jeunesse.status.accepted') }}</strong></span>
            @elseif($institution->id_statut == 3)
                <span><strong>{{ __('site.jeunesse.status.refused') }}</strong></span>
            @else
                <span><strong>{{ __('site.jeunesse.status.pending') }}</strong></span>
            @endif
        </div>

        @if($institution->id_statut == 3 && !empty($institution->commentaire_motif))
            <div class="d-flex align-items-center mb-3">
                <label class="fw-bold text-danger me-2 mb-0">{{ __('site.jeunesse.form.rejection_reason_label') }}</label>
                <p class="mb-0 border p-2 rounded shadow-sm text-muted">{{ $institution->commentaire_motif }}</p>
            </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">{{ $user->niveau_etude ?? __('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">{{ $user->dernier_diplome ?? __('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->investissements->first()?->utilisateur->experience ?? __('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($nature_projet->firstWhere('id_nature_p', $institution->nature_projet_id), 'nature') ?? __('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">
        <table class="custom-table">
            <thead>
                <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>
                @foreach($institution->investissements as $inv)
                    <tr>
                        <td>{{ trans_field($secteurs->firstWhere('id_secteur', $inv->secteur_invest_id), 'secteur') ?? __('site.jeunesse.table.no_value') }}</td>
                        <td>{{ $inv->montant_inv ?? __('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>{{ $inv->montant_fin ?? __('site.jeunesse.table.no_value') }}</td>
                    </tr>
                @endforeach
            </tbody>
        </table>
    </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 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>
        </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