@extends('Website.Layout.App')

@push('css')
    <link href="{{ asset('assets/css/custom/blog.css') }}" rel="stylesheet">
    <link href="{{ asset('assets/css/custom/common.css') }}" rel="stylesheet">
@endpush
@section('content')
<div class="jumbotron text-center bg-body-tertiary">
    <div class="container">
        <h1 class="text-body-emphasis">Blogs</h1>
    </div>
</div>

<div class="container mt-5">
    <div class="row">
    @if(count($blogs))
        @foreach($blogs as $b)
            <div class="col-12 col-md-4 p-2">
                <a href="{{ url('blog/'.$b->slug)}}" style="text-decoration: none">
                    <div class="blog-card">
                        <div class="blog-image">
                            <img src="{{ asset($b->image_url) }}">   
                        </div>
                        <div class="blog-details">
                            <div class="blog-title">
                                                            </div>
                            <div class="blog-description">
                                ...                            </div>
                        </div>
                    </div>
                </a>
            </div>
        @endforeach
        @endif
    </div>
</div>

@endsection