@extends('site.layouts.master')
@section('title', 'مقالات ')
@section('content')



    <section class="page-header -type-1 mt-50">
        <div class="container">
            <div class="page-header__content">
                <div class="row justify-center text-center">
                    <div class="col-auto">
                        <div>

                            <h1 class="page-header__title">لیست مقالات</h1>

                        </div>
                        <div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>


    <section class="layout-pt-md layout-pb-lg">
        <div data-anim-wrap class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="row y-gap-30">
                        @foreach ($data as $item)
                            <div class="col-lg-4 col-md-6">
                                <a href="{{ route('blog', $item->slug) }}" class="blogCard -type-1">
                                    <div class="shadow-sm">
                                        <div class="blogCard__image">
                                            <img class="w-1/1 rounded-8" src="{{ $item->image }}" alt="image">
                                        </div>
                                        <div class="blogCard__content mt-20  p-3">
                                            <div class="blogCard__category">{{ $item->category->name }}</div>
                                            <h4 class="blogCard__title text-16 lh-15 fw-500 mt-5">{{ $item->title }}</h4>
                                            <div class="blogCard__date mt-5">
                                                {{ verta($item->created_at)->format('%d %B، %Y') }}</div>
                                        </div>
                                    </div>
                                </a>
                            </div>
                        @endforeach
                    </div>

                    {{ $data->links('pagination::defaultcopy') }}
                </div>
            </div>
        </div>
    </section>
@endsection