@extends('layouts.site')
@section('content')

    <!-- Title page -->
    <section class="bg-img1 txt-center p-lr-15 p-tb-92" style="background-image: url('site/images/main/bg-1.jpg');">
        <h2 class="ltext-105 cl0 txt-center" style="color: white;text-shadow: 2px 2px 6px rgb(151 17 4 / 92%);">
            Blog
        </h2>
    </section>



    <!-- Content page -->
    <section class="bg0 p-t-62 p-b-60">
        <div class="container">
            <div class="row">
                <div class="col-md-8 col-lg-9 p-b-80">
                    <div class="p-r-45 p-r-0-lg">
                        @foreach($blogs as $blog)
                            <!-- item blog -->
                            <div class="p-b-63">
                                <a href="blog-detail.html" class="hov-img0 how-pos5-parent">
                                    <img src="{{asset('site/images/blogs/'.$blog->image)}}" alt="IMG-BLOG">

                                    <div class="flex-col-c-m size-123 bg9 how-pos5">
                                        <span class="ltext-107 cl2 txt-center">
                                            {{\Carbon\Carbon::parse($blog->created_at)->format('d')}}
                                        </span>

                                        <span class="stext-109 cl3 txt-center">
                                            {{\Carbon\Carbon::parse($blog->created_at)->format('M Y')}}
                                        </span>
                                    </div>
                                </a>

                                <div class="p-t-32">
                                    <h4 class="p-b-15">
                                        <a href="blog-detail.html" class="ltext-108 cl2 hov-cl1 trans-04">
                                            {{$blog->title}}
                                        </a>
                                    </h4>

                                    <p class="stext-117 cl6" style="text-align: justify">
                                        {!! $blog->text !!}
                                    </p>

                                    <div class="flex-w flex-sb-m p-t-18">
                                        <span class="flex-w flex-m stext-111 cl2 p-r-30 m-tb-10">
                                            <span>
                                                <span class="cl4">By</span> {{ucfirst($blog->created_by)}}
                                                {{--<span class="cl12 m-l-4 m-r-6">|</span>--}}
                                            </span>

                                            <span></span>

                                            <span></span>
                                        </span>

                                        {{--<a href="blog-detail.html" class="stext-101 cl2 hov-cl1 trans-04 m-tb-10">
                                            Continue Reading

                                            <i class="fa fa-long-arrow-right m-l-9"></i>
                                        </a>--}}
                                    </div>
                                </div>
                            </div>
                        @endforeach

                        <!-- Pagination -->
                        {{--<div class="flex-l-m flex-w w-full p-t-10 m-lr--7">
                            <a href="#" class="flex-c-m how-pagination1 trans-04 m-all-7 active-pagination1">
                                1
                            </a>

                            <a href="#" class="flex-c-m how-pagination1 trans-04 m-all-7">
                                2
                            </a>
                        </div>--}}
                    </div>
                </div>

                <div class="col-md-4 col-lg-3 p-b-80">
                    <div class="side-menu">

                        <div class="p-t-65">
                            <h4 class="mtext-112 cl2 p-b-33">
                                Featured Products
                            </h4>

                            <ul>
                                @foreach($blogs as $blog)
                                    <li class="flex-w flex-t p-b-30">
                                        <a href="#" class="wrao-pic-w size-214 hov-ovelay1 m-r-20">
                                            <img src="{{asset('site/images/blogs/'.$blog->image)}}" alt="PRODUCT" width="100">
                                        </a>

                                        <div class="size-215 flex-col-t p-t-8">
                                            <a href="#" class="stext-116 cl8 hov-cl1 trans-04">
                                                {{$blog->title}}
                                            </a>

                                            <span class="stext-116 cl6 p-t-20">
                                                {{\Carbon\Carbon::parse($blog->created_at)->format('Y-m-d')}}
                                            </span>
                                        </div>
                                    </li>
                                @endforeach
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>



@endsection