@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.breadcrumb_home') }}</span>
            </a>
        </li>
        <li class="breadcrumb-item">
            <a href="{{ route('investissement_choix') }}">
                <span>{{ __('site.breadcrumb_investment') }}</span>
            </a>
        </li>
        <li class="breadcrumb-item">
            <a href="{{route('jeune_enfant.index') }}">
                <span>{{ __('site.project_spaces_title') }}</span>
            </a>
        </li>
        <li class="breadcrumb-item active" aria-current="page">{{ __('site.page_show_form') }}</li>
    </ol>
</nav>

<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.1/font/bootstrap-icons.css" rel="stylesheet">
<form class="card shadow-sm p-4" action="{{ route('jeune_enfant.update', $projet->id_projet) }}" method="POST" enctype="multipart/form-data" lang="ar">
    @csrf
    @method('PUT') {{-- Important pour update --}}
        <input type="hidden" name="id_formulaire" value="{{ $formulaire->id_type }}">
        <div class="text-center mb-4">
            {{-- keep formulaire title as is --}}
            <h3 class="fw-bold">{{trans_field($formulaire, 'type')}}</h3>
        </div>
		<a href="{{ route('jeune_enfant.pdf', $projet->id_projet) }}"
            target="_blank"
            class="btn btn-danger"
            style="width:160px; height:40px; display:flex; align-items:center; justify-content:center; gap:6px;">
                <i class="fa fa-file-pdf"></i>
                {{ __('site.download_pdf') ?? 'تحميل PDF' }}
            </a>
<br>
     <div class="card shadow-lg border-0 mb-4 rounded-4">
    <div class="card-header d-flex">
        <h5 class="mb-0 fw-bold me-2">{{ __('site.start_activity.current_status') }}</h5>

        @php
            // prefer translation from related statut record when available
            $statutText = trans_field($projet->statut, 'statut') ?? null;
        @endphp

        @if($projet->id_statut == 1)
            <span><strong>{{ $statutText ?? __('site.start_activity.status.accepted') }}</strong></span>
        @elseif($projet->id_statut == 3)
            <span><strong>{{ $statutText ?? __('site.start_activity.status.rejected') }}</strong></span>
        @else
            <span><strong>{{ $statutText ?? __('site.start_activity.status.pending') }}</strong></span>
        @endif
    </div>

    @php
        // prefer the project's own comment, otherwise use the relevant history comment (if any)
        $currentComment = !empty($projet->commentaire_motif) ? $projet->commentaire_motif : ($relevantHistory->commentaire ?? null);
        $historyAuthor = $relevantHistory->changer->name ?? $relevantHistory->changed_by ?? null;
        $historyAt = isset($relevantHistory->created_at) ? $relevantHistory->created_at->format('Y-m-d H:i') : null;
    @endphp

    @if(!empty($currentComment))
         <div class="card-body">
            <p>
                {{ __('site.start_activity.current_comment') }}
            </p>

            <p>{{ $currentComment }}</p>

        
        </div>

    @endif
</div>

        <div class="form-section">
            <h4>{{ __('site.investment.form.identity.title') ?? __('site.investment') }}</h4>


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

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

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

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


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

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

            @php
                $user = $projet->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.cin_issue_date_label') }}</label>
                <div class="col-sm-4">
                    <div class="form-control bg-white border-0">
                        {{ $user->date_delivrance_cin ?? __('site.not_specified') }}
                    </div>
                </div>

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

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

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

                <label class="col-sm-2 col-form-label">{{ __('site.last_degree') }}</label>
                <div class="col-sm-4">
                    <div class="form-control bg-white border-0">
                        {{ $projet->dernier_diplome_user ?? __('site.not_specified') }}
                    </div>
                </div>
            </div>

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

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

            <div class="form-check d-flex align-items-center">
                <input type="hidden" name="espace_spectacle" value="0"> 
                <input class="form-check-input me-2" type="checkbox" id="espace_spectacle" name="espace_spectacle" value="1"
                    {{ $projet->espace_spectacle ? 'checked' : '' }} disabled>
                <label class="col-sm-6 col-form-label" for="espace_spectacle">
                    {{ __('site.espace_spectacle_label') }}
                </label>
            </div>

            <div class="mt-3" id="caracteristique_group" style="display:{{ $projet->espace_spectacle ? 'block' : 'none' }};">
                <textarea class="form-control shadow-sm rounded-3 bg-white" readonly 
                        placeholder="{{ __('site.characteristics_placeholder') }}" rows="3">{{ $projet->caracteristique_spec }}</textarea>
            </div>

            <div class="form-check d-flex align-items-center">
                <input readonly type="hidden" name="espace_sportif" value="0"> 
                <input readonly class="form-check-input me-2" type="checkbox" id="espace_sportif" name="espace_sportif" value="1" disabled
                       {{ old('espace_sportif', $projet->espace_sportif) ? 'checked' : '' }}>
                <label class="col-sm-6 col-form-label" for="espace_sportif">{{ __('site.espace_sportif_label') }}</label>
            </div>
            <div class="mt-3" id="caracteristique_sportif_group" style="display:{{ $projet->espace_sportif ? 'block' : 'none' }};">
                <textarea readonly class="form-control shadow-sm rounded-3 bg-white" name="caracteristique_sportif" rows="3">{{ old('caracteristique_sportif', $projet->caracteristique_sportif) }}</textarea>
            </div>

            <div class="form-check d-flex align-items-center">
                <input readonly type="hidden" name="espace_activite_service" value="0"> 
                <input readonly class="form-check-input me-2" type="checkbox" id="espace_activite_service" name="espace_activite_service" value="1" disabled
                       {{ old('espace_activite_service', $projet->espace_activite_service) ? 'checked' : '' }}>
                <label class="col-sm-6 col-form-label" for="espace_activite_service">{{ __('site.espace_service_label') }}</label>
            </div>
            <div class="mt-3" id="caracteristique_activite_serv_group" style="display:{{ $projet->espace_activite_service ? 'block' : 'none' }};">
                <textarea readonly class="form-control shadow-sm rounded-3 bg-white" name="caracteristique_activite_serv" rows="3">{{ old('caracteristique_activite_serv', $projet->caracteristique_activite_serv) }}</textarea>
            </div>

            <div class="form-check d-flex align-items-center">
                <input readonly type="hidden" name="espace_activite_culturelle" value="0"> 
                <input readonly class="form-check-input me-2" type="checkbox" id="espace_activite_culturelle" name="espace_activite_culturelle" value="1" disabled
                       {{ old('espace_activite_culturelle', $projet->espace_activite_culturelle) ? 'checked' : '' }}>
                <label class="col-sm-6 col-form-label" for="espace_activite_culturelle">{{ __('site.espace_culturel_label') }}</label>
            </div>
            <div class="mt-3" id="caracteristique_activite_cult_group" style="display:{{ $projet->espace_activite_culturelle ? 'block' : 'none' }};">
                <textarea readonly class="form-control shadow-sm rounded-3 bg-white" name="caracteristique_activite_cult" rows="3">{{ old('caracteristique_activite_cult', $projet->caracteristique_activite_cult) }}</textarea>
            </div>
        </div>

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

    {{-- Nature du projet --}}
    <div class="row align-items-center mb-3">
        <div class="col-sm-2">
            <label class="col-form-label">
                {{ __('site.choose_nature') }}
            </label>
        </div>
        <div class="col-sm-4">
            <div class="form-control bg-white border-0">
                {{ trans_field($projet->natureProjet, 'nature') ?? __('site.not_specified') }}
            </div>
        </div>
    </div>

    {{-- Nom du projet --}}
    <div class="row align-items-center mb-3">
        <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">
                {{ $projet->nom_projet ?? __('site.not_specified') }}
            </div>
        </div>

        {{-- 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">
                {{ $projet->adresse_siege ?? __('site.not_specified') }}
            </div>
        </div>
    </div>

    {{-- Gouvernorat & Délégation --}}
    <div class="row align-items-center mb-3">
        <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($projet->gouvernorat, 'nom') ?? __('site.not_specified') }}
            </div>
        </div>

        <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($projet->delegation, 'nom') ?? __('site.not_specified') }}
            </div>
        </div>
    </div>

    {{-- Code postal --}}
    <div class="row align-items-center mb-3">
        <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">
                {{ $projet->code_postal ?? __('site.not_specified') }}
            </div>
        </div>
    </div>
</div>


        <div class="form-section mt-4">
            <h4>{{ __('site.number_positions_title') }}</h4>
            <div class="form-group row mb-3">
                <label class="col-sm-2 col-form-label">{{ __('site.holders_degree_label') }}</label>
                <div class="col-sm-4">
                    <div class="form-control bg-white border-0">
                        {{ $projet->nbr_diplome_universitaire ?? __('site.not_specified') }}
                    </div>
                </div>

                <label class="col-sm-2 col-form-label">{{ __('site.others_label') }}</label>
                <div class="col-sm-4">
                    <div class="form-control bg-white border-0">
                        {{ $projet->nbr_autre ?? __('site.not_specified') }}
                    </div>
                </div>
            </div>
        </div>

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

            <div class="form-group row mb-3">
                <label class="col-sm-2 col-form-label">{{ __('site.full_name_label') }}</label>
                <div class="col-sm-10">
                    <div class="form-control bg-white border-0">
                        {{ $projet->directeur->nom_prenom_d ?? __('site.not_specified') }}
                    </div>
                </div>
            </div>

            <div class="form-group row mb-3">
                <label class="col-sm-2 col-form-label">{{ __('site.cin_label') }}</label>
                <div class="col-sm-10">
                    <div class="form-control bg-white border-0">
                        {{ $projet->directeur->num_cin ?? __('site.not_specified') }}
                    </div>
                </div>
            </div>

            <div class="form-group row mb-3">
                <label class="col-sm-2 col-form-label">{{ __('site.cin_issue_date_label') }}</label>
                <div class="col-sm-4">
                    <div class="form-control bg-white border-0">
                        {{ $projet->directeur->date_delivrance ?? __('site.not_specified') }}
                    </div>
                </div>

                <label class="col-sm-2 col-form-label">{{ __('site.cin_issue_place_label') }}</label>
                <div class="col-sm-4">
                    <div class="form-control bg-white border-0">
                        {{ $projet->directeur->lieu_delivrance ?? __('site.not_specified') }}
                    </div>
                </div>
            </div>

            <div class="form-group row mb-3">
                <label class="col-sm-2 col-form-label">{{ __('site.education_level') }}</label>
                <div class="col-sm-4">
                    <div class="form-control bg-white border-0">
                        {{ $projet->directeur->niveau_etude ?? __('site.not_specified') }}
                    </div>
                </div>

                <label class="col-sm-2 col-form-label">{{ __('site.last_degree') }}</label>
                <div class="col-sm-4">
                    <div class="form-control bg-white border-0">
                        {{ $projet->directeur->dernier_diplome_obtenu ?? __('site.not_specified') }}
                    </div>
                </div>
            </div>
        </div>

       <div class="form-section mt-4">
    <h4>{{ __('site.investment_finance_title') }}</h4>
    <div class="form-group row">
        <table class="custom-table" style="width:100%; border-collapse: collapse; font-family: Arial, sans-serif;">
            <thead>
                <tr style="background-color: #f5f5f5; text-align: left; border-bottom: 2px solid #ddd;">
                    <th style="padding: 8px;">{{ __('site.investment_label') }}</th>
                    <th style="padding: 8px;">{{ __('site.amount_label') }}</th>
                    <th style="padding: 8px;">{{ __('site.fund_sources_label') }}</th>
                    <th style="padding: 8px;">{{ __('site.notes_label') }}</th>
                </tr>
            </thead>
            <tbody>
                @foreach($projet->investissements as $inv)
                <tr style="border-bottom: 1px solid #ddd;">
                    <td data-label="{{ __('site.investment_label') }}" style="padding: 8px;">
                        {{ trans_field($secteurs->firstWhere('id_secteur', $inv->secteur_invest_id), 'secteur') ?? '-' }}
                    </td>
                    <td data-label="{{ __('site.amount_label') }}" style="padding: 8px;">
                        {{ number_format($inv->montant_inv, 2) ?? '-' }}
                    </td>
                    <td data-label="{{ __('site.fund_sources_label') }}" style="padding: 8px;">
                        {{ $inv->source ?? '-' }}
                    </td>
                    <td data-label="{{ __('site.notes_label') }}" style="padding: 8px;">
                        {{ $inv->remarques ?? '-' }}
                    </td>
                </tr>
                @endforeach
            </tbody>
        </table>
        
    </div>


        </div>

        <span class="text-muted">{{ __('site.funds_examples') }}</span>

        <div class="mt-3">
            <h4>{{ __('site.declaration_title') }}</h4>
            <span>
                {{ __('site.declaration_text') }}
            </span>
        </div>

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

        <div class="form-group row justify-content-center action-buttons d-print-none" style="padding-top:50px;">
            <div class="col-auto">
                <a href="{{ route('jeune_enfant.pdf', $projet->id_projet) }}"
            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