@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">

        {{-- Breadcrumb --}}
        <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('salle-sport.index2') }}">
                        <span>{{ __('site.investment.breadcrumb.salles_list') }}</span>
                    </a>
                </li>
                <li class="breadcrumb-item active" aria-current="page"> {{ __('site.investment.breadcrumb.show_exo') }} </li>
            </ol>
        </nav>

        <form class="card shadow-sm p-4" lang="ar">

            <h4 class="text-center py-3">{{ __('site.exoneration.form_title') }}</h4>




                <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">
        <div class="d-flex align-items-center mb-3 px-3 py-2">
            <h5 class="mb-0 fw-bold me-2">{{ __('site.exoneration.status.current_label') }}</h5>

            @php
                $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>

    <div class="card-body">
        @php
            // select the document-specific comment field according to current statut
            $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 the document's comment; otherwise fallback to the relevant history comment
            $currentComment = !empty($docComment) ? $docComment : ($relevantHistory->commentaire ?? null);

            // detect whether 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;

            // label class by status (adjust if you use different styling)
            $labelClass = '';
            if ($document->id_statut == 3) $labelClass = 'text-danger';
            if ($document->id_statut == 4) $labelClass = 'text-warning';
            if ($document->id_statut == 5) $labelClass = 'text-primary';
        @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>


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

            <div class="form-group row mb-3" style="padding-top:20px;">
                <label class="col-sm-2 col-form-label">{{ __('site.exoneration.identity.full_name') }}</label>
                <div class="col-sm-4">
                    <input required type="text" class="form-control" name="nom_prenom" maxlength="50"
                          disabled  value="{{ old('nom_prenom', $document->utilisateur->nom_prenom) }}">
                </div>

                <label class="col-sm-2 col-form-label">{{ __('site.exoneration.identity.phone') }}</label>
                <div class="col-sm-4">
                    <input disabled required type="text" class="form-control" name="tel"
                           value="{{ old('tel', $document->utilisateur->tel) }}">
                </div>
            </div>

            <div class="form-group row align-items-center">
                <label class="col-sm-2 col-form-label">{{ __('site.exoneration.identity.identity_label') }}</label>
                <div class="col-sm-4">
                        <input type="text" class="form-control"
                            disabled value="{{ Auth::user()->typeIdentite->{ 'type_' . app()->getLocale() } ?? (Auth::user()->typeIdentite->type_ar ?? '') }}"
                            >
                    </div>

                <div class="col-sm-6" id="cin_input_wrapper" style="{{ $document->utilisateur->cin ? '' : 'display:none;' }}">
                    <input type="text" class="form-control" id="cin_input" name="cin" placeholder="{{ __('site.exoneration.placeholders.cin') }}" pattern="^\d{8}$" maxlength="8"
                           value="{{ old('cin', $document->utilisateur->cin) }}" disabled >
                </div>

                <div class="col-sm-6" id="passport_field" style="{{ $document->utilisateur->passport ? '' : 'display:none;' }}">
                    <input type="text" class="form-control" id="passport_input" name="passport" placeholder="{{ __('site.exoneration.placeholders.passport') }}" pattern="^\d{8,12}$" minlength="8" maxlength="12"
                           value="{{ old('passport', $document->utilisateur->passport) }}" disabled>
                </div>

                <div class="col-sm-6" id="fiscal_field" style="{{ $document->utilisateur->num_fiscal ? '' : 'display:none;' }}">
                    <input type="text" class="form-control" id="num_fiscal_input" name="num_fiscal" placeholder="{{ __('site.exoneration.placeholders.fiscal') }}" pattern="^\d{12}$" maxlength="12"
                           value="{{ old('num_fiscal', $document->utilisateur->num_fiscal) }}" disabled>
                </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-4">
                    <input disabled
                        type="text"
                        class="form-control @error('adresse') is-invalid @enderror"
                        name="adresse"
                        id="adresse"
                        maxlength="100"
                        required
                        pattern="^[a-zA-ZÀ-ÿ0-9\s,.\-\/]+$"
                        value="{{ old('adresse', $document->utilisateur->adresse) }}"
                        oninvalid="this.setCustomValidity('{{ __('site.address_invalid') }}')"
                        oninput="this.setCustomValidity('')"
                    >

                   
                </div>


                <label class="col-sm-2 col-form-label">{{ __('site.exoneration.identity.email') }}</label>
                <div class="col-sm-4">
                    <input disabled required type="email" class="form-control" name="email"
                           value="{{ old('email', $document->utilisateur->email) }}">
                </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">
                    <input disabled
                        type="text"
                        class="form-control @error('nom_projet') is-invalid @enderror"
                        name="nom_projet"
                        id="nom_projet"
                        maxlength="100"
                        required
                        pattern="^[\p{L}0-9\s,.\-()]+$"
                        value="{{ old('nom_projet', $document->nom_projet) }}"
                        oninvalid="this.setCustomValidity('{{ __('site.project_title_invalid') }}')"
                        oninput="this.setCustomValidity('')"
                    >

                    
                </div>

                <label class="col-sm-2 col-form-label">
                    {{ __('site.exoneration.identity.project_place') }}
                </label>
                <div class="col-sm-4">
                    <input disabled
                        type="text"
                        class="form-control @error('adresse_projet') is-invalid @enderror"
                        name="adresse_projet"
                        id="adresse_projet"
                        maxlength="100"
                        required
                        pattern="^[\p{L}0-9\s,.\-\/]+$"
                        value="{{ old('adresse_projet', $document->adresse_projet) }}"
                        oninvalid="this.setCustomValidity('{{ __('site.project_place_invalid') }}')"
                        oninput="this.setCustomValidity('')"
                    >

                   
                </div>

            </div>


        </div>

            <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 class="mt-4 no-print d-flex justify-content-center">
				     <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>

        </form>
    </div>
</div>

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

@section('scripts')
<script>
    document.addEventListener('DOMContentLoaded', function() {
        // Supprimer nice-select si présent
        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