@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.services_subtitle') }} </span>
                <h4 class="it-section-title it-split-in-right mb-0">{{ __('site.concours_page_title') }}</h4>
                <p class="text-muted mt-2">{{ __('site.concours_page_description') }}</p>
            </div>
        </div>

        <div class="row mb-3">
            <div class="col-lg-8 mx-auto">
                <form method="GET" action="{{ route('concours.available') }}" class="d-flex gap-2 align-items-center">
                    <input required
                        name="q"
                        value="{{ old('q', $q ?? '') }}"
                        class="conc-input form-control form-control-sm"
                        placeholder="{{ __('site.concours_search_placeholder') }}"
                    />
                    <div class="d-flex gap-2">
				
                        <button class="it-btn-orange">
                            
							 <span>
            <span class="text-1">{{ __('site.search_button') }}</span>
            <span class="text-2">{{ __('site.search_button') }}</span>
        </span>
		 <i>
                                                <svg width="12" height="13" viewBox="0 0 12 13" fill="none"
                                                    xmlns="http://www.w3.org/2000/svg">
                                                    <path
                                                        d="M10.0035 3.90804L1.41153 12.5L0 11.0885L8.59097 2.49651H1.01922V0.5H12V11.4808H10.0035V3.90804Z"
                                                        fill="white" />
                                                </svg>
                                                <svg width="12" height="13" viewBox="0 0 12 13" fill="none"
                                                    xmlns="http://www.w3.org/2000/svg">
                                                    <path
                                                        d="M10.0035 3.90804L1.41153 12.5L0 11.0885L8.59097 2.49651H1.01922V0.5H12V11.4808H10.0035V3.90804Z"
                                                        fill="white" />
                                                </svg>
                                            </i>
                        </button>

                        <a href="{{ route('concours.available') }}" class="it-btn-orange">
                            
							 <span>
            <span class="text-1">{{ __('site.reset_button') }}</span>
            <span class="text-2">{{ __('site.reset_button') }}</span>
        </span>
		 <i>
                                                <svg width="14" height="14" viewBox="0 0 24 24" fill="none"
     xmlns="http://www.w3.org/2000/svg">
    <path
        d="M21 12a9 9 0 1 1-3.3-6.9"
        stroke="white"
        stroke-width="2"
        stroke-linecap="round"
        stroke-linejoin="round"/>
    <polyline
        points="21 3 21 9 15 9"
        stroke="white"
        stroke-width="2"
        stroke-linecap="round"
        stroke-linejoin="round"/>
</svg>

<svg width="14" height="14" viewBox="0 0 24 24" fill="none"
     xmlns="http://www.w3.org/2000/svg">
    <path
        d="M21 12a9 9 0 1 1-3.3-6.9"
        stroke="white"
        stroke-width="2"
        stroke-linecap="round"
        stroke-linejoin="round"/>
    <polyline
        points="21 3 21 9 15 9"
        stroke="white"
        stroke-width="2"
        stroke-linecap="round"
        stroke-linejoin="round"/>
</svg>

                                            </i>
                        </a>
                    </div>
                </form>
            </div>
        </div>

        {{-- Grid of concours --}}
        <div class="services-grid">
            @forelse($concours as $c)
                <div class="service-card">
                    <div class="service-iconn">
                        <i class="ri-file-list-line"></i>
                    </div>

                    {{-- dynamic title: try localized column first --}}
                    <h3 class="service-title">
                      <h3 class="service-title">
   {{ trans_field($c, 'titre') ?? $c->titre }}
</h3>

                    </h3>

                    <p class="text-muted mb-3">
                        {{ __('site.registration_ends') }}:
                        @if(!empty($c->date_fin))
                            {{ \Carbon\Carbon::parse($c->date_fin)->format('Y-m-d') }}
                        @else
                            —
                        @endif
                    </p>

                    @php
                        // try localized description (use trans_field if available)
                        $shortDesc = null;
                        if (function_exists('trans_field')) {
                            $raw = trans_field($c, 'description') ?? trans_field($c, 'resume') ?? ($c->description ?? null);
                        } else {
                            $raw = $c->description ?? null;
                        }
                        if ($raw) {
                            $shortDesc = \Illuminate\Support\Str::limit(strip_tags($raw), 120);
                        }
                    @endphp

                    @if($shortDesc)
                        <p class="text-muted mb-3">{{ $shortDesc }}</p>
                    @endif

               @php
    // determine if concours is still open (no date_fin = open)
    $isOpen = empty($c->date_fin)
        ? true
        : \Carbon\Carbon::parse($c->date_fin)->endOfDay()->gte(\Carbon\Carbon::now());
@endphp

<div class="service-actions">
    @if($isOpen)
        <a href="{{ route('concours.show', $c) }}" class="service-link">
            {{ __('site.register_button') }} <i class="{{ $dir === 'rtl' ? 'ri-arrow-left-line' : 'ri-arrow-right-line' }}"></i>
        </a>
    @else
        <span class="service-link disabled" aria-disabled="true" title="{{ __('site.registration_closed') }}">
            {{ __('site.registration_closed') }}
        </span>
    @endif

    <a href="{{ route('concours.results', $c) }}" class="service-link">
        {{ __('site.results_button') }} <i class="{{ $dir === 'rtl' ? 'ri-arrow-left-line' : 'ri-arrow-right-line' }}"></i>
    </a>
</div>


                </div>
            @empty
                <div class="col-12 text-center py-5">
                    <p class="mb-0 text-muted">{{ __('site.no_concours') }}</p>
                </div>
            @endforelse
        </div>

        <div class="row mt-4">
            <div class="col-12 d-flex justify-content-center">
                {{ $concours->appends(request()->except('page'))->links('pagination::bootstrap-5') }}
            </div>
        </div>
    </div>
</section>
@if(session('download_cin') && session('download_cin') !== '')
    <script>
    document.addEventListener('DOMContentLoaded', function () {
        // build URL to your download route
        // ensure the route name matches your actual route; adjust if needed.
        var base = "{{ route('concours.downloadPdf', $concours) }}"; // expects route name 'concours.downloadPdf'
        var cin = "{{ session('download_cin') }}";
        var url = base + '?cin=' + encodeURIComponent(cin) + '&download=1';

        // create a hidden iframe to trigger the download without leaving the page
        var iframe = document.createElement('iframe');
        iframe.style.display = 'none';
        iframe.src = url;

        // append and remove after some time as cleanup
        document.body.appendChild(iframe);
        setTimeout(function(){ try{ document.body.removeChild(iframe); }catch(e){} }, 60_000);
    });
    </script>
@endif

@endsection