@extends('front.layout.pages-layout')
@section('pageTitle', isset($pageTitle) ? $pageTitle : 'Suche')
@section('content')
    <div class="row">
        <div class="col-lg-8 mb-5 mb-lg-0">
            <h1 class="title-color h3 mb-4">
                @if ($query !== '')
                    Suchergebnisse für „{{ $query }}“
                @else
                    Artikel durchsuchen
                @endif
            </h1>

            @forelse ($posts as $post)
                @include('front.partials.post-list-item', ['post' => $post, 'headingTag' => 'h2'])
            @empty
                <div class="alert alert-light">
                    @if ($query !== '')
                        Keine Ergebnisse für „{{ $query }}“. Probier einen allgemeineren Begriff oder stöbere in den Kategorien.
                    @else
                        Gib oben einen Suchbegriff ein – z. B. „Kaloriendefizit“ oder „Muskelaufbau“.
                    @endif
                </div>
            @endforelse

            @if ($posts instanceof \Illuminate\Contracts\Pagination\Paginator)
                <div class="pagination-block">
                    {{ $posts->appends(['q' => $query])->links('custom_pagination') }}
                </div>
            @endif
        </div>

        @include('front.partials.sidebar')
    </div>
@endsection