@extends('layouts.app')

@section('styles')
<link rel="stylesheet" href="{{ asset('BackOfficeAR/css/formulaire_edit.css') }}">
@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">
	
		
	@php
    $types = [
        1 => [
            'title' => __('site.exoneration.cards.1.title'),
        ],
        3 => [
            'title' => __('site.exoneration.cards.3.title'),
        ],
        4 => [
            'title' => __('site.exoneration.cards.4.title'),
        ],
        21 => [
            'title' => __('site.exoneration.cards.21.title'),
        ],
        5 => [
            'title' => __('site.exoneration.cards.5.title'),
        ],
    ];

    $currentTitle = $types[$id_type_formulaire]['title']
        ?? __('site.exoneration.breadcrumb.list_projects');

    $currentRoute = $id_type_formulaire
        ? route('exoneration.index', ['id_type_formulaire' => $id_type_formulaire])
        : route('exoneration.index');
@endphp


	<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.investment.breadcrumb.home') }}</span>
    </a>
</li>
<li class="breadcrumb-item">
    <a href="{{ route('investissement_choix') }}">
        <span>{{ __('site.investment.breadcrumb.index') }}</span>
    </a>
</li>
<li class="breadcrumb-item">
            <a href="{{ route('exoneration_choix') }}">
                <span>{{ __('site.exoneration.breadcrumb.exoneration_choice') }}</span>
            </a>
        </li>
		
		<li class="breadcrumb-item">
    <a href="{{ $currentRoute }}">
        <span>{{ $currentTitle }}</span>
    </a>
</li>
<li class="breadcrumb-item active" aria-current="page">{{ __('site.investment.breadcrumb.show_exo') }}</li>

    </ol>
</nav>

<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.1/font/bootstrap-icons.css" rel="stylesheet">
<form class="card shadow-sm p-4" action="" method="POST" enctype="multipart/form-data" lang="ar">
            @csrf

            
            <h4 style="text-align:center;padding-top:20px;">{{ __('site.exoneration.form_title') }}</h4>
            <br>
<a href="{{ route('exoneration.pdf', $document->id_doc) }}"
            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 class="card shadow-lg border-0 mb-4 rounded-4">
    <div class="card-header d-flex">
        <h5 class="fw-bold mb-1">{{ __('site.exoneration.status.current_label') }}</h5>

        @php
            // statut label from DB (trans_field) or fallback to the statut's arabic label or a generic label
            $statutLabel = trans_field($document->statut, 'statut')
                           ?? $document->statut?->statut_ar
                           ?? __('site.formation.status.pending');
        @endphp

        <span class="ms-2"><strong>{{ $statutLabel }}</strong></span>
    </div>

    <div class="card-body">
        @php
            // choose the document-specific comment based on current status
            $docComment = null;
            if ($document->id_statut == 3) {
                $docComment = $document->commentaire_motif;
            } elseif ($document->id_statut == 4) {
                $docComment = $document->commentaire_acceptation;
            } elseif ($document->id_statut == 5) {
                $docComment = $document->commentaire_avis;
            }

            // prefer document comment; otherwise fallback to relevant history comment (if any)
            $currentComment = !empty($docComment) ? $docComment : ($relevantHistory->commentaire ?? null);

            // detect if the displayed comment came from history (so we can show metadata)
            $commentFromHistory = empty($docComment) && isset($relevantHistory) && !empty($relevantHistory->commentaire);
            $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="mb-3">
                   <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>

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

                <div class="form-group row mb-3">
                    <label class="col-sm-2 col-form-label">{{ __('site.exoneration.identity.full_name') }}</label>
                    <div class="col-sm-10">
                        <div class="form-control bg-white border-0">{{ $document->utilisateur->nom_prenom ?? __('site.exoneration.actions.none') }}</div>
                    </div>
                </div>

                <div class="form-group row mb-3">
                    <label class="col-sm-2 col-form-label">{{ __('site.exoneration.identity.phone') }}</label>
                    <div class="col-sm-4">
                        <div class="form-control bg-white border-0">{{ $document->utilisateur->tel ?? __('site.exoneration.actions.none') }}</div>
                    </div>

                    <label class="col-sm-2 col-form-label">{{ __('site.exoneration.identity.email') }}</label>
                    <div class="col-sm-4">
                        <div class="form-control bg-white border-0">{{ $document->utilisateur->email ?? __('site.exoneration.actions.none') }}</div>
                    </div>
                </div>

                <div class="form-group row mb-3">
                    <label class="col-sm-2 col-form-label">{{ __('site.exoneration.identity.address') }}</label>
                    <div class="col-sm-10">
                        <div class="form-control bg-white border-0">{{ $document->utilisateur->adresse ?? __('site.exoneration.actions.none') }}</div>
                    </div>
                </div>

                <div class="form-group row mb-3">
                    <label class="col-sm-2 col-form-label">{{ __('site.exoneration.identity.project_name') }}</label>
                    <div class="col-sm-4">
                        <div class="form-control bg-white border-0">{{ $document->nom_projet ?? __('site.exoneration.actions.none') }}</div>
                    </div>

                    <label class="col-sm-2 col-form-label">{{ __('site.exoneration.identity.project_place') }}</label>
                    <div class="col-sm-4">
                        <div class="form-control bg-white border-0">{{ $document->adresse_projet ?? __('site.exoneration.actions.none') }}</div>
                    </div>
                </div>
            </div>

            <div class="form-section mt-4">
                <h4 class="mb-4 fw-bold"> {{ __('site.exoneration.documents.title') }}</h4>
            @php
				$files = [
					'copie_cahier_des_charges','copie_originale','facture','contrat',
					'fichier_arrivage','fichier_colisage','copie_registre_fiscal',
					'copie_registre_national_institutions','copie_certificat_propriete',
					'engagement','exemple_projet'
				];
			@endphp

			@foreach($files as $file)
				<div class="border rounded p-3 mb-3 bg-light">
					{{-- Label --}}
					<div class="fw-bold mb-1">
						{{ __('site.exoneration_label.documents.labels.' . $file) }}
					</div>

					{{-- Affichage fichier --}}
					@if(!empty($document->$file) && file_exists($document->$file))
						<a href="{{ route('documents.show', [$document->id_doc, $file]) }}"
						   target="_blank" class="btn btn-sm btn-outline-primary">
							<i class="bi bi-eye"></i>
							{{ __('site.exoneration.actions.view_current_file') }}
						</a>
					@else
						<span class="text-muted">{{ __('site.exoneration_label.actions.none') }}</span>
					@endif
				</div>
			@endforeach
            </div>

            <div class="form-group row justify-content-center d-print-none" style="padding-top:50px;">
                <div class="col-auto">
                         <a href="{{ route('exoneration.pdf', $document->id_doc) }}"
            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
</div>
@endsection

@section('scripts')
<script>
    document.addEventListener('DOMContentLoaded', function() {
        // Désactiver nice-select pour tous les selects dans le formulaire
        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