simedkom/resources/views/homepage/announcements/index.blade.php
2025-03-29 20:57:44 +07:00

59 lines
4.0 KiB
PHP

@include('partials.homepage.head')
<body data-mobile-nav-style="full-screen-menu" data-mobile-nav-bg-color="">
@include('partials.homepage.header')
<!-- start page title -->
<section class="half-section page-title-center-alignment cover-background top-space-margin">
<div class="container">
<div class="row">
<div class="col-12 text-center position-relative page-title-large">
<h1 class="d-inline-block fw-600 ls-minus-1px text-dark-gray mb-15px">Pengumuman</h1>
</div>
<div class="col-12 breadcrumb breadcrumb-style-01 d-flex justify-content-center">
<ul>
<li><a href="{{route('homepage.landing')}}">Beranda</a></li>
<li><a href="{{route('homepage.announcements.index')}}">Pengumuman</a></li>
</ul>
</div>
</div>
</div>
</section>
<!-- end page title -->
<!-- start section -->
<section class="pt-0 ps-4 pe-4 xl-ps-2 xl-pe-2 lg-px-0">
<div class="container-fluid">
<div class="row">
<div class="col-12">
<ul class="blog-side-image blog-wrapper grid-loading grid grid-3col xxl-grid-2col xl-grid-2col lg-grid-2col md-grid-1col sm-grid-1col xs-grid-1col gutter-extra-large">
<li class="grid-sizer"></li>
@forelse ($announcements as $item)
<!-- start blog item -->
<li class="grid-item">
<div class="blog-box d-md-flex d-block flex-row h-100 border-radius-6px overflow-hidden box-shadow-extra-large">
<div class="blog-image w-50 sm-w-100 cover-background" style="background-image: url({{asset(display_image($item->image, 'news', 'simedkom-logo-circle.png'))}}); {{str_contains(display_image($item->image, 'news', 'simedkom-logo-circle.png'), 'assets') ? 'background-size: 80%;' : ''}}">
<a href="{{route('homepage.announcements.read', ['slug' => $item->slug])}}" class="blog-post-image-overlay"></a>
</div>
<div class="blog-content w-50 sm-w-100 pt-50px pb-40px ps-40px pe-40px xl-p-30px bg-white d-flex flex-column justify-content-center align-items-start last-paragraph-no-margin">
<a href="{{route('homepage.announcements.read', ['slug' => $item->slug])}}" class="categories-btn bg-dark-gray text-white text-uppercase fw-500 mb-30px">{{idn_date($item->created_at, 'd F Y')}}</a>
<a href="{{route('homepage.announcements.read', ['slug' => $item->slug])}}" class="card-title text-dark-gray text-dark-gray-hover mb-5px fw-600 fs-18 lh-28 announcement-title">{{shorten_text($item->title, 80)}}</a>
<div class="mt-15px"><span class="separator bg-dark-gray"></span><a href="{{route('homepage.announcements.read', ['slug' => $item->slug])}}" class="text-dark-gray text-dark-gray-hover d-inline-block fs-15 fw-500 fw-500">Baca Selengkapnya</a></div>
</div>
</div>
</li>
<!-- end blog item -->
@empty
<div style="text-align: center; margin-top: 2rem;">
Tidak ada pengumuman.
</div>
@endforelse
</ul>
</div>
<div class="col-12 mt-4 d-flex justify-content-center">
{{$announcements->links()}}
</div>
</div>
</div>
</section>
<!-- end section -->
<!-- start footer -->
@include('partials.homepage.footer')