@extends('layouts.app')

@section('title', __('navigation.search_page_title'))
@section('meta_description', __('navigation.search_placeholder'))

@section('content')

@php
    $q = trim($query ?? '');
    $hasEnoughLength = mb_strlen($q) >= 3;
    /** Texte riche stocké avec entités HTML (é etc.) : décodage pour affichage lisible dans {{ }} */
    $searchExcerpt = function (?string $html, int $limit = 160): string {
        $plain = strip_tags((string) $html);
        $plain = html_entity_decode($plain, ENT_QUOTES | ENT_HTML5, 'UTF-8');
        $plain = trim(preg_replace('/\s+/u', ' ', $plain));

        return \Illuminate\Support\Str::limit($plain, $limit);
    };
    $searchPlain = function (?string $text): string {
        return html_entity_decode(trim((string) $text), ENT_QUOTES | ENT_HTML5, 'UTF-8');
    };
@endphp

<div class="edu-breadcrumb-area" style="padding: 50px 0 50px;">
    <div class="container">
        <div class="breadcrumb-inner">
            <div class="page-title">
                <h1 class="title">{{ __('navigation.search') }}</h1>
            </div>
            <ul class="edu-breadcrumb">
                <li class="breadcrumb-item">
                    <a href="{{ LaravelLocalization::localizeUrl('/') }}">{{ __('navigation.home') }}</a>
                </li>
                <li class="separator"><i class="icon-angle-right"></i></li>
                <li class="breadcrumb-item active" aria-current="page">{{ __('navigation.search') }}</li>
            </ul>
        </div>
    </div>
    <ul class="shape-group">
        <li class="shape-1"><span></span></li>
        <li class="shape-2 scene"><img data-depth="2" src="{{ asset('assets/images/about/shape-13.png') }}" alt=""></li>
        <li class="shape-3 scene"><img data-depth="-2" src="{{ asset('assets/images/about/shape-15.png') }}" alt=""></li>
        <li class="shape-4"><span></span></li>
        <li class="shape-5 scene"><img data-depth="2" src="{{ asset('assets/images/about/shape-07.png') }}" alt=""></li>
    </ul>
</div>

<div class="edu-course-area course-area-1 edu-section-gap">
    <div class="container">
        <form method="GET" action="{{ route('search') }}" class="mb-5">
            <div class="input-group" style="box-shadow: 0 4px 20px rgba(0,0,0,0.10); border-radius: 6px; overflow: hidden;">
                <span class="input-group-text bg-white border-0 ps-3" style="font-size: 1.1rem; color: #aaa;">
                    <i class="icon-2"></i>
                </span>
                <input type="text"
                       class="form-control border-0"
                       style="font-size: 1.5rem; line-height: 1.25; height: 56px;"
                       name="q"
                       value="{{ $q }}"
                       placeholder="{{ __('navigation.search_placeholder') }}"
                       autocomplete="off">
                <button class="edu-btn border-0 px-4" type="submit" style="border-radius: 0; height: 56px; line-height: 56px; padding-top: 0; padding-bottom: 0;">
                    {{ __('navigation.search') }}
                </button>
            </div>
        </form>

        @if(!$hasEnoughLength)
            <p class="text-muted mb-0">{{ __('navigation.search_min_length') }}</p>
        @elseif($results['total_count'] === 0)
            <p class="mb-0">{{ __('navigation.search_no_results') }}</p>
        @else
            <p class="mb-4"><strong>{{ __('navigation.search_results_for', ['q' => $q]) }}</strong></p>

            @if($results['trainings']->isNotEmpty())
                <div class="mb-5">
                    <h2 class="h4 mb-3">{{ __('navigation.search_section_trainings') }}</h2>
                    <ul class="list-unstyled row g-3">
                        @foreach($results['trainings'] as $training)
                            <li class="col-12">
                                <div class="card border-0 shadow-sm h-100">
                                    <div class="card-body">
                                        <a href="{{ route('training.show', $training->slug) }}" class="stretched-link text-decoration-none text-dark fw-semibold">{{ $searchPlain($training->title) }}</a>
                                        @if($training->content)
                                            <p class="card-text small text-muted mb-0 mt-2">{{ $searchExcerpt($training->content) }}</p>
                                        @endif
                                    </div>
                                </div>
                            </li>
                        @endforeach
                    </ul>
                </div>
            @endif

            @if($results['pages']->isNotEmpty())
                <div class="mb-5">
                    <h2 class="h4 mb-3">{{ __('navigation.search_section_pages') }}</h2>
                    <ul class="list-unstyled row g-3">
                        @foreach($results['pages'] as $page)
                            @php
                                $pageExcerpt = $page->teaser ?: $page->content;
                            @endphp
                            <li class="col-12">
                                <div class="card border-0 shadow-sm h-100">
                                    <div class="card-body">
                                        <a href="{{ route('page.show', $page->slug) }}" class="stretched-link text-decoration-none text-dark fw-semibold">{{ $searchPlain($page->title) }}</a>
                                        @if($pageExcerpt)
                                            <p class="card-text small text-muted mb-0 mt-2">{{ $searchExcerpt($pageExcerpt) }}</p>
                                        @endif
                                    </div>
                                </div>
                            </li>
                        @endforeach
                    </ul>
                </div>
            @endif

            @if($results['news']->isNotEmpty())
                <div class="mb-5">
                    <h2 class="h4 mb-3">{{ __('navigation.search_section_news') }}</h2>
                    <ul class="list-unstyled row g-3">
                        @foreach($results['news'] as $item)
                            <li class="col-12">
                                <div class="card border-0 shadow-sm h-100">
                                    <div class="card-body">
                                        <a href="{{ route('news.show', $item->slug) }}" class="stretched-link text-decoration-none text-dark fw-semibold">{{ $searchPlain($item->title) }}</a>
                                        @if($item->summary)
                                            <p class="card-text small text-muted mb-0 mt-2">{{ $searchExcerpt($item->summary) }}</p>
                                        @endif
                                    </div>
                                </div>
                            </li>
                        @endforeach
                    </ul>
                </div>
            @endif

            @if($results['faqs']->isNotEmpty())
                <div class="mb-5">
                    <h2 class="h4 mb-3">{{ __('navigation.search_section_faq') }}</h2>
                    <ul class="list-unstyled row g-3">
                        @foreach($results['faqs'] as $faq)
                            <li class="col-12">
                                <div class="card border-0 shadow-sm h-100">
                                    <div class="card-body position-relative">
                                        <a href="{{ route('faq') }}#faq-{{ $faq->id }}" class="stretched-link text-decoration-none text-dark fw-semibold">{{ $searchPlain($faq->question) }}</a>
                                        @if($faq->answer)
                                            <p class="card-text small text-muted mb-0 mt-2">{{ $searchExcerpt($faq->answer) }}</p>
                                        @endif
                                    </div>
                                </div>
                            </li>
                        @endforeach
                    </ul>
                </div>
            @endif

            @if($results['team']->isNotEmpty())
                <div class="mb-5">
                    <h2 class="h4 mb-3">{{ __('navigation.search_section_team') }}</h2>
                    <ul class="list-unstyled row g-3">
                        @foreach($results['team'] as $member)
                            @php
                                $bio = $member->translate(app()->getLocale())?->bio;
                            @endphp
                            <li class="col-12">
                                <div class="card border-0 shadow-sm h-100">
                                    <div class="card-body">
                                        <a href="{{ route('team.show', $member->slug) }}" class="stretched-link text-decoration-none text-dark fw-semibold d-block">
                                            {{ $member->full_name }}
                                            @if($member->title)
                                                <span class="fw-normal text-muted"> — {{ $searchPlain($member->title) }}</span>
                                            @endif
                                        </a>
                                        @if($bio)
                                            <p class="card-text small text-muted mb-0 mt-2">{{ $searchExcerpt($bio) }}</p>
                                        @endif
                                    </div>
                                </div>
                            </li>
                        @endforeach
                    </ul>
                </div>
            @endif
        @endif
    </div>
</div>

@endsection