@extends('layouts.webdes')

@section('main')

<div class="container">
    <div class="related-post-wrap">
    <div class="row">
        <div class="col-12">
            <h3 class="section-title text-center h4">Pemerintah {{  $data->jenis.' '.ucwords(strtolower($data->nama_desa)) }}</h3>
        </div>
        @foreach ($post as $item)
        <div class="col-md-4 related-post-card-wrap">
            <article class="related-post-card">
                <div class="flex align-center has-image">
                    <a href="#" class="post-img-wrap">
                        <img style="border-radius: 5%" loading="lazy" srcset="{{ asset('storage/'.$item->image) }}"
                            sizes="(max-width: 472px) 400px, (max-width: 767px) 600px, (min-width: 768px) 400px, 400px">
                    </a>
                </div>
                <div class="post-info-wrap">
                    <h2 class="post-title h5" style="text-align: center">
                        <a href="#" >{{ $item->penduduk->nama }}</a>
                    </h2>
                        <p style="text-align: center">{{ $item->jabatan }}</p>
                </div>
            </article>
        </div>
        @endforeach
    </div>
</div>
    

<div id="load-more"></div>            
</div>

@endsection