@extends('frontend.layouts.app')

@section('title', 'Blog - ' . app_name())

@push('head-area')
    <link rel="canonical" href="{{ URL::to('/blog') }}" />
    <link rel="amphtml" href="{{ URL::to('/blog') }}?amp=1" />
@endpush

@section('content')


    <!-- Cart Page Start -->
    <div class="cart_area cart-area-padding pt--35">
        <div class="container content-height">
            <div>
                <div class="row">
                    <div class="col-md-8">
                        <div class="page-section-title">
                            <h1>Blog</h1>
                        </div>
                    </div>

                    <div class="col-md-4">
                        <form method="get" action="blog" class="category-widget">
                            <input type="text" name="s" id="blog_search" value="{{ request()->get('s') }}" placeholder="Search Blogs ...">
                            <button type="submit" class="search-submit" id="blog_search_button" aria-label="Search Blogs ..."><i class="fas fa-search"></i></button>
                        </form>
                    </div>
                </div>
            </div>

            @if($data['posts'])

            <section class="blog-pagsectione">
                <div class="container">
                    <div class="row">
                        @foreach($data['posts'] as $post)

                            @php
                                $link = '/blog/'.$post->slug;
                                $image = '/up_data/blog/'.$post->image_thumbnail;
                            @endphp

                        <div class="col-xl-4 col-md-6 mb--30">
                            <div class="blog-post text-center">
                                <a href="{{ $link }}" class="blog-image">
                                    <img class="img-thumbnail img-fluid" src="{{ $image }}" alt="{{ $post->heading_content }}">
                                </a>
                                <div class="blog-content mt--15 text-center">
                                    <header>
                                        <h3 class="blog-title"> <a href="{{ $link }}">{{ $post->name }}</a></h3>
                                        {{--<div class="post-meta">
                                        <span class="post-author">
                                          <i class="fas fa-user"></i>
                                          <span class="text-gray">Posted by : </span>
                                          admin
                                        </span>
                                        </div>--}}

                                    </header>
                                    <article>
                                        <h3 class="d-none sr-only">blob-article</h3>
                                        <p>{{ $post->short_content }}</p>
                                    </article>
                                    <div class="blog-btn pb--10 pt--20">
                                        <a href="{{ $link }}" class="btn btn-rounded btn-outlined--primary">Read More</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        @endforeach
                    </div>
                    <div class="mt--30">
                        <div class="pagination-widget">
                            <div class="site-pagination">
                                {!! $data['posts']->appends( request()->except('page') )->links() !!}
                            </div>
                        </div>

                    </div>
                </div>
            </section>
            @else

                <p><strong>Sorry!</strong>, no blog posts found.</p>

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