@extends($activeTemplate . 'layouts.app')
@section('content')
<section class="marque-section">
<div class="container">
<div class="top-news-ticker clearfix">
<div class="title">
@lang('Latest News')
</div>
<div class="top-news-ticker-runner">
@foreach ($latestNews as $item)
<a href="{{ route('news.details', ['category' =>$item->category->slug, 'news' => $item->id]) }}" class="text-decoration-underline">
{{ \Illuminate\Support\Str::limit($item->title, 50) }}
</a>
@endforeach
</div>
</div>
</div>
</section>
<section class="all-sections pt-20 pb-60">
<div class="container">
<div class="row justify-content-center mb-30-none">
<div class="col-xl-6 col-lg-5 mb-30">
<div class="main-content">
@include($activeTemplate . 'partials.banner_latest_news')
@include($activeTemplate . 'partials.banner_trending_news')
@include($activeTemplate . 'partials.banner_last_must_read')
</div>
</div>
@include($activeTemplate . 'partials.banner_sidebar')
<div class="col-xl-3 col-lg-3 col-md-6 col-sm-6 mb-30">
<aside class="aside-bar">
<div class="aside-inner">
<div class="add-item mb-30">
@php echo advertisements('300x250'); @endphp
</div>
<div class="add-item mb-30">
@php echo advertisements('300x250'); @endphp
</div>
<div class="widget">
<h3 class="widget-title">@lang('Archive')</h3>
<div id="datepicker"></div>
</div>
</div>
</aside>
</div>
</div>
<div class="add-section ptb-30">
<div class="row justify-content-center">
<div class="col-lg-12 text-center">
<div class="add-thumb">
@php echo advertisements('980x90'); @endphp
</div>
</div>
</div>
</div>
@include($activeTemplate . 'partials.category_news')
@include($activeTemplate . 'partials.live_news')
<div class="news-blog-area news-small-blog-area">
<div class="row justify-content-center mb-30-none">
<div class="col-xl-9 col-lg-8 col-md-8 mb-30">
<div class="news-blog-wrapper">
<div class="row justify-content-center mb-30-none">
@forelse($trendingNews as $trendingNewsItem)
<div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 mb-30">
<div class="news-blog-item">
<div class="news-blog-thumb">
<a href="{{ route('news.details', ['category' =>$trendingNewsItem->category->slug, 'news' => $trendingNewsItem->id]) }}">
<img src="{{ getImage(getFilePath('news') . '/' . $trendingNewsItem->image, getFileSize('news')) }}"
alt="news-blog">
</a>
</div>
<div class="news-blog-content">
<h3 class="title">
<a href="{{ route('news.details', ['category' =>$trendingNewsItem->category->slug, 'news' => $trendingNewsItem->id]) }}">
{{ __(@$trendingNewsItem->title) }}
</a>
<div class="news-time py-1 fs-9">
<i class="fa-regular fa-clock me-1"></i> {{bn_number(diffForHumans($trendingNewsItem->created_at)) }}
</div>
</h3>
</div>
</div>
</div>
@empty
@endforelse
</div>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 mb-30">
<div class="sidebar custom-sidebar">
<div class="news-tab mb-30">
<nav>
<div class="nav nav-tabs" id="nav-tab">
<button class="nav-link active" id="more-tab" data-bs-toggle="tab"
data-bs-target="#more" type="button" role="tab" aria-controls="more"
aria-selected="true">@lang('More')</button>
<button class="nav-link" id="popular-tab" data-bs-toggle="tab"
data-bs-target="#popular" type="button" role="tab" aria-controls="popular"
aria-selected="false">@lang('Most Popular')</button>
</div>
</nav>
<div class="tab-content" id="nav-tabContent">
<div class="tab-pane fade show active" id="more">
<div class="widget">
<ul class="small-news-list">
@forelse($moreTrendingNews as $moreTrendingNewsItem)
<li class="small-single-news">
<a href="{{ route('news.details', ['category' =>$moreTrendingNewsItem->category->slug, 'news' => $moreTrendingNewsItem->id]) }}">
{{ strLimit(@$moreTrendingNewsItem->title, 62) }}
</a>
<div class="news-time py-1 fs-9">
<i class="fa-regular fa-clock me-1"></i> {{diffForHumans($moreTrendingNewsItem->created_at) }}
</div>
</li>
@empty
@endforelse
</ul>
</div>
</div>
<div class="tab-pane fade" id="popular">
<div class="widget">
<ul class="small-news-list">
@forelse($mostPopular as $mostPopularItem)
<li class="small-single-news">
<a href="{{ route('news.details', ['category' =>$mostPopularItem->category->slug, 'news' => $mostPopularItem->id]) }}">
{{ strLimit(@$mostPopularItem->title, 62) }}
</a>
<div class="news-time py-1 fs-9">
<i class="fa-regular fa-clock me-1"></i> {{bn_number(diffForHumans($mostPopularItem->created_at)) }}
</div>
</li>
@empty
@endforelse
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="photo-news-blog-area">
<div class="section-header">
<h3 class="section-title">
<a href="{{ route('photos') }}">
@lang('Photos') <i class="las la-angle-double-right"></i>
</a>
</h3>
</div>
<div class="row justify-content-center">
@if (@$photos[0])
<div class="col-xl-6 col-lg-6 mb-20-none">
<div class="photo-news-blog">
<a href="{{ route('news.details', ['category' =>$photos[0]->category->slug, 'news' => $photos[0]->id]) }}">
<img src="{{ getImage(getFilePath('news') . '/' . $photos[0]->image, getFileSize('news')) }}"
alt="news-banner">
<h3 class="photo-news-title">{{ strLimit(@$photos[0]->title, 100) }}</h3>
<span class="photo-badge"><i class="las la-photo-video"></i></span>
</a>
</div>
</div>
@endif
<div class="col-xl-6 col-lg-6 mb-20-none">
<div class="small-photo-news-blog">
<div class="row justify-content-center">
@foreach ($photos as $key => $photosItem)
@continue($key == 0)
<div class="col-sm-6 mb-20">
<div class="photo-news-blog">
<a href="{{ route('news.details', ['category' =>$photosItem->category->slug, 'news' => $photosItem->id]) }}">
<img src="{{ getImage(getFilePath('news') . '/' . $photosItem->image, getFileSize('news')) }}"
alt="news-banner">
<h3 class="photo-news-title">
{{ strLimit(@$photosItem->title, 50) }}</h3>
<span class="photo-badge"><i class="las la-photo-video"></i></span>
</a>
</div>
</div>
@endforeach
</div>
</div>
</div>
</div>
</div>
<div class="news-category-area pb-30">
@if (@$categories[0])
<div class="section-header">
<h3 class="section-title">
<a href="{{ route('category.details', $categories[0]->id) }}">
{{ __(@$categories[0]->name) }} <i class="las la-angle-double-right"></i>
</a>
</h3>
</div>
<div class="row justify-content-center mb-30-none">
<div class="col-xl-3 col-lg-3 col-md-4 col-sm-4 mb-30">
<aside class="aside-bar">
<div class="aside-inner">
<div class="add-item mb-30">
@php echo advertisements('300x250'); @endphp
</div>
<div class="add-item">
@php echo advertisements('300x250'); @endphp
</div>
</div>
</aside>
</div>
<div class="col-xl-6 col-lg-6 col-md-8 col-sm-8 mb-30">
<div class="main-content">
@php
$firstCategoryNews = $categories[0]->news()->orderBy('id', 'desc')->first();
@endphp
<div class="news-banner-area">
<div class="news-banner-thumb">
<a href="{{ route('news.details', ['category' =>$firstCategoryNews->category->slug, 'news' => $firstCategoryNews->id]) }}">
<img src="{{ getImage(getFilePath('news') . '/' . $firstCategoryNews->image, getFileSize('news')) }}"
alt="news-banner">
</a>
</div>
<div class="news-banner-content news-banner-content--style">
<h2 class="title">
<a href="{{ route('news.details', ['category' =>$firstCategoryNews->category->slug, 'news' => $firstCategoryNews->id]) }}">
{{ strLimit(@$firstCategoryNews->title, 300) }}
</a>
</h2>
</div>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-3 mb-30">
<div class="sidebar custom-sidebar p-0 border-0">
<div class="widget">
<div class="widget-category-item news-small-blog-area mt-0 pt-0">
@php
$firstCategorySecondNews = $categories[0]
->news()
->orderBy('id', 'desc')
->skip(1)
->first();
@endphp
@if (@$firstCategorySecondNews)
<div class="widget-category-thumb">
<a href="{{ route('news.details', ['category' =>$firstCategorySecondNews->category->slug, 'news' => $firstCategorySecondNews->id]) }}">
<img src="{{ getImage(getFilePath('news') . '/' . $firstCategorySecondNews->image, getFileSize('news')) }}"
alt="news-banner">
</a>
</div>
<div class="widget-category-content pt-10">
<ul class="small-news-list">
@php
$firstCategorySixNews = $categories[0]
->news()
->orderBy('id', 'desc')
->skip(2)
->take(6)
->get(['id', 'title', 'slug', 'category_id','created_at']);
@endphp
@forelse($firstCategorySixNews as $item)
<li class="small-single-news">
<a href="{{ route('news.details', ['category' =>$item->category->slug, 'news' => $item->id]) }}">
{{ strLimit(@$item->title, 62) }}
</a>
<div class="news-time py-1 fs-9">
<i class="fa-regular fa-clock me-1"></i> {{bn_number(diffForHumans($item->created_at)) }}
</div>
</li>
@empty
@endforelse
</ul>
</div>
@endif
</div>
</div>
</div>
</div>
</div>
@endif
</div>
@if (@$categories[1])
<div class="news-blog-area news-small-blog-area">
<div class="section-header">
<h3 class="section-title">
<a href="{{ route('category.details', $categories[1]->id) }}">
{{ __(@$categories[1]->name) }} <i class="las la-angle-double-right"></i>
</a>
</h3>
</div>
<div class="row justify-content-center mb-30-none">
<div class="col-xl-9 col-lg-8 col-md-8 mb-30">
<div class="news-blog-wrapper">
<div class="row justify-content-center mb-30-none">
@php
$secondCategoryEightNews = $categories[1]
->news()
->orderBy('id', 'desc')
->skip(1)
->take(8)
->get(['id', 'title', 'image', 'slug', 'category_id','created_at']);
@endphp
@forelse($secondCategoryEightNews as $item)
<div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 mb-30">
<div class="news-blog-item">
<div class="news-blog-thumb">
<a href="{{ route('news.details', ['category' =>$item->category->slug, 'news' => $item->id]) }}">
<img src="{{ getImage(getFilePath('news') . '/' . $item->image, getFileSize('news')) }}"
alt="news-blog">
</a>
</div>
<div class="news-blog-content">
<h3 class="title">
<a href="{{ route('news.details', ['category' =>$item->category->slug, 'news' => $item->id]) }}">
{{ strLimit(@$item->title, 50) }}
</a>
<div class="news-time py-1 fs-9">
<i class="fa-regular fa-clock me-1"></i> {{bn_number(diffForHumans($item->created_at)) }}
</div>
</h3>
</div>
</div>
</div>
@empty
@endforelse
</div>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 mb-30">
<div class="sidebar custom-sidebar">
<div class="widget">
@php
$secondCategoryFirstNews = $categories[1]
->news()
->orderBy('id', 'desc')
->first();
@endphp
<div class="widget-category-item news-small-blog-area mt-0 pt-0">
<div class="widget-category-thumb">
<a href="{{ route('news.details', ['category' =>$secondCategoryFirstNews->category->slug, 'news' => $secondCategoryFirstNews->id]) }}">
<img src="{{ getImage(getFilePath('news') . '/' . $secondCategoryFirstNews->image, getFileSize('news')) }}"
alt="news-banner">
</a>
</div>
<div class="widget-category-content widget-category-content--style pt-10">
<h4 class="title">
<a href="{{ route('news.details', ['category' =>$secondCategoryFirstNews->category->slug, 'news' => $secondCategoryFirstNews->id]) }}">
{{ strLimit(@$secondCategoryFirstNews->title, 50) }}
</a>
<div class="news-time py-1 fs-9">
<i class="fa-regular fa-clock me-1"></i> {{bn_number(diffForHumans($secondCategoryFirstNews->created_at)) }}
</div>
</h4>
<p>{{ strLimit(@$secondCategoryFirstNews->short_description, 200) }}</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
@endif
@if (@$categories[2])
<div class="news-category-area pb-30">
<div class="section-header">
<h3 class="section-title">
<a href="{{ route('category.details', $categories[2]->id) }}">
{{ __(@$categories[2]->name) }} <i class="las la-angle-double-right"></i>
</a>
</h3>
</div>
<div class="row justify-content-center mb-30-none">
<div class="col-xl-8 col-lg-6 col-md-6 mb-30">
<div class="main-content">
@php
$thirdCategoryFirstNews = $categories[2]->news()->orderBy('id', 'desc')->first();
@endphp
<div class="news-banner-area">
<div class="news-banner-thumb">
<a href="{{ route('news.details', ['category' =>$thirdCategoryFirstNews->category->slug, 'news' => $thirdCategoryFirstNews->id]) }}">
<img src="{{ getImage(getFilePath('news') . '/' . $thirdCategoryFirstNews->image, getFileSize('news')) }}"
alt="news-banner">
</a>
</div>
<div class="news-banner-content">
<h2 class="title">
<a href="{{ route('news.details', ['category' =>$thirdCategoryFirstNews->category->slug, 'news' => $thirdCategoryFirstNews->id]) }}">
{{ __(@$thirdCategoryFirstNews->title) }}
</a>
<div class="news-time py-1 fs-9">
<i class="fa-regular fa-clock me-1"></i> {{bn_number(diffForHumans($thirdCategoryFirstNews->created_at)) }}
</div>
</h2>
<p>{{ strLimit(@$thirdCategoryFirstNews->short_description, 500) }}</p>
</div>
</div>
</div>
</div>
<div class="col-xl-4 col-lg-6 col-md-6 col-sm-12 mb-30">
<div class="sidebar custom-sidebar">
<div class="widget">
<ul class="small-news-list">
@php
$thirdCategoryFourthNews = $categories[2]
->news()
->orderBy('id', 'desc')
->skip(1)
->take(4)
->get(['id', 'title', 'image', 'slug', 'category_id','created_at']);
@endphp
@forelse($thirdCategoryFourthNews as $item)
<li class="small-single-news">
<div class="thumb">
<a href="{{ route('news.details', ['category' =>$item->category->slug, 'news' => $item->id]) }}">
<img src="{{ getImage(getFilePath('news') . '/' . $item->image, getFileSize('news')) }}"
alt="news image">
</a>
</div>
<div class="content">
<h5 class="title">
<a href="{{ route('news.details', ['category' =>$item->category->slug, 'news' => $item->id]) }}">
{{ __(@$item->title) }}
</a>
<div class="news-time py-1 fs-9">
<i class="fa-regular fa-clock me-1"></i> {{bn_number(diffForHumans($item->created_at)) }}
</div>
</h5>
</div>
</li>
@empty
@endforelse
</ul>
</div>
</div>
</div>
</div>
</div>
@endif
<div class="add-section ptb-30">
<div class="row justify-content-center">
<div class="col-lg-12 text-center">
<div class="add-thumb">
@php echo advertisements('980x90'); @endphp
</div>
</div>
</div>
</div>
@if ($afterFourCategories)
<div class="news-blog-area news-small-blog-area">
<div class="row justify-content-center mb-30-none">
@forelse($afterFourCategories->take(6) as $categoryItem)
@php
$categoryFirstNews = $categoryItem->news()->latest()->first();
@endphp
<div class="col-xl-2 col-lg-3 col-md-6 col-sm-6 mb-30">
<div class="news-blog-item">
<div class="news-blog-header">
<span class="sub-title">
<a href="{{ route('category.details', $categoryItem->id) }}">
{{ __(@$categoryItem->name) }} <i class="las la-angle-double-right"></i>
</a>
</span>
</div>
<div class="news-blog-thumb">
<a href="{{ route('news.details', ['category' =>$categoryFirstNews->category->slug, 'news' => $categoryFirstNews->id]) }}">
<img src="{{ getImage(getFilePath('news') . '/' . $categoryFirstNews->image, getFileSize('news')) }}"
alt="news-blog">
</a>
</div>
<div class="news-blog-content">
<h3 class="title">
<a href="{{ route('news.details', ['category' =>$categoryFirstNews->category->slug, 'news' => $categoryFirstNews->id]) }}">
{{ __(@$categoryFirstNews->title) }}
</a>
<div class="news-time py-1 fs-9">
<i class="fa-regular fa-clock me-1"></i> {{bn_number(diffForHumans($categoryFirstNews->created_at)) }}
</div>
</h3>
</div>
</div>
</div>
@empty
@endforelse
</div>
</div>
@endif
</div>
</section>
@endsection
@push('script')
<script>
$(function() {
'use strict'
//date
$(function() {
$("#datepicker").datepicker({
onSelect: function(dateText, inst) {
window.location = "archive/" + dateText;
},
dateFormat: "dd-mm-yy"
});
});
$("#from").datepicker({
defaultDate: "+1w",
changeMonth: true,
numberOfMonths: 3,
onClose: function(selectedDate) {
$("#to").datepicker("option", "minDate", selectedDate);
}
});
$("#to").datepicker({
defaultDate: "+1w",
changeMonth: true,
numberOfMonths: 3,
onClose: function(selectedDate) {
$("#from").datepicker("option", "maxDate", selectedDate);
}
});
})
</script>
@endpush