@extends('front.layout.pages-layout')
@section('pageTitle', isset($pageTitle) ? $pageTitle : 'Document Title')
@section('meta_tags')
    {!! SEO::generate() !!}}
@endsection
@section('content')
    <div class="d-flex align-items-center mb-3">
        <h4 class="title-color">Suche nach:</h4>
        <span class="ml-2">{{ $query }}</span>
    </div>
    <div class="row">
        <div class="col-lg-8  mb-5 mb-lg-0">
            <div class="col-12  mb-5 mb-lg-0">
                @forelse ($posts as $post)
                    <article class="row mb-5">
                        <div class="col-md-4 mb-4 mb-md-0">
                            <div class="post-img-box">
                                <img src="/images/posts/resized/resized_{{ $post->featured_image }}"
                                    class="img-fluid rounded-lg" alt="post-thumb">
                            </div>
                        </div>
                        <div class="col-md-8">
                            <h5>
                                <a class="post-title" href="{{ route('read_post', $post->slug) }}">
                                    {{ $post->title }}
                                </a>
                            </h5>
                            <ul class="list-inline post-meta mb-2">
                                <li class="list-inline-item">
                                    <i class="ti-user mr-1"></i><a
                                        href="{{ route('author_posts', $post->author->username) }}">{{ $post->author->name }}</a>
                                </li>
                                <li class="list-inline-item">
                                    <i class="ti-calendar mr-1"></i>{{ date_formatter($post->created_at) }}
                                </li>
                                <li class="list-inline-item">
                                    Kategorie : <a href="{{ route('category_posts', $post->post_category->slug) }}"
                                        class="ml-1">{{ $post->post_category->name }}</a>
                                </li>
                                <li class="list-inline-item"><i class="ti-timer mr-1"></i>
                                    {{ readDuration($post->title, $post->content) }} @choice('min|mins', readDuration($post->title, $post->content))
                                </li>
                            </ul>
                            <p>
                                {!! Str::ucfirst(words($post->content, 45)) !!}
                            </p>
                            <a href="{{ route('read_post', $post->slug) }}" class="btn btn-outline-primary">Mehr
                                lesen...</a>
                        </div>
                    </article>
                @empty
                    <div class="col-span-12">
                        <div class="text-danger text-center">
                            Keine Ergebnisse für diese Suche
                        </div>
                    </div>
                @endforelse


            </div>
            <div class="pagination-block">
                {{ $posts->appends(request()->input())->links('custom_pagination') }}
            </div>
        </div>
        <aside class="col-lg-4">
            <!-- Search -->
            <x-sidebar-search></x-sidebar-search>
            <!-- categories -->
            <x-sidebar-categories></x-sidebar-categories>
            <!-- tags -->
            <x-sidebar-tags></x-sidebar-tags>
            <!-- latest post -->
            <div class="widget">
                <h5 class="widget-title"><span>Letzte Posts</span></h5>
                <!-- post-item -->
                @foreach (sidebar_latest_posts() as $item)
                    <ul class="list-unstyled widget-list">
                        <li class="media widget-post align-items-center">
                            <a href="{{ route('read_post', $item->slug) }}">
                                <img loading="lazy" class="mr-3" alt="post-thumb"
                                    src="/images/posts/resized/thumb_{{ $item->featured_image }}">
                            </a>
                            <div class="media-body">
                                <h6 class="mb-0">
                                    <a href="{{ route('read_post', $item->slug) }}">{{ $item->title }}</a>
                                </h6>
                                <small>{{ date_formatter($item->created_at) }}</small>
                            </div>
                        </li>
                    </ul>
                @endforeach
            </div>
        </aside>
    </div>
@endsection