@extends('client.layouts.main')

@section('title', 'Edukasi')

@section('content')
<section class="container mt-100">
    <h2 class="text-center mb-20">Daftar Edukasi</h2>
    <div class="row justify-content-center">
        @forelse ($data['edukasi'] as $item)
        <div class="col-lg-4 col-md-12">
            <div class="single-post mb-30">
                <div>
                    <a href="{{route('client.edukasi.detail', $item->uuid)}}">
                        <img style=" object-fit: cover;
                        width: 100%;
                        height: 300px;
                        border-radius: 10px;" src="{{asset($item->gambar[0]->file)}}" alt="img">
                    </a>
                </div>
                <div class="blog-content text-center">
                    <div class="b-meta mb-20">
                        <div class="row">
                            <div class="col-lg-6 col-md-6">
                                <i class="far fa-calendar-alt"></i> {{$item->created_at}}
                            </div>
                            <div class="col-lg-6 col-md-6">
                                <i class="fas fa-user"></i> Oleh Admin
                            </div>
                        </div>
                    </div>
                    <h5 style="height: 50px;">{{substr($item->judul, 0, 70)}}{{strlen($item->judul) >= 70 ? '.....' : ''}}</h5>
                    <div class="blog-btn"><a href="{{route('client.edukasi.detail', $item->uuid)}}">Selengkapnya<i
                                class="fas fa-chevron-right"></i></a></div>
                </div>
            </div>
        </div>
        @empty
        <div class="col-12">
            <p class="text-center text-danger">Edukasi tidak ditemukan</p>
        </div>
        @endforelse

    </div>
</section>

@endsection