@extends('theme.swalanyeti.layout')

@section("styles")

@endsection

@section( 'main_body')

<div class="row mt-4">
    <div class="col-12">
        <nav aria-label="breadcrumb">
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="{{ route('/') }}">Home</a></li>
                <li class="breadcrumb-item">Search results for {{ $request->input('query') }}</li>
            </ol>
        </nav>
    </div>
</div>

<div class="row mt-2">
    <div class="col-12 col-md-8">
        <div class="row">
            <div class="col-12 mb-3">
                <div class="d-flex">
                    <h4 class="cat-title">Search Results</h4>
                </div>
            </div>
            <div class="col-12">
                <form class="d-flex search-form" action="{{ route('search') }}">
                    <div class="input-group mb-3">
                        <input type="search" class="form-control" placeholder="Search term" aria-label="Search term" name="query" value="{{ $request->input('query') }}">
                        <button type="submit" class="input-group-text btn-dark" id="basic-addon2">Search</button>
                    </div>
                </form>
                <hr>
            </div>
            <div class="col-12" id="more-stories">
                @php
                    $i = 0;
                @endphp
                @if ($posts)
                    @foreach ($posts as $post)
                        @if ($i > 0 && ($i == 1 || $i%4 == 0))
                            <div class="row mb-4">
                                <div class="col-12 text-center">
                                    {!! get_option('ak_default_default_post_listings_ad') !!}
                                </div>
                            </div>
                        @endif
                        @include(load_template('more-posts'), ['post' => $post])
                        @php
                            $i++;
                        @endphp
                    @endforeach
                @endif
            </div>
            @if ($request->input('query'))
                <div class="col-12" id="div-load-more" >
                    <a id="action-load-more" href="#" data-href="{{ route("load_more", ["type" => "search", "value" => $request->input('query')]) }}" class="btn btn-danger">Load More</a>
                    <span id="ajax-load-more" class="form-text ms-2 hidden">
                        <i class="fas fa-spinner fa-spin"></i> <small>Please wait...</small>
                    </span>
                </div>
            @endif
        </div>

    </div>
    <div class="col-12 col-md-4">
        <div class="row sticky-top">
            <div class="col-12 mb-3">
                <div class="d-flex">
                    <h4 class="cat-title">Connect with Us</h4>
                </div>
            </div>
            <div class="col-12 mt-2">
                {{ social_icons() }}
            </div>
            <div class="col-12 text-center">
                <div class="ad py-2">
                    {!! get_option('ak_default_default_sidebar_ad_1') !!}
                </div>
            </div>
            <div class="col-12 my-4">
                <div class="d-flex">
                    <h4 class="cat-title">Latest Stories</h4>
                </div>
            </div>
            @php
                $latest_posts = latest_stories(5);
            @endphp
            @if ($latest_posts)
                @each(load_template('sidebar-post'), $latest_posts, 'post')
            @endif
        </div>
    </div>
</div>


@endsection

@section("scripts")

<script>
    var page = 2;
</script>

@endsection