@extends('layouts.app')

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

<div class="container py-4" dir="{{ $dir }}" lang="{{ $locale }}">
    <div class="row justify-content-center">
        <div class="col-xl-9 col-lg-10">
            <div class="card shadow-sm border-0">
                <div class="card-header bg-white text-center" dir="rtl">
                    <h3 class="mb-1">{{ trans_field($concours, 'titre') ?? $concours->titre }}</h3>
                    <small class="text-muted d-block">
                        {{ __('site.concours.key.fill_form_subtitle') }}
                    </small>
                    <div class="mt-2">
                        <small class="text-muted ms-2">
                            @if($concours->date_debut) {{ __('site.concours.key.start_date') }}: {{ optional($concours->date_debut)->format('Y-m-d') }} @endif
                            @if($concours->date_fin) — {{ __('site.concours.key.end_date') }}: {{ optional($concours->date_fin)->format('Y-m-d') }} @endif
                        </small>
                    </div>
                </div>

                <div class="card-body" dir="{{ $dir }}">
                    @if(session('success'))
                        <div class="alert alert-success text-end">{{ session('success') }}</div>
                    @endif

                    @if($errors->any())
                      <div class="alert alert-danger text-end">
                          <ul class="mb-0" style="direction: rtl; text-align: right;">
                              @foreach($errors->all() as $err)
                                  <li>{{ $err }}</li>
                              @endforeach
                          </ul>
                      </div>
                    @endif

                    {{-- If concours closed, show message and hide form --}}
                    @php
                        $isOpen = empty($concours->date_fin) ? true : \Carbon\Carbon::parse($concours->date_fin)->endOfDay()->gte(\Carbon\Carbon::now());
                    @endphp

                    @if(!$isOpen)
                        <div class="alert alert-danger text-center">
                            {{ __('site.concours.key.registration_closed') }}
                        </div>
                    @endif

                    <form id="concours-form"
                          action="{{ route('concours.apply', $concours) }}"
                          method="POST"
                          enctype="multipart/form-data"
                          novalidate
                          dir="{{ $dir }}"
                          @if(!$isOpen) style="display:none" @endif
                    >
                        @csrf

                        <div class="row g-3">
                            <div class="col-md-6">
                                <label for="nom" class="form-label">{{ __('site.concours.key.fields.nom') }} <span class="text-danger">*</span></label>
                                <input id="nom" name="nom"
                                       class="form-control @error('nom') is-invalid @enderror"
                                       value="{{ old('nom') }}"
                                       required maxlength="100"
                                       title="{{ __('site.concours.key.tooltips.nom') }}">
                                @error('nom') <div class="invalid-feedback text-end">{{ $message }}</div> @enderror
                            </div>

                            <div class="col-md-6">
                                <label for="prenom" class="form-label">{{ __('site.concours.key.fields.prenom') }} <span class="text-danger">*</span></label>
                                <input id="prenom" name="prenom"
                                       class="form-control @error('prenom') is-invalid @enderror"
                                       value="{{ old('prenom') }}"
                                       required maxlength="100"
                                       title="{{ __('site.concours.key.tooltips.prenom') }}">
                                @error('prenom') <div class="invalid-feedback text-end">{{ $message }}</div> @enderror
                            </div>

                            <div class="col-md-6">
                                <label for="cin" class="form-label">{{ __('site.concours.key.fields.cin') }}</label>
                                <input id="cin" name="cin"
                                       class="form-control @error('cin') is-invalid @enderror"
                                       value="{{ old('cin') }}"
                                       inputmode="numeric" pattern="\d{8}" maxlength="8"
                                       title="{{ __('site.concours.key.tooltips.cin') }}">
                                @error('cin') <div class="invalid-feedback text-end">{{ $message }}</div> @enderror
                            </div>

                            <div class="col-md-6">
                                <label for="date_naissance" class="form-label">{{ __('site.concours.key.fields.date_naissance') }}</label>
                                <input id="date_naissance" name="date_naissance" type="date"
                                       class="form-control @error('date_naissance') is-invalid @enderror"
                                       value="{{ old('date_naissance') }}">
                                @error('date_naissance') <div class="invalid-feedback text-end">{{ $message }}</div> @enderror
                            </div>

                            <div class="col-md-6">
                                <label for="tel" class="form-label">{{ __('site.concours.key.fields.tel') }}</label>
                                <input id="tel" name="tel"
                                       class="form-control @error('tel') is-invalid @enderror"
                                       value="{{ old('tel') }}"
                                       inputmode="numeric" pattern="\d{8}" maxlength="8"
                                       title="{{ __('site.concours.key.tooltips.tel') }}">
                                @error('tel') <div class="invalid-feedback text-end">{{ $message }}</div> @enderror
                            </div>

                            <div class="col-md-6">
                                <label for="email" class="form-label">{{ __('site.concours.key.fields.email') }}</label>
                                <input id="email" name="email" type="email"
                                       class="form-control @error('email') is-invalid @enderror"
                                       value="{{ old('email') }}">
                                @error('email') <div class="invalid-feedback text-end">{{ $message }}</div> @enderror
                            </div>

                            <div class="col-md-6">
                                <label for="adresse" class="form-label">{{ __('site.concours.key.fields.adresse') }}</label>
                                <input id="adresse" name="adresse" type="text"
                                       class="form-control @error('adresse') is-invalid @enderror"
                                       value="{{ old('adresse') }}" maxlength="255"
                                       title="{{ __('site.concours.key.tooltips.adresse') }}">
                                @error('adresse') <div class="invalid-feedback text-end">{{ $message }}</div> @enderror
                            </div>

                            <div class="col-md-3">
                                <label class="form-label">{{ __('site.concours.key.fields.gouvernorat') }}</label>
                                <div class="col-md-10 postbox__select">
                                    <select required class="form-control" id="gouvernorat_id" name="gouvernorat_id">
                                        <option value="">{{ __('site.concours.key.select_placeholder') }}</option>
                                        @foreach($gouvernorats as $gouv)
                                            <option value="{{ $gouv->id_gouver }}">{{ $gouv->nom_ar }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>

                            <div class="col-md-3">
                                <label for="code_postale" class="form-label">{{ __('site.concours.key.fields.code_postale') }}</label>
                                <div class="col-md-10 postbox__select">
                                    <input id="code_postale" name="code_postale"
                                           class="form-control @error('code_postale') is-invalid @enderror"
                                           value="{{ old('code_postale') }}"
                                           inputmode="numeric" pattern="\d{4}" maxlength="4"
                                           title="{{ __('site.concours.key.tooltips.code_postale') }}">
                                    @error('code_postale') <div class="invalid-feedback text-end">{{ $message }}</div> @enderror
                                </div>
                            </div>
                        </div>

                        {{-- dynamic optional fields from $fieldDefinitions (use trans_field for labels) --}}
               {{-- dynamic optional fields from $fieldDefinitions (use trans_field for labels) --}}
<div id="optional-fields" class="row g-3 mt-3" dir="{{ $dir }}">
@foreach($fieldDefinitions as $def)
    @php
        $inputName = 'field_'.$def->id;
        $label = trans_field($def, 'label')
                 ?? (__('site.concours.key.fields.' . $def->key) !== 'site.concours.key.fields.' . $def->key
                     ? __('site.concours.key.fields.' . $def->key)
                     : ($def->label ?: $def->key));
        $isRequired = (bool)$def->is_required;
        $current = old($inputName, null);
        $type = trim(strtolower((string) $def->input_type));

        // --- robust options resolution (check several places) ---
        $opts = [];

        // 1) options_json column (JSON encoded array) handled in model accessor,
        // or 2) the accessor $def->options (preferred)
        try {
            $maybe = $def->options ?? [];
        } catch (\Throwable $e) {
            // fallback if something unexpected happens
            $maybe = [];
        }

        if (is_array($maybe) && count($maybe) > 0) {
            $opts = $maybe;
        }

        // Normalize scalar/array/object options into a consistent array of ['value'=>..,'label'=>..] or scalar
        $normalizedOpts = [];
        foreach ($opts as $o) {
            if (is_array($o) || is_object($o)) {
                $oArr = (array)$o;
                // If structure has label/value fields, use them. Otherwise stringify.
                if (isset($oArr['value']) || isset($oArr['label'])) {
                    $normalizedOpts[] = [
                        'value' => $oArr['value'] ?? $oArr['label'] ?? json_encode($oArr),
                        'label' => $oArr['label'] ?? $oArr['value'] ?? (reset($oArr) ?? json_encode($oArr)),
                    ];
                } else {
                    // if it is associative with numeric keys, pick first value
                    $v = reset($oArr);
                    $s = is_scalar($v) ? (string)$v : json_encode($oArr);
                    $normalizedOpts[] = ['value' => $s, 'label' => $s];
                }
            } else {
                $s = (string)$o;
                $normalizedOpts[] = ['value' => $s, 'label' => $s];
            }
        }
    @endphp

    <div class="col-md-6 optional-field" data-key="{{ $def->key }}">
        <label for="{{ $inputName }}" class="form-label">{{ $label }} @if($isRequired) <span class="text-danger">*</span> @endif</label>

        @switch($type)

            @case('select')
            @case('dropdown')
			                                <div class="col-md-10 postbox__select">
                <select id="{{ $inputName }}" name="{{ $inputName }}"
                        class="form-select @error($inputName) is-invalid @enderror"
                        {{ $isRequired ? 'required' : '' }}>
                    <option value="">{{ __('site.concours.key.select_placeholder') }}</option>
                    @forelse($normalizedOpts as $opt)
                        <option value="{{ $opt['value'] }}" {{ (string)old($inputName, $current) === (string)$opt['value'] ? 'selected' : '' }}>
                            {{ $opt['label'] }}
                        </option>
                    @empty
                        {{-- keep the select visible even if there are no options --}}
                    @endforelse
                </select>
			</div>
            @break

            @case('multiselect')
            @case('multi-select')
            @case('multiple')
			  <div class="col-md-10 postbox__select">
                <select id="{{ $inputName }}" name="{{ $inputName }}[]"
                        class="form-select @error($inputName) is-invalid @enderror"
                        multiple {{ $isRequired ? 'required' : '' }}>
                    @foreach($normalizedOpts as $opt)
                        <option value="{{ $opt['value'] }}" {{ (is_array(old($inputName)) && in_array($opt['value'], old($inputName))) ? 'selected' : '' }}>
                            {{ $opt['label'] }}
                        </option>
                    @endforeach
                </select>
				</div>
            @break

            @case('textarea')
                <textarea id="{{ $inputName }}" name="{{ $inputName }}" class="form-control @error($inputName) is-invalid @enderror" {{ $isRequired ? 'required' : '' }}>{{ old($inputName, $current) }}</textarea>
            @break

            @case('date')
                <input id="{{ $inputName }}" type="date" name="{{ $inputName }}" class="form-control @error($inputName) is-invalid @enderror" value="{{ old($inputName, $current) }}" {{ $isRequired ? 'required' : '' }}>
            @break

            @case('number')
                <input id="{{ $inputName }}" type="number" step="any" name="{{ $inputName }}" class="form-control @error($inputName) is-invalid @enderror" value="{{ old($inputName, $current) }}" {{ $isRequired ? 'required' : '' }}>
            @break

            @case('file')
                <input id="{{ $inputName }}" type="file" name="{{ $inputName }}" class="form-control @error($inputName) is-invalid @enderror" {{ $isRequired ? 'required' : '' }}>
            @break

            @case('email')
                <input id="{{ $inputName }}" type="email" name="{{ $inputName }}" class="form-control @error($inputName) is-invalid @enderror" value="{{ old($inputName, $current) }}" {{ $isRequired ? 'required' : '' }}>
            @break

            @case('radio')
                @if(count($normalizedOpts) === 0)
                    <div class="small text-muted">— {{ __('site.concours.key.no_options') ?? 'لا توجد خيارات' }} —</div>
                @else
                    <div>
                        @foreach($normalizedOpts as $idx => $opt)
                            @php $rid = $inputName . '_r_'.$idx; @endphp
                            <div class="form-check form-check-inline">
                                <input class="form-check-input @error($inputName) is-invalid @enderror" type="radio" name="{{ $inputName }}" id="{{ $rid }}" value="{{ $opt['value'] }}" {{ ((string)old($inputName, $current) === (string)$opt['value']) ? 'checked' : '' }}>
                                <label class="form-check-label" for="{{ $rid }}">{{ $opt['label'] }}</label>
                            </div>
                        @endforeach
                    </div>
                @endif
            @break

            @case('checkbox')
            @case('checkboxes')
                @if(count($normalizedOpts) === 0)
                    <div class="small text-muted">— {{ __('site.concours.key.no_options') ?? 'لا توجد خيارات' }} —</div>
                @else
                    <div>
                        @foreach($normalizedOpts as $idx => $opt)
                            @php $cid = $inputName . '_c_'.$idx; @endphp
                            <div class="form-check">
                                <input class="form-check-input @error($inputName) is-invalid @enderror" type="checkbox" name="{{ $inputName }}[]" id="{{ $cid }}" value="{{ $opt['value'] }}" {{ (is_array(old($inputName)) && in_array($opt['value'], old($inputName))) ? 'checked' : '' }}>
                                <label class="form-check-label" for="{{ $cid }}">{{ $opt['label'] }}</label>
                            </div>
                        @endforeach
                    </div>
                @endif
            @break

            @default
                <input id="{{ $inputName }}" type="text" name="{{ $inputName }}" class="form-control @error($inputName) is-invalid @enderror" value="{{ old($inputName, $current) }}" {{ $isRequired ? 'required' : '' }}>
        @endswitch

        @error($inputName) <div class="invalid-feedback text-end">{{ $message }}</div> @enderror
    </div>
@endforeach
</div>


                        <div class="mt-4 d-flex justify-content-start">
                            <button type="submit" class="btn btn-success">{{ __('site.concours.key.submit') }}</button>
                        </div>
                    </form>
                </div>

                <div class="card-footer small text-muted text-center">
                    {{ __('site.concours.key.footer_safe') }}
                </div>
            </div>
        </div>
    </div>
</div>

@push('styles')
<style>
    .form-label { display: block; text-align: right; font-weight: 500; color: #111; }
    .card-header { background-color: #fff; border-bottom: 1px solid rgba(0,0,0,.06); }
</style>
@endpush

@push('scripts')
<script>
/* your existing client-side validation script can be kept — omitted here for brevity.
   If you want it included entirely, paste your previous script code here (no change needed). */
</script>
@endpush

@stack('styles')
@stack('scripts')
@endsection