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

@endsection
@section('content')

<div class="text-center mb-4 pb-5 pt-sm-70px" style="background-image: url('{{ get_asset('images/page-title-bg.png') }}'); background-size: cover; background-position: center; background-repeat: no-repeat; height: 300px;">
    <h1 class="mb-2 fw-bold text-white">{{ translate('search_result') }}</h1>
    <nav aria-label="breadcrumb" class="d-inline-block">
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="/" class="fw-bold td-none text-white">{{ translate('homepage') }}</a></li>
            <li class="breadcrumb-item active text-white" aria-current="page">{{ translate('search_result') }}</li>
        </ol>
    </nav>
</div>

<div class="container pt-4">
    <div class="row">
        <div class="col-12">
            <h4>{{ translate('total_records_found') }} {{ $posts->total() }}</h4>
        </div>
        <div class="col-md-12 col-12">
            @if ( count($posts) > 0 )
                @foreach ($posts as $post)
                    @include(get_view('components.posts.vertical'), ['post' => $post])
                @endforeach

                {{ $posts->links() }}
            @else

                @include(get_view('components.errors.post-not-found'))

            @endif
        </div>
    </div>
</div>

@endsection
@section('footer')

@endsection