@extends('layouts.blogL')

@section('isi-konten')
@foreach ($blogs as $blog)
<div data-aos="fade-zoom" data-aos-duration="500" class="content-blog">
    <h1 class="content-judul">
        <a href="/blog/{{$blog->kategori}}/{{$blog->slug}}">
            {{$blog->judul}}
        </a>
    </h1>
    <div class="content-info" class="d-flex justify-content-start">
        <i class="fas fa-calendar-alt"></i> <span>{{$blog->updated_at->format('d F Y')}}</span>
        <i class="fas fa-user"></i> <span>{{$blog->user->name}}</span>
    </div>
    <div class="row">
        <div class="col-md-4">
            <img class="img-fluid" src="{{ asset($blog->image) }}" alt="Foto {{ $blog->judul }}">
        </div>
        <div class="col-md-8">
            <p class="content-deskripsi">
                {!! \Illuminate\Support\Str::limit($blog->isi,189) !!}
            </p>
            <p class="content-link">
                <a href="/blog/{{$blog->kategori}}/{{$blog->slug}}">Read More</a>
            </p>
        </div>
    </div>
    <div class="d-flex justify-content-start content-archive mt-1">
        <p><i class="fas fa-folder-open"></i><a href="/blog">blog</a> / <a
                href="/blog/{{$blog->kategori}}">{{$blog->kategori}}</a></p>
    </div>
</div>
@endforeach
{{ $blogs->links() }}
@endsection

@section('isi-samping')
@include('blog.side')
@endsection