@extends('frontend.layouts.app')
@section('content')
<div class="breadcumb-wrapper " data-bg-src="{{ asset('assets/img/bg/breadcumb-bg.jpg') }}">
        <div class="container">
            <div class="breadcumb-content">
                <h1 class="breadcumb-title">Blog</h1>
                <ul class="breadcumb-menu">
                    <li><a href="{{ url('/') }}">Home</a></li>
                    <li>Blog</li>
                </ul>
            </div>
        </div>
    </div>
    <!--==============================
    Blog Area
    ==============================-->
    <section class="th-blog-wrapper space-top space-extra-bottom">
        <div class="container">
            <div class="row">
                <div class="col-xxl-8 col-lg-7">
                    @foreach($blogs as $blog)
                    <div class="th-blog blog-single has-post-thumbnail">
                        <div class="blog-img">
                            <a href="{{ url($blog->slug)}}"><img src="{{ asset('storage/blog/'.$blog->featured_image) }}" alt="{{ $blog->title }}"></a>
                        </div>
                        <div class="blog-content">
                            <div class="blog-meta">
                                <a class="author" href="javascript:void(0);"><img src="{{ asset('storage/avatar/'.$blog->user->avatar) }}" alt="{{ $blog->user->first_name }}"> {{ $blog->user->first_name }}  {{ $blog->user->last_name }}</a>
                                <a href="javascript:void(0);"><i class="fa-light fa-calendar-days"></i>{{ date('d M, Y', strtotime($blog->created_at))}}</a>
                                <!-- <a href="{{ url($blog->slug)}}"><i class="fa-regular fa-comments"></i>Comments (3)</a> -->
                            </div>
                            <h2 class="blog-title"><a href="{{ url($blog->slug )}}">{{ $blog->title }}</a>
                            </h2>
                            <p class="blog-text">@php $descriotion = substr($blog->description, 0, 100) @endphp {!! $descriotion !!}</p>
                            <a href="{{ url($blog->slug )}}" class="line-btn">Read More</a>
                        </div>
                    </div>
                    @endforeach
                    <!-- Pagination Links -->
                    {{ $blogs->links($paginationView) }}
                </div>
            </div>
        </div>
    </section>
@endsection

@section('footer_scripts')
    <script>
    </script>
@endsection