@extends('layouts.newapp')

@section('title', ui('search_title', 'Arama') . (filled($q) ? ' – '.$q : ''))
@section('robots', 'noindex, follow')
@section('og_type', 'website')

@section('content')
<section class="infetech-blog-details-area pt-100 pb-100">
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-lg-10">
                <h2 class="mb-4">{{ ui('search_title', 'Arama') }}</h2>

                <form method="GET" action="{{ locale_url('/search') }}" class="mb-5">
                    <div class="input-group" style="max-width:560px;">
                        <input type="search"
                               name="q"
                               value="{{ $q }}"
                               class="form-control"
                               placeholder="{{ ui('search_placeholder', 'Ürün, sistem veya sayfa ara...') }}"
                               minlength="2"
                               maxlength="100"
                               required>
                        <button type="submit" class="main-btn" style="border-radius:0;">{{ ui('search_btn', 'Ara') }}</button>
                    </div>
                </form>

                @if(!$searched && filled($q))
                    <p>{{ ui('search_too_short', 'En az 2 karakter girin.') }}</p>
                @elseif($searched && $total === 0)
                    <p>{{ ui('search_empty', 'Sonuç bulunamadı.') }}</p>
                @elseif($searched)
                    <p class="mb-4" style="color:#666;">{{ str_replace(':count', (string) $total, ui('search_found', ':count sonuç bulundu.')) }}</p>

                    @foreach([
                        'products' => ui('search_products', 'Ürünler'),
                        'systems' => ui('search_systems', 'Sistemler'),
                        'projects' => ui('search_projects', 'Projeler'),
                        'pages' => ui('search_pages', 'Sayfalar'),
                        'posts' => ui('search_posts', 'Blog'),
                    ] as $key => $label)
                        @if($results[$key]->isNotEmpty())
                            <h4 class="mt-4 mb-3">{{ $label }}</h4>
                            <div class="list-group mb-4">
                                @foreach($results[$key] as $item)
                                    <a href="{{ $item->url }}" class="list-group-item list-group-item-action d-flex gap-3 align-items-start py-3">
                                        @if($item->image)
                                            <img src="{{ $item->image }}" alt="" style="width:64px;height:64px;object-fit:cover;border-radius:6px;">
                                        @endif
                                        <div>
                                            <strong>{{ $item->title }}</strong>
                                            @if($item->excerpt)
                                                <div style="font-size:14px;color:#666;">{{ $item->excerpt }}</div>
                                            @endif
                                        </div>
                                    </a>
                                @endforeach
                            </div>
                        @endif
                    @endforeach
                @endif
            </div>
        </div>
    </div>
</section>
@endsection