@extends('layouts.app')

@section('styles')
<link rel="stylesheet" href="{{ asset('BackOfficeAR/css/formulaire_edit.css') }}">
@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">
<div class="container">
        <form action="" method="POST" enctype="multipart/form-data" lang="ar">
            @csrf

            <h2>{{ __('site.republic') }}</h2>
            <h2>{{ __('site.ministry_name') }}</h2>

            <h3 style="font-size:25px;">{{ trans_field($formulaire, 'type') }} </h3>
            <h4 style="text-align:center;padding-top:20px;">{{ __('site.exoneration.form_title') }}</h4>
            <br>

            <div class="mb-3">
                <h5 class="fw-bold mb-1">{{ __('site.exoneration.status.current_label') }}</h5>

                @if($document->id_statut == 1)
                    <span><strong>{{ __('site.exoneration.status.accepted') }}</strong></span>
                @elseif($document->id_statut == 3)
                    <span><strong>{{ __('site.exoneration.status.refused') }}</strong></span>
                @elseif($document->id_statut == 4)
                    <span><strong>{{ __('site.exoneration.status.conditional') }}</strong></span>
                @elseif($document->id_statut == 5)
                    <span><strong>{{ __('site.exoneration.status.deferred') }}</strong></span>
                @else
                    <span><strong>{{ __('site.exoneration.status.pending') }}</strong></span>
                @endif
            </div>

            @if($document->id_statut == 3 && !empty($document->commentaire_motif))
                <div class="mb-3">
                    <label class="fw-bold text-danger mb-0">{{ __('site.exoneration.labels.rejection_reason') }}</label>
                    <p class="mb-0 border p-2 rounded shadow-sm text-muted">{{ $document->commentaire_motif }}</p>
                </div>
            @endif

            @if($document->id_statut == 4 && !empty($document->commentaire_acceptation))
                <div class="mb-3">
                    <label class="fw-bold text-warning mb-0">{{ __('site.exoneration.labels.comment') }}</label>
                    <p class="mb-0 border p-2 rounded shadow-sm text-muted">{{ $document->commentaire_acceptation }}</p>
                </div>
            @endif

            @if($document->id_statut == 5 && !empty($document->commentaire_avis))
                <div class="mb-3">
                    <label class="fw-bold text-primary mb-0">{{ __('site.exoneration.labels.comment') }}</label>
                    <p class="mb-0 border p-2 rounded shadow-sm text-muted">{{ $document->commentaire_avis }}</p>
                </div>
            @endif

            <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>{{ __('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 $index => $file)
                    @php $key = $index + 1; @endphp
                    <div class="form-group row mb-3">
                        <label class="col-sm-6 col-form-label">{{ __('site.exoneration.documents.' . $key . '.label') }}</label>
                        <div class="col-sm-6">
                            @if(!empty($document->$file))
                                <a href="{{ asset('storage/'.$document->$file) }}" target="_blank" class="btn btn-link">{{ __('site.exoneration.actions.view_current_file') }}</a>
                            @else
                                <span>{{ __('site.exoneration.actions.none') }}</span>
                            @endif
                        </div>
                    </div>
                @endforeach
            </div>

            <div class="form-group row justify-content-center d-print-none" style="padding-top:50px;">
                <div class="col-auto">
                    <button type="button" onclick="window.print()" class="btn btn-success d-flex align-items-center">
                        <i class="fa fa-print me-2"></i> {{ __('site.exoneration.actions.print') }}
                    </button>
                </div>
                <div class="col-auto">
                    <a href="{{ route('exoneration.index', ['id_type_formulaire' => $id_type_formulaire ?? null]) }}" class="btn btn-primary">
                        <i class="bi bi-arrow-left"></i> {{ __('site.exoneration.actions.back') }}
                    </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