168 lines
14 KiB
PHP
168 lines
14 KiB
PHP
@include('partials.homepage.head')
|
|
<body data-mobile-nav-style="full-screen-menu" data-mobile-nav-bg-color="">
|
|
@include('partials.homepage.header')
|
|
<!-- start section -->
|
|
<section class="top-space-margin right-side-bar">
|
|
<div class="container">
|
|
<div class="row justify-content-center">
|
|
<div class="col-12 col-lg-8 blog-standard md-mb-50px sm-mb-40px">
|
|
<!-- start blog details -->
|
|
<div class="col-12 blog-details mb-12">
|
|
<div class="entry-meta mb-20px fs-15">
|
|
<span><i class="text-dark-gray feather icon-feather-calendar"></i><a href="javascript:void(0);">{{idn_date($news->created_at, 'd F Y')}}</a></span>
|
|
<span><i class="text-dark-gray feather icon-feather-user"></i><a href="javascript:void(0);">{{$news->author->name}}</a></span>
|
|
<span><i class="text-dark-gray feather icon-feather-eye"></i><a href="javascript:void(0);">{{$news->views}}</a></span>
|
|
{{-- <span><i class="text-dark-gray feather icon-feather-eye"></i><a href="javascript:void(0);">{{$news->views}}</a></span> --}}
|
|
</div>
|
|
<h5 class="text-dark-gray fw-600 w-80 sm-w-100 mb-6">{{$news->title}}</h5>
|
|
<img src="{{asset(display_image($news->image, 'news'))}}" alt="Gambar {{$news->title}}" class="w-100 border-radius-6px mb-7">
|
|
{!!$news->content!!}
|
|
</div>
|
|
<div class="col-12">
|
|
<div class="row mb-50px sm-mb-30px">
|
|
<div class="tag-cloud col-12 col-md-9 text-center text-md-start sm-mb-15px">
|
|
<a href="javascript:void(0);">{{$news->tag}}</a>
|
|
</div>
|
|
</div>
|
|
<div class="row justify-content-center">
|
|
<div class="col-12 text-center elements-social social-icon-style-04">
|
|
<ul class="large-icon dark">
|
|
<li><a class="facebook" href="https://www.facebook.com/" target="_blank"><i class="fa-brands fa-facebook-f"></i><span></span></a></li>
|
|
<li><a class="twitter" href="http://www.twitter.com" target="_blank"><i class="fa-brands fa-twitter"></i><span></span></a></li>
|
|
<li><a class="instagram" href="http://www.instagram.com" target="_blank"><i class="fa-brands fa-instagram"></i><span></span></a></li>
|
|
<li><a class="youtube" href="http://www.youtube.com" target="_blank"><i class="fa-brands fa-youtube"></i><span></span></a></li>
|
|
<li><a class="whatsapp" href="http://www.whatsapp.com" target="_blank"><i class="fa-brands fa-whatsapp"></i><span></span></a></li>
|
|
<li><a class="telegram" href="http://www.telegram.com" target="_blank"><i class="fa-brands fa-telegram"></i><span></span></a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- end blog details -->
|
|
</div>
|
|
<!-- start sidebar -->
|
|
<aside class="col-12 col-xl-4 col-lg-4 col-md-7 ps-55px xl-ps-50px lg-ps-15px sidebar">
|
|
<div class="mb-15 md-mb-50px xs-mb-35px">
|
|
<div class="fw-600 fs-19 lh-22 ls-minus-05px text-dark-gray border-bottom border-color-dark-gray border-2 d-block mb-30px pb-15px position-relative">Berita terpopuler</div>
|
|
<ul class="popular-post-sidebar position-relative">
|
|
@foreach ($popularNews as $item)
|
|
<li class="d-flex align-items-center">
|
|
<figure>
|
|
<a href="{{route('homepage.news.read', ['slug' => $item->slug])}}"><img src="{{asset(display_image($item->image, 'news'))}}" alt="" class="popular-post-img"></a>
|
|
</figure>
|
|
<div class="col media-body">
|
|
<a href="{{route('homepage.news.read', ['slug' => $item->slug])}}" class="fw-600 fs-17 text-dark-gray d-inline-block mb-10px">{{shorten_text($item->title, 30)}}</a>
|
|
<div><a href="{{route('homepage.news.read', ['slug' => $item->slug])}}" class="d-inline-block fs-15">{{idn_date($item->created_at, 'd F y')}}</a></div>
|
|
</div>
|
|
</li>
|
|
@endforeach
|
|
</ul>
|
|
</div>
|
|
<div class="mb-17 md-mb-50px xs-mb-35px">
|
|
<div class="bg-white box-shadow-extra-large p-14 xl-p-10 newsletter-style-05">
|
|
<div class="fw-600 fs-19 lh-22 ls-minus-05px text-dark-gray border-bottom border-color-dark-gray border-2 d-block mb-20px pb-15px position-relative">Cari Berita</div>
|
|
<p class="fs-15 lh-24">Temukan informasi yang ingin Anda ketahui.</p>
|
|
<form action="{{route('homepage.news.index')}}" method="get" class="position-relative">
|
|
<input class="w-100 fs-15 input-small form-control box-shadow-medium-bottom border-radius-0px text-center required mb-10px" type="text" name="search" placeholder="Masukan kata kunci" />
|
|
<button type="submit" class="btn btn-small btn-dark-gray w-100 btn-box-shadow" aria-label="Cari">Cari</button>
|
|
<div class="form-results border-radius-4px mt-10px lh-normal pt-10px pb-10px ps-15px pe-15px fs-16 w-100 text-center position-absolute z-index-1 d-none"></div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
<div class="mb-15 md-mb-50px xs-mb-35px elements-social social-icon-style-10">
|
|
<div class="fw-600 fs-19 lh-22 ls-minus-05px text-dark-gray border-bottom border-color-dark-gray border-2 d-block mb-30px pb-15px position-relative">Tetap Terkoneksi</div>
|
|
<div class="row row-cols-2 row-cols-lg-2 justify-content-center align-items-center g-0">
|
|
<div class="col border-bottom border-end border-color-extra-medium-gray ps-25px pe-25px xl-ps-15px xl-pe-15px lg-ps-10px lg-pe-10px pt-10px pb-10px">
|
|
<a class="facebook text-dark-gray" href="{{filled($app->contact_facebook) ? $app->contact_facebook : 'javascript:void(0);'}}" {{filled($app->contact_facebook) ? 'target="_blank"' : ''}}>
|
|
<i class="fa-brands fa-facebook-f fs-18 me-10px"></i>
|
|
<span class="fw-500">Facebook</span>
|
|
</a>
|
|
</div>
|
|
<div class="col border-bottom border-end border-color-extra-medium-gray ps-25px pe-25px xl-ps-15px xl-pe-15px lg-ps-10px lg-pe-10px pt-10px pb-10px">
|
|
<a class="twitter text-dark-gray" href="{{filled($app->contact_twitter) ? $app->contact_twitter : 'javascript:void(0);'}}" {{filled($app->contact_twitter) ? 'target="_blank"' : ''}}>
|
|
<i class="fa-brands fa-twitter fs-18 me-10px"></i>
|
|
<span class="fw-500">Twitter</span>
|
|
</a>
|
|
</div>
|
|
<div class="col border-bottom border-end border-color-extra-medium-gray ps-25px pe-25px xl-ps-15px xl-pe-15px lg-ps-10px lg-pe-10px pt-10px pb-10px">
|
|
<a class="instagram text-dark-gray" href="{{filled($app->contact_instagram) ? $app->contact_instagram : 'javascript:void(0);'}}" {{filled($app->contact_instagram) ? 'target="_blank"' : ''}}>
|
|
<i class="fa-brands fa-instagram fs-18 me-10px"></i>
|
|
<span class="fw-500">Instagram</span>
|
|
</a>
|
|
</div>
|
|
<div class="col border-bottom border-color-extra-medium-gray ps-25px pe-25px xl-ps-15px xl-pe-15px lg-ps-10px lg-pe-10px pt-10px pb-10px">
|
|
<a class="youtube text-dark-gray" href="{{filled($app->contact_youtube) ? $app->contact_youtube : 'javascript:void(0);'}}" {{filled($app->contact_youtube) ? 'target="_blank"' : ''}}>
|
|
<i class="fa-brands fa-youtube fs-18 me-10px"></i>
|
|
<span class="fw-500">Youtube</span>
|
|
</a>
|
|
</div>
|
|
<div class="col border-bottom border-color-extra-medium-gray ps-25px pe-25px xl-ps-15px xl-pe-15px lg-ps-10px lg-pe-10px pt-10px pb-10px">
|
|
<a class="whatsapp text-dark-gray" href="{{filled($app->contact_whatsapp) ? $app->contact_whatsapp : 'javascript:void(0);'}}" {{filled($app->contact_whatsapp) ? 'target="_blank"' : ''}}>
|
|
<i class="fa-brands fa-whatsapp fs-18 me-10px"></i>
|
|
<span class="fw-500">WhatsApp</span>
|
|
</a>
|
|
</div>
|
|
<div class="col border-bottom border-color-extra-medium-gray ps-25px pe-25px xl-ps-15px xl-pe-15px lg-ps-10px lg-pe-10px pt-10px pb-10px">
|
|
<a class="telegram text-dark-gray" href="{{filled($app->contact_telegram) ? $app->contact_telegram : 'javascript:void(0);'}}" {{filled($app->contact_telegram) ? 'target="_blank"' : ''}}>
|
|
<i class="fa-brands fa-telegram fs-18 me-10px"></i>
|
|
<span class="fw-500">Telegram</span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="mb-15 md-mb-50px xs-mb-35px">
|
|
<div class="fw-600 fs-19 lh-22 ls-minus-05px text-dark-gray border-bottom border-color-dark-gray border-2 d-block mb-30px pb-15px position-relative">Tag</div>
|
|
<div class="tag-cloud">
|
|
<a href="javascript:void(0);">{{$news->tag}}</a>
|
|
</div>
|
|
</div>
|
|
</aside>
|
|
<!-- end sidebar -->
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<!-- end section -->
|
|
<!-- start section -->
|
|
<section class="bg-very-light-gray">
|
|
<div class="container">
|
|
<div class="row justify-content-center mb-2">
|
|
<div class="col-12 col-lg-7 text-center">
|
|
<span class="fs-15 fw-500 text-uppercase d-inline-block">Eksplorasi</span>
|
|
<h4 class="text-dark-gray fw-600">Baca berita lainnya</h4>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-12">
|
|
<ul class="blog-grid 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">
|
|
<li class="grid-sizer"></li>
|
|
@forelse ($otherNews 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, 40)}}</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">
|
|
Tidak ada berita lainnya
|
|
</div>
|
|
@endforelse
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<!-- end section -->
|
|
<!-- start footer -->
|
|
@include('partials.homepage.footer')
|