@extends('guest.layouts.app')
@section('content')
    <div class="row">
        <div class="col-lg-9">
            <div class="col-12">
                <div class="style-msg primarymsg mb-3">
                    <div class="sb-msg"><i class="bi-question-circle-sign"></i>Dalam <strong>Semua Pengumuman</strong></div>
                </div>
            </div>
            <div class="mt-0">
                <div class="col-12">
                    @if ($data->isNotEmpty())
                        {{-- <div class="list-group">
                            @foreach ($data as $res)
                                <a href="{{ route('pengumuman', ['slug' => $res->slug]) }}"
                                   class="list-group-item list-group-item-action align-items-start">
                                    <h4 class="mb-2">{{ $res->judul }}</h4>
                                    <small class="text-muted" style="font-size:11pt">Tayang pada
                                        {{ tanggal_indo($res->tanggal_publish) }} -
                                        {{ \Carbon\Carbon::parse($res->tanggal_publish)->diffForHumans() }}</small>
                                </a>
                            @endforeach
                        </div> --}}
                        <ul class="list-unstyled mb-0">
                            <li>
                                @foreach ($data as $res)
                                    <ul class="list-unstyled mb-0">
                                        <li class="entry mb-3 border-bottom">
                                            <h4 class="mb-0"><a class="link-dark" href="{{ route('pengumuman', ['slug' => $res->slug]) }}">{{ $res->judul }}</a></h4>
                                            <div class="entry-meta mt-1 mb-3">
                                                <ul>
                                                    <li><i class="bi-clock"></i> {{ tanggal_indo($res->tanggal_publish) }}</li>
                                                    <li><span class="badge bg-info text-white">{{ \Carbon\Carbon::parse($res->tanggal_publish)->diffForHumans() }}</span></li>
                                                </ul>
                                            </div>
                                        </li>
                                    </ul>
                                @endforeach
                            </li>
                        </ul>
                    @else
                        <span>Belum Ada Data</span>
                    @endif

                    @if ($data->isNotEmpty())
                        <div class="py-2">
                            {{ $data->links() }}
                        </div>
                    @endif
                </div>
            </div>
        </div>
        <div class="col-lg-3 sticky-sidebar-wrap mt-0 mt-lg-0">
            <div class="sticky-sidebar">
                <x-guest.skm></x-guest.skm>
                <x-guest.sosial-media></x-guest.sosial-media>
                <x-guest.kategori></x-guest.kategori>
                <x-guest.link></x-guest.link>
            </div>
        </div>
    </div>
@endsection