@extends('layouts.app')
@section('page-title', 'Home')
@section('body-content')

    <!-- Sidebar Page Container -->
    <div class="sidebar-page-container">
        <div class="auto-container">
            <div class="row clearfix">

                <!-- Content Side -->
                <div class="content-side col-xl-9 col-lg-8 col-md-12 col-sm-12">
                    <div class="blog-classic">

                        <!-- News Block Two -->
                        @foreach ($blogs as $row)
                            <div class="news-block-two">
                                <div class="inner-box">
                                    <div class="image">
                                        <a href="{{ route('blogs.show', ['slug' => $row['slug']]) }}">
                                            <img id="blog-image" src="{{ config('constants.BLOG_IMAGES_PATH') . '/' . $row['image'] }}"
                                                    onerror="this.onerror=null; this.src='{{ config('constants.IMAGES_PATH') . '/NoImage.png' }}'"
                                                    alt="{{ $row['tags'] }}" />
                                        </a>
                                        <div class="post-date">{{ \Carbon\Carbon::parse($row['updated_at'])->format('d') }}
                                            <br> {{ \Carbon\Carbon::parse($row['updated_at'])->format('M') }}</div>
                                    </div>
                                    <div class="lower-content">
                                        <div class="tags">
                                            <span># Tags</span>
                                            @php
                                                $tags = explode(',', $row['tags']);
                                            @endphp
                                            @foreach ($tags as $tag)
                                                <a href="#">{{ $tag }}</a>
                                            @endforeach
                                        </div>
                                        <h3><a href="{{ route('blogs.show', ['slug' => $row['slug']]) }}">{{ $row['title'] }}</a></h3>
                                        {{-- <ul class="post-meta d-flex align-items-center flex-wrap clearfix">
                                            <li><span class="author"><img src="images/resource/author-5.jpg" alt="" /></span> User / <span>4 year</span> </li>
                                            <li><span class="icon flaticon-bubble-chat"></span>3</li>
                                            <li><span class="icon flaticon-clock"></span>3 min Read</li>
                                        </ul> --}}
                                        <div class="text">{!! html_entity_decode($row['content']) !!}</div>
                                    </div>
                                </div>
                            </div>
                        @endforeach
                        @if ($response['recordsTotal'] <= $response['page_size'])
                            <ul class="styled-pagination text-center">
                                <li class="next"><a href="#"><span class="fa fa-angle-double-left"></span></a>
                                </li>
                                <li><a href="#" class="active">1</a></li>
                                <li class="next"><a href="#"><span class="fa fa-angle-double-right"></span></a>
                                </li>
                            </ul>
                        @else
                            <ul class="styled-pagination text-center">