@extends('front.layout.template')

    @section('title', 'Bukti Jackpot Nona88')

    @section('content')
<!-- Page content-->
            <div class="row justify-content-center">
        @foreach ($articles as $item)
        <div class="col-lg-3 mb-2">
                    <div class="card card-post h-100 mb-3" data-aos="flip-up">
                        <div class="row g-0">
                            <div class="col-md-12">
                                <img src="{{ asset('storage/back/' . $item->img) }}" class="lazy img-post rounded-start" alt="{{ $item->title }}">
                            </div>
                            <div class="col-md-12">
                                <div class="card-body">
                                    <h5>{{ $item->title }}</h5>
                                    <p class="time-post text-uppercase"><i class="lni lni-timer"></i> {{ date('d-M-Y', strtotime($item->publish_date)) }}</p>

                                    <div class="d-grid mt-3">
                                        <a href="{{ url('p/' . $item->slug) }}" class="btn btn-danger fw-bold btn-sm"><i class="lni lni-cash-app"></i></small> Read More</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
        @endforeach
    </div>

            <!-- Pagination-->
            <div class="pagination justify-content-center my-4">
                {{ $articles->links() }}
            </div>
    @endsection