simedkom/resources/views/homepage/news/index.blade.php

63 lines
4.1 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">Berita</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.news.index')}}">Berita</a></li>
</ul>
</div>
</div>
</div>
</section>
<!-- end page title -->
<!-- start section -->
<section class="pt-0 ps-15 pe-15 xl-ps-2 xl-pe-2 lg-ps-2 lg-pe-2 sm-mx-0">
<div class="container-fluid">
<div class="row">
<div class="col-12">
<ul class="blog-classic blog-wrapper grid-loading grid grid-3col xl-grid-3col lg-grid-3col md-grid-2col sm-grid-2col xs-grid-1col gutter-extra-large">
{{-- <ul class="blog-classic blog-wrapper grid-loading grid grid-4col xl-grid-4col lg-grid-3col md-grid-2col sm-grid-2col xs-grid-1col gutter-extra-large"> --}}
<li class="grid-sizer"></li>
@forelse ($news as $item)
<!-- start blog item -->
<li class="grid-item">
<div class="card bg-transparent border-0 h-100">
<div class="blog-image position-relative overflow-hidden border-radius-4px">
<a href="{{route('homepage.news.read', ['slug' => $item->slug])}}">
<img src="{{asset(display_image($item->image, 'news'))}}" alt="" class="information-img" />
</a>
</div>
<div class="card-body px-0 pt-30px pb-30px">
<span class="fs-13 text-uppercase mb-5px d-block"><a href="{{route('homepage.news.read', ['slug' => $item->slug])}}" class="blog-date text-dark-gray-hover">{{idn_date($item->created_at, 'l, d F y')}}</a></span>
<a href="{{route('homepage.news.read', ['slug' => $item->slug])}}" class="card-title mb-10px fw-600 fs-17 lh-26 text-dark-gray text-dark-gray-hover d-inline-block w-95 information-title">{{shorten_text($item->title, 55)}}</a>
<p class="mb-10px w-95 information-desc">{{strip_tags(shorten_text($item->content, 50))}}</p>
<a href="{{route('homepage.news.read', ['slug' => $item->slug])}}" class="card-link alt-font fs-12 text-uppercase text-dark-gray text-dark-gray-hover fw-700">Baca Selengkapnya<i class="feather icon-feather-arrow-right icon-very-small"></i></a>
</div>
</div>
</li>
<!-- end blog item -->
@empty
<div style="text-align: center; margin-top: 2rem;">
Tidak ada berita.
</div>
@endforelse
</ul>
</div>
<div class="col-12 mt-2 d-flex justify-content-center">
{{$news->links()}}
</div>
</div>
</div>
</section>
<!-- end section -->
<!-- start footer -->
@include('partials.homepage.footer')