@extends(get_view('index'))
@section('title'){{ translate('search_result') }} - @endsection
@section('header')

@endsection
@section('content')

<div class="mb-3 site-title-bg" style="height: 100px"></div>

<div class="container">
    <div class="row">
        <div class="col-12">
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="{{ url('/') }}">{{ translate('homepage') }}</a></li>
                    <li class="breadcrumb-item active" aria-current="page">{{ translate('search_result') }}</li>
                </ol>
            </nav>

            <h1>{{ translate('search_result') }}</h1>
            <p>{{ translate('search_result_records') }}: {{ $posts->total() }}</p>
            
            @if ( count($posts) > 0 )
                <div class="row">
                    @foreach ($posts as $post)
                        <div class="col-md-6 col-12">
                            @include(get_view('components.posts.vertical'), ['post' => $post])
                        </div>
                    @endforeach

                    <div class="col-12">
                        {{ $posts->links() }}
                        <br>
                    </div>
                </div>
                
            @else
            
                @include(get_view('components.errors.post-not-found'))
            
            @endif
        </div>
    </div>
</div>

@endsection
@section('footer')

@endsection