@extends('front.layouts.app')

@section('content')
@include('front.layouts.app-header')


<section class="breadcrumb_sec">
    <div class="container">
        <div class="row">
            <div class="col col-12">
                <div class="breadcrumb">
                    <ul>
                        <li><a href="{{route('home')}}">Home</a></li>
                        <li><a href="{{route('blogs')}}">Blog</a></li>
                        <li>{{$blog_category->name}}</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</section>

<section class="blog_tag_details get_smart_sec category_blog_card_custom">
    <div class="container">
        <div class="row">
            <div class="col col-12">
                <div class="section_title">
                    <h2>{{$blog_category->name}}</h2>
                </div>
            </div>
        </div>
        <div class="row">
            @foreach($blogs as $blog)
            <div class="col col-4">
                <div class="blog_card">
                    <div class="blog_card_inner">
                        <div class="blog_card_img">
                        @if(!empty($blog->image) && \Illuminate\Support\Facades\Storage::exists($blog->image))
                            <a href="{{ url('storage') . '/' . $blog->image}}" data-fancybox="blog_img">
                                <img src="{{ url('storage') . '/' . $blog->image}}">
                            </a>
                            @else
                            <a href="{{ url('storage') . '/no_image.png'}}" data-fancybox="blog_img">
                                <img src="{{ url('storage') . '/no_image.png'}}">
                            </a>
                            @endif
                            {{-- <span>{{$blog_category->name}}</span> --}}
                        </div>
                        <div class="blog_card_content">
                            <h3><a class="clr_black" href="{{route('blog-detail', ['slug' => $blog->slug])}}">{{$blog->name}}</a></h3>
                            <ul>
                                <li class="clr_black">{{ $blog->date ? date('F j Y', strtotime($blog->date)) : date('F j Y', strtotime($blog->created_at)) }}</li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            @endforeach
        </div>
    </div>
</section>

@include('front.layouts.app-footer')
@endsection