@extends('public.layouts.default')

@section('title')
    | Blog
@endsection

@section('content')
<div class="blog-content">
    @if($page=='listing')
    <div class="hero-section blog-page-hero inner-page-hero">
        <div class="container-md">
            <h1 class="hero-heading">Blog</h1>
            <p><a href="/">Home</a> / Blog</p>
        </div>
    </div>

    <div class="blog-listings padding-wrap">
        <div class="container container-sm">
            <div class="row">
                <div class="col-xl-9 col-lg-12 col-md-12">
                    <ul class="blog-blocks">
                         @include('public.pages.blog._post_listing_loop',['blog_posts'=>$posts,'location'=>'content'])
                    </ul>
                    @if($posts->isEmpty())
                   <h2 style="font-weight:600;color:#edb969"> Nothing found</h2>
                    <p>Sorry but nothing matches your search terms.Please try again with different keywords.</p>
                    @endif
                </div>
                <div class="col-xl-3 col-lg-12 col-md-12">
                    <p class="search-title">Search</p>
                    @include('public.pages.blog.search')
                    <p class="form-title">Book your ride</p>
                    <div class="service-form">
                    <div class="ride_book-form">
                         @include('public.pages.includes.ride_booking', ['form_id' => 'hero_book_form'])
                     </div>
                     </div>
                </div>
            </div>

    @elseif($page='single')
    <div class="blog-single">
    <div class="hero-section blog-page-hero inner-page-hero">
        <div class="container-md">
            <h1 class="hero-heading">{{ $post->title }}</h1>
            <p><a href="#">Home</a> / {{ $post->title }}</p>
        </div>
    </div>

        <div class="container container-sm">
            <div class="row padding-wrap">
                <div class="col-xl-9 col-lg-12 col-md-12">
                  @include('public.pages.blog._post_single',['post'=>$post])
                  <!-- <div class="page-navs">
                    @if (isset($previous))
                        <a href="{{ url('/blog/post-'.$previous->id) }}" class="prev-cl">
                           <div class="btn-content-title"><i class="fa fa-angle-left"></i>Older Post</div>
                        </a>
                    @endif
                    @if (isset($next))
                        <a href="{{ url('/blog/post-'.$next->id) }}" class="next-cl">
                            <div class="btn-content-title">Newer Post<i class="fa fa-angle-right"></i></div>
                        </a>
                    @endif
                   </div> -->
                 </div>
                 <div class="col-xl-3 col-lg-12 col-md-12">
                    <p class="search-title">Search</p>
                    @include('public.pages.blog.search')
                    <p class="form-title">Book your ride</p>
                    <div class="service-form">
                    <div class="ride_book-form">
                         @include('public.pages.includes.ride_booking', ['form_id' => 'hero_book_form'])
                     </div>
                     </div>
                </div>
            </div>
        </div>
    </div>
    @endif
</div>
</div>
@if($page=='listing')
    <div class="container-sm">
        <div class="table-toolbar bottom-spacing">
        <!--
                    <div class="showing-result">
                        {{ Helper::gridPaginationCountString($posts) }}

                    </div> -->
            <div class="text-center">
                @include('common.blog-pagination',['record_paginator'=>$posts])
            </div>
        </div>
    </div>
    @endif
</div>
@endsection