@extends('layouts.app')

@section('content')
@php
    $locale = app()->getLocale();
    $dir = $locale === 'ar' ? 'rtl' : 'ltr';
@endphp

<section class="it-about-3-area p-relative pt-30 pb-125" dir="{{ $dir }}" lang="{{ $locale }}">
    <img class="it-about-shape-1" src="{{ asset('assets/img/shape/about-1-1.png') }}" alt="{{ __('site.map_alt') }}">

    <div class="container">
        <div class="row">
            <div class="col-12 text-center mb-4">
                <span class="it-section-subtitle">{{ __('site.find_application_subtitle') }}</span>

                {{-- dynamic title --}}
                <h4 class="it-section-title it-split-in-center mb-0">
                    {{ function_exists('trans_field') ? trans_field($concours, 'titre') : ($concours->titre ?? $concours->titre_G ?? '') }}
                </h4>

                <p class="text-muted mt-2">
                    {{ __('site.registration_ends') }}:
                    {{ optional($concours->date_fin)->format('Y-m-d') ?? '—' }}
                </p>
            </div>
        </div>

        <div class="row mb-3">
            <div class="col-lg-8 mx-auto">
                <form method="GET" action="{{ route('concours.find', $concours) }}" class="d-flex gap-2 align-items-center">
                    <input
                        name="cin"
                        value="{{ old('cin', $cin ?? '') }}"
                        class="conc-input form-control form-control-sm"
                        placeholder="{{ __('site.find_cin_placeholder') }}"
                        inputmode="numeric"
                        pattern="\d{8}"
                        maxlength="8"
                        title="{{ __('site.find_cin_title') }}"
                        required
                    />
                    <div class="d-flex gap-2">
                        <button class="btn bg-rgb-primary1 font-weight-medium" style="width: 105px;">
                            {{ __('site.search_button') }}
                        </button>

                        <a href="{{ route('concours.find', $concours) }}" style="width: 105px;" class="btn bg-rgb-primary1 font-weight-medium">
                            {{ __('site.reset_button') }}
                        </a>
                    </div>
                </form>
            </div>
        </div>

        <div class="row">
            <div class="col-12">
                <div class="card shadow-sm p-4">
                    <div class="form-section">
                        {{-- Show errors or info --}}
                        @if(!empty($error))
                            <div class="alert alert-warning text-end">{{ $error }}</div>
                        @endif

                        @if($candidate)
                            {{-- Candidate details card --}}
                            <div class="card mb-3">
                                <div class="card-header d-flex justify-content-between align-items-center">
                                    <div>
                                        <strong>{{ $candidate->full_name ?? ($candidate->nom . ' ' . $candidate->prenom) }}</strong>
                                        <div class="small text-muted">{{ __('site.cin_label') }}: {{ $candidate->cin }}</div>
                                    </div>
                                  <div class="d-flex gap-2">
    <a href="{{ route('concours.edit_by_cin', $concours) . '?cin=' . urlencode($candidate->cin) }}" class="btn btn-success">
        {{ __('site.edit_application_button') }}
    </a>

    <a href="{{ route('concours.application.download', $concours) . '?cin=' . urlencode($candidate->cin) }}"
       class="btn btn-outline-danger"
       target="_blank"
       rel="noopener">
        تحميل المطلب (PDF)
    </a>
</div>
                                </div>

                                <div class="card-body">
                                    <dl class="row">
                                        <dt class="col-sm-4 text-end">{{ __('site.concours.key.fields.date_naissance') }}</dt>
                                        <dd class="col-sm-8 text-start">{{ optional($candidate->date_naissance)->format('Y-m-d') ?? '-' }}</dd>

                                        <dt class="col-sm-4 text-end">{{ __('site.concours.key.fields.tel') }}</dt>
                                        <dd class="col-sm-8 text-start">{{ $candidate->tel ?? '-' }}</dd>

                                        <dt class="col-sm-4 text-end">{{ __('site.concours.key.fields.email') }}</dt>
                                        <dd class="col-sm-8 text-start">{{ $candidate->email ?? '-' }}</dd>

                                        <dt class="col-sm-4 text-end">{{ __('site.concours.key.fields.adresse') }}</dt>
                                        <dd class="col-sm-8 text-start">{{ $candidate->adresse ?? '-' }}</dd>

                                        <dt class="col-sm-4 text-end">{{ __('site.concours.key.fields.gouvernorat') }}</dt>
                                        <dd class="col-sm-8 text-start">{{ $candidate->gouvernorat ?? '-' }}</dd>
                                    </dl>

                              
                                </div>
                            </div>
                        @elseif($cin && empty($error))
                            {{-- no candidate found message --}}
                            <div class="alert alert-info text-end">
                                {{ __('site.find_application_not_found') }}
                            </div>
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<script>
    (function(){
        const form = document.querySelector('form[action*="concours.find"]');
        if (form) {
            const input = form.querySelector('input[name="cin"]');
            input.addEventListener('input', () => {
                if (input.value.includes('%')) {
                    input.value = input.value.replace(/%+/g, '');
                }
                input.setCustomValidity('');
            });
            form.addEventListener('submit', (e) => {
                if (/%/.test(input.value)) {
                    input.setCustomValidity("The character % is not allowed.");
                    input.reportValidity();
                    e.preventDefault();
                } else {
                    input.setCustomValidity('');
                }
            });
        }
    })();
</script>
@endsection