@extends('layouts.front')

@section('title','Notre actualité')

@section('class', 'blog-page-wrapper')

@section('content')

    <x-title page="Causes" image="front/assets/img/photos/blog.jpg"/>



    <!--== Start Blog Area Wrapper ==-->
    <section class="blog-grid-area">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <div class="blog-content-column">
                        <div class="blog-content-area post-items-style2">
                        @foreach($blogs as $blog)
                            <!--== Start Blog Post Item ==-->
                                <x-blog.item :blog="$blog"/>
                                <!--== End Blog Post Item ==-->
                            @endforeach
                            {{ $blogs->links('front.paginate') }}
                        </div>

                        <div class="sidebar-area">
                            <x-search route="blogs.index"/>
                            <div class="widget">
                                <h3 class="widget-title">Cause</h3>
                                <div class="separator-line">
                                    <img class="me-1" src="{{ asset('front/assets/img/shape/line-t2.png') }}"
                                         alt="Image-Givest">
                                </div>
                                <x-cause.other/>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!--== End Blog Area Wrapper ==-->

@endsection