@component('open._layouts.app', [
    'title' => $searchPage->name,
    'meta' => $searchPage->meta(),
])
    <section class="article-list">
        {{ Breadcrumbs::render('search') }}

        <section class="container article-list-container">
            <div class="row">
                <div class="col col-2 placeholder"></div>
                <div class="col col-8">
                    <article class="with-corner">
                        <header>
                            <h1 class="u-mb0">{{ $searchPage->name }}</h1>
                        </header>
                    </article>
                </div>
                <div class="col col-2 placeholder"></div>
            </div>
            <div class="row">
                <div class="col col-2 placeholder"></div>
                <div class="col col-8 content" style="margin-top: 70px;">
                    @if($search && count($search) > 0)
                        @foreach($search as $item)
                            @include('open.search._partials.listItem')
                        @endforeach

                        {{-- $search->links('open._layouts._partials.pagination') --}}
                    @elseif($search && count($search) === 0)
                        <div class="c-alert">
                            @lang('app.search.noResults', ['value' => $q])
                        </div>
                    @else
                        <div class="c-alert">
                            @lang('app.search.noSearch')
                        </div>
                    @endif
                </div>
                <div class="col col-2 placeholder"></div>
            </div>
        </section>
    </section>
@endcomponent