@extends('layouts.front')

@section('content')

<style>
	.live-wrapper {
		position: relative;
		width: 100%;

		/* Mobile default: 16:9 */
		padding-bottom: 56.25%;
		/* 16/9 */
		margin-bottom: 100px;
	}

	.live-wrapper iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

	/* Desktop/Laptop: 9:16 (portrait) */
	@media (min-width: 992px) {

		/* Bootstrap lg */
		.live-wrapper {
			padding-bottom: 177.78%;
			/* 9/16 inverted */

		}
	}
</style>
@php
$firstsectionbigs = DB::table('posts')
->where('first_section_thumbnail', 1)
->where('status', 'active')
->orderBy('id', 'DESC')
->take(6)
->get();

$firstsectionsmall = DB::table('posts')->where('first_section', 1)->where('status', 'active')->orderBy('id', 'DESC')->limit(10)->get();
$firstsectionheding = DB::table('posts')->where('headline', 1)->where('status', 'active')->orderBy('id', 'DESC')->limit(12)->get();

$setting = DB::table('settings')->first();
$seo = DB::table('seos')->first();

$headline = DB::table('posts')
->join('categories', 'posts.cat_id', 'categories.id')
->join('subcategories', 'posts.subcat_id', 'subcategories.id')
->select('posts.*', 'categories.category_bn', 'subcategories.subcategory_bn')
->where('posts.headline', 1)
->where('status', 'active')
->orderBy('id', 'DESC')
->limit(5)
->get();
@endphp


<div class="row g-2 mb-3">
	<div class="col-md-12 d-flex align-items-center bg-light border">
		<div class="col-md-2 col-sm-4 py-2 text-white text-center bg-danger fw-bold">
			শিরোনাম :
		</div>
		<div class="col-md-10 col-sm-8 px-2">
			<marquee direction="left" scrollamount="4" onmouseover="this.stop()" onmouseout="this.start()">
				@foreach($headline as $row)
				@php $slug = preg_replace('/\s+/u', '-', trim($row->title_bn ?? '')); @endphp
				<i class="fa fa-square text-danger mx-2"></i>
				<a href="{{ URL::to('view-post/'.$row->id.'/'.$slug) }}" class="text-decoration-none text-dark">{{ $row->title_bn ?? '' }}</a>
				@endforeach
			</marquee>
		</div>
	</div>
</div>

<div class="row g-2 mb-3">
	<div class="col-md-12 d-flex align-items-center bg-light border">
		<div class="col-md-2 col-sm-4 py-2 text-white text-center bg-warning fw-bold">
			নোটিশ :
		</div>
		<div class="col-md-10 col-sm-8 px-2">
			<marquee direction="left" scrollamount="4" onmouseover="this.stop()" onmouseout="this.start()">
				@php $notice = DB::table('notices')->first(); @endphp
				<i class="fa fa-warning text-danger mx-2"></i>
				<a href="{{ $notice->link ?? '#'}}" class="text-decoration-none text-dark">{{ $notice->notice ?? '' }}</a>
			</marquee>
		</div>
	</div>
</div>

@php $livetv = DB::table('livetv')->first(); @endphp

<div class="row justify-content-center mb-2">
	<div class="col-sm-6 text-center">
		<div class="add">
			<img src="{{ url('public/ads/full1.png') }}" class="img-fluid border border-danger border-2 mx-auto" style="max-height: 96px;" alt="Advertisement">
		</div>
	</div>
	<div class="col-sm-6">
		<div class="livetv mb-4">
			<div class="bg-danger text-white p-2 mb-2 text-center">Live TV</div>

			@if($livetv && $livetv->status == 1)
			<div class="live-wrapper border">
				{!! $livetv->embed_code !!}
			</div>
			@else
			<div class="border text-center p-3 text-muted">
				Live TV is currently offline
			</div>
			@endif

		</div>
	</div>
</div>


<br>


<div class="row g-4">
	<div class="col-md-5 col-sm-12">
		<div class="leadnews">
			@if(!empty($firstsectionbigs) && $firstsectionbigs->count())
			@foreach($firstsectionbigs as $firstsectionbig)
			@php $slug = preg_replace('/\s+/u', '-', trim($firstsectionbig->title_bn ?? '')); @endphp
			<div class="mb-3">
				@if(!empty($firstsectionbig->videolink))
				<div class="ratio ratio-16x9">
					@include('frontend.video', ['post' => $firstsectionbig])
				</div>
				@else
				<a href="{{ url('view-post/' . $firstsectionbig->id . '/' . $slug) }}">
					<img class="lazyload img-fluid rounded w-100"
						src="{{ asset($setting->lazybaner ?? '') }}"
						data-src="{{ asset($firstsectionbig->image ?? '') }}"
						alt="{{ $firstsectionbig->title_bn ?? '' }}" />
				</a>
				@endif
			</div>
			<h2 class="h4 hadding_1">
				<a href="{{ url('view-post/' . $firstsectionbig->id . '/' . $slug) }}" class="text-decoration-none text-dark fw-bold">
					{{ $firstsectionbig->title_bn ?? '' }}
				</a>
			</h2>
			<div class="content-dtls text-muted mb-2">
				{{ Str::limit($firstsectionbig->details_en ?? '', 200) }}
				<div class="text-end">
					<a href="{{ url('view-post/' . $firstsectionbig->id . '/' . $slug) }}" class="btn btn-sm btn-link">বিস্তারিত...</a>
				</div>
			</div>
			<hr>
			@endforeach
			@else
			<p class="alert alert-info">কোনো প্রধান সংবাদ পাওয়া যায়নি।</p>
			@endif
		</div>
	</div>

	<div class="col-md-3 col-sm-12">
		@if(!empty($firstsectionsmall) && count($firstsectionsmall) > 0)
		@foreach($firstsectionsmall as $row)
		@php $slug = preg_replace('/\s+/u', '-', trim($row->title_bn ?? '')); @endphp
		<div class="leadnews_1 mb-3 border-bottom pb-2">
			<a href="{{ url('view-post/' . $row->id . '/' . $slug) }}">
				<img class="lazyload img-fluid rounded mb-2" src="{{ asset($setting->lazybaner ?? '') }}" data-src="{{ asset($row->image ?? '') }}" alt="{{ $row->title_bn ?? '' }}" />
			</a>
			<h5 class="h6 fw-bold"><a href="{{ url('view-post/' . $row->id . '/' . $slug) }}" class="text-decoration-none text-dark">{{ $row->title_bn ?? '' }}</a></h5>
		</div>
		@endforeach
		@endif
	</div>

	<div class="col-md-4 col-sm-12">
		<div class="tab-header border p-2">
			<ul class="nav nav-tabs nav-justified mb-3" id="newsTabs" role="tablist">
				<li class="nav-item" role="presentation">
					<button class="nav-link active bg-danger" id="latest-tab" data-bs-toggle="tab" data-bs-target="#tab21" type="button" role="tab">সর্বশেষ আপডেট</button>
				</li>
				<li class="nav-item" role="presentation">
					<button class="nav-link bg-success" id="popular-tab" data-bs-toggle="tab" data-bs-target="#tab22" type="button" role="tab">জনপ্রিয় সংবাদ</button>
				</li>
			</ul>

			<div class="tab-content border-top pt-3">
				<div class="tab-pane fade show active" id="tab21" role="tabpanel">
					@php
					$firstsectionsmallbd = DB::table('posts')->where('first_section', 1)->where('status', 'active')->orderBy('id', 'DESC')->limit(10)->get();
					@endphp
					@foreach($firstsectionsmallbd as $row)
					@php $slug = preg_replace('/\s+/u', '-', trim($row->title_bn ?? '')); @endphp
					<div class="d-flex mb-3 align-items-center border-bottom pb-2">
						<span class="badge bg-danger me-2"> তাজা </span>
						<a href="{{ url('view-post/' . $row->id . '/' . $slug) }}" class="flex-shrink-0">
							<img class="lazyload rounded" width="80" src="{{ asset($setting->lazybaner ?? '') }}" data-src="{{ asset($row->image ?? '') }}" alt="" />
						</a>
						<div class="ms-2">
							<h6 class="mb-0 fw-bold"><a href="{{ url('view-post/' . $row->id . '/' . $slug) }}" class="text-decoration-none text-dark">{{ $row->title_bn ?? '' }}</a></h6>
						</div>
					</div>
					@endforeach
				</div>

				<div class="tab-pane fade" id="tab22" role="tabpanel">
					@foreach($firstsectionheding as $row)
					@php $slug = preg_replace('/\s+/u', '-', trim($row->title_bn ?? '')); @endphp
					<div class="d-flex mb-3 align-items-center border-bottom pb-2">
						<span class="badge bg-primary me-2">খবর</span>
						<a href="{{ url('view-post/' . $row->id . '/' . $slug) }}" class="flex-shrink-0">
							<img class="lazyload rounded" width="80" src="{{ asset($setting->lazybaner ?? '') }}" data-src="{{ asset($row->image ?? '') }}" alt="" />
						</a>
						<div class="ms-2">
							<h6 class="mb-0 fw-bold"><a href="{{ url('view-post/' . $row->id . '/' . $slug) }}" class="text-decoration-none text-dark">{{ $row->title_bn ?? '' }}</a></h6>
						</div>
					</div>
					@endforeach
				</div>
			</div>
		</div>

		<div class="my-4">
			<div class="bg-light p-3 border mb-2 text-center">
				<h4>Room For Add : 01920 254269</h4>
			</div>
			<div class="bg-light p-3 border mb-3 text-center">
				<h4>Room For Add : 01920 254269</h4>
			</div>

			<div class="facebook_title bg-primary text-white p-2 mb-2"><a href="#" class="text-white text-decoration-none">ফেসবুকে আমরা...</a></div>
			<div id='fb-root'></div>
			<script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v12.0"></script>
			<div class="fb-page w-100" data-href="https://www.facebook.com/{{$setting->facebookpage ?? ''}}" data-width="500" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true"></div>
		</div>
		<!-- Prayer time Room ==========================================  -->


		<div class="anthem mb-4">
			<div class="bg-success text-white p-2 mb-2">জাতীয় সঙ্গীত</div>
			<audio controls class="w-100">
				<source src="{{ URL::to('/bd_national_anthem.mp3') }}" type="audio/mp3">
			</audio>
		</div>



		<!-- Live tv room =============  -->



	</div>
</div>

<div class="row my-5">
	<div class="col-md-6 mb-3">
		<div class="p-3 border text-center bg-light"> {!! $seo->horizontal2 ?? '' !!} </div>
	</div>
	<div class="col-md-6 mb-3">
		<div class="p-3 border text-center bg-light"> {!! $seo->horizontal3 ?? '' !!} </div>
	</div>
</div>

<div class="row g-3 mb-5">
	@php $firstsectionheding1 = DB::table('posts')->where('headline',1)->where('status', 'active')->orderBy('id','DESC')->limit(9)->get(); @endphp
	@foreach($firstsectionheding1 as $row)
	@php $slug = preg_replace('/\s+/u', '-', trim($row->title_bn ?? '')); @endphp
	<div class="col-md-4">
		<div class="card h-100 border-0">
			<a href="{{ URL::to('view-post/'.$row->id.'/'.$slug) }}">
				<img class="lazyload card-img-top rounded" src="{{ asset($setting->lazybaner ?? '') }}" data-src="{{ asset($row->image ?? '') }}" alt="" />
			</a>
			<div class="card-body px-0">
				<h5 class="h6 fw-bold"><a href="{{ URL::to('view-post/'.$row->id.'/'.$slug) }}" class="text-dark text-decoration-none">{{ $row->title_bn ?? '' }}</a></h5>
			</div>
		</div>
	</div>
	@endforeach
</div>

<div class="row mb-5">
	<div class="col-12 text-center p-3 border bg-light">
		{!! $seo->horizontalbig1 ?? '' !!}
	</div>
</div>

<div class="row g-4">
	<div class="col-md-8">
		@php
		$firstcat = DB::table('categories')->first();
		if($firstcat){
		$firstcatpostbig = DB::table('posts')->where('cat_id',$firstcat->id)->where('bigthumbnail',1)->where('status', 'active')->orderBy('id','DESC')->first();
		$firstcatpostsmall = DB::table('posts')->where('cat_id',$firstcat->id)->where('categoryhomepage',1)->where('status', 'active')->orderBy('id','DESC')->limit(6)->get();
		}
		@endphp

		@if($firstcat)
		<div class="bg-dark text-white p-2 mb-3 d-flex justify-content-between align-items-center">
			<span class="fs-5">{{ $firstcat->category_bn ?? '' }}</span>
			<a href="{{ URL::to('post/'.$firstcat->id.'/'.$firstcat->category_bn) }}" class="text-white text-decoration-none small">আরো খবর <i class="fa fa-angle-double-right"></i></a>
		</div>

		<div class="row g-3">
			<div class="col-md-6">
				@if($firstcatpostbig)
				@php $slug = preg_replace('/\s+/u', '-', trim($firstcatpostbig->title_bn ?? '')); @endphp
				<a href="{{ URL::to('view-post/'.$firstcatpostbig->id.'/'.$slug) }}">
					<img class="lazyload img-fluid rounded mb-2" src="{{ asset($setting->lazybaner ?? '') }}" data-src="{{ asset($firstcatpostbig->image ?? '') }}" alt="" />
				</a>
				<h4 class="h5 fw-bold"><a href="{{ URL::to('view-post/'.$firstcatpostbig->id.'/'.$slug) }}" class="text-dark text-decoration-none">{{ $firstcatpostbig->title_bn ?? '' }}</a></h4>
				<p class="text-muted small">{{ Str::limit($firstcatpostbig->details_en ?? '', 150) }}</p>
				@endif
			</div>
			<div class="col-md-6">
				@foreach($firstcatpostsmall as $row)
				@php $slug = preg_replace('/\s+/u', '-', trim($row->title_bn ?? '')); @endphp
				<div class="d-flex mb-2 border-bottom pb-2">
					<a href="{{ URL::to('view-post/'.$row->id.'/'.$slug) }}" class="flex-shrink-0">
						<img class="lazyload rounded" width="100" src="{{ asset($setting->lazybaner ?? '') }}" data-src="{{ asset($row->image ?? '') }}" alt="" />
					</a>
					<div class="ms-2">
						<h6 class="mb-0 small fw-bold"><a href="{{ URL::to('view-post/'.$row->id.'/'.$slug) }}" class="text-dark text-decoration-none">{{ $row->title_bn ?? '' }}</a></h6>
					</div>
				</div>
				@endforeach
			</div>
		</div>
		@endif
	</div>

	<div class="col-md-4">
		@php
		$secondcat = DB::table('categories')->skip(1)->take(1)->first();
		if($secondcat){
		$secondcatpostbig = DB::table('posts')->where('cat_id', $secondcat->id)->where('bigthumbnail', 1)->where('status', 'active')->orderBy('id', 'DESC')->first();
		$secondcatpostsmall = DB::table('posts')->where('cat_id', $secondcat->id)->where('categoryhomepage', 1)->where('status', 'active')->orderBy('id', 'DESC')->limit(2)->get();
		}
		@endphp

		@if($secondcat)
		<div class="bg-secondary text-white p-2 mb-3">
			<a href="{{ URL::to('post/'.$secondcat->id.'/'.$secondcat->category_bn) }}" class="text-white text-decoration-none">{{ $secondcat->category_bn ?? '' }}</a>
		</div>
		@if($secondcatpostbig)
		@php $slug = preg_replace('/\s+/u', '-', trim($secondcatpostbig->title_bn ?? '')); @endphp
		<div class="mb-4">
			<a href="{{ URL::to('view-post/' . $secondcatpostbig->id . '/' . $slug) }}">
				<img class="lazyload img-fluid rounded mb-2 w-100" src="{{ asset($setting->lazybaner ?? '') }}" data-src="{{ asset($secondcatpostbig->image ?? '') }}" alt="" />
			</a>
			<h5 class="fw-bold"><a href="{{ URL::to('view-post/' . $secondcatpostbig->id . '/' . $slug) }}" class="text-dark text-decoration-none">{{ $secondcatpostbig->title_bn ?? '' }}</a></h5>
		</div>
		@endif
		@foreach($secondcatpostsmall as $row)
		@php $slug = preg_replace('/\s+/u', '-', trim($row->title_bn ?? '')); @endphp
		<div class="d-flex mb-3 border-bottom pb-2">
			<a href="{{ URL::to('view-post/' . $row->id . '/' . $slug) }}" class="flex-shrink-0">
				<img class="lazyload rounded" width="100" src="{{ asset($setting->lazybaner ?? '') }}" data-src="{{ asset($row->image ?? '') }}" alt="" />
			</a>
			<div class="ms-2">
				<h6 class="mb-0 fw-bold"><a href="{{ URL::to('view-post/' . $row->id . '/' . $slug) }}" class="text-dark text-decoration-none">{{ $row->title_bn ?? '' }}</a></h6>
			</div>
		</div>
		@endforeach
		@endif
	</div>
</div>

<div class="row my-5">
	<div class="col-md-6 p-2 border bg-light text-center"> {!! $seo->horizontal4 ?? '' !!} </div>
	<div class="col-md-6 p-2 border bg-light text-center"> {!! $seo->horizontal5 ?? '' !!} </div>
</div>

<div class="row g-4 mb-5">
	<div class="col-md-8">
		@php
		$thirdcat = DB::table('categories')->skip(2)->first();
		@endphp
		@if($thirdcat)
		@php
		$thirdcatpostbig = DB::table('posts')->where('cat_id', $thirdcat->id)->where('bigthumbnail', 1)->where('status', 'active')->orderBy('id', 'DESC')->first();
		$thirdcatpostsmall = DB::table('posts')->where('cat_id', $thirdcat->id)->where('status', 'active')->orderBy('id', 'DESC')->limit(2)->get();
		$thirdcatpostsmall1 = DB::table('posts')->where('cat_id', $thirdcat->id)->where('categoryhomepage', 1)->where('status', 'active')->orderBy('id', 'DESC')->limit(6)->get();
		@endphp
		<div class="bg-dark text-white p-2 mb-3 d-flex justify-content-between">
			<span>{{ $thirdcat->category_bn ?? '' }}</span>
			<a href="{{ URL::to('post/'.$thirdcat->id.'/'.$thirdcat->category_bn) }}" class="text-white text-decoration-none small">আরো খবর</a>
		</div>
		<div class="row g-3">
			<div class="col-md-6 border-end">
				@if($thirdcatpostbig)
				@php $slug = preg_replace('/\s+/u', '-', trim($thirdcatpostbig->title_bn ?? '')); @endphp
				<a href="{{ URL::to('view-post/' . $thirdcatpostbig->id . '/' . $slug) }}">
					<img class="lazyload img-fluid rounded mb-2" src="{{ asset($setting->lazybaner ?? '') }}" data-src="{{ asset($thirdcatpostbig->image ?? '') }}" alt="" />
				</a>
				<h5 class="fw-bold"><a href="{{ URL::to('view-post/' . $thirdcatpostbig->id . '/' . $slug) }}" class="text-dark text-decoration-none">{{ $thirdcatpostbig->title_bn ?? '' }}</a></h5>
				@endif
				@foreach($thirdcatpostsmall as $row)
				@php $slug = preg_replace('/\s+/u', '-', trim($row->title_bn ?? '')); @endphp
				<div class="py-1"><i class="fa fa-arrow-circle-right text-danger me-1"></i> <a href="{{ URL::to('view-post/' . $row->id . '/' . $slug) }}" class="text-dark text-decoration-none">{{ $row->title_bn ?? '' }}</a></div>
				@endforeach
			</div>
			<div class="col-md-6">
				@foreach($thirdcatpostsmall1 as $row)
				@php $slug = preg_replace('/\s+/u', '-', trim($row->title_bn ?? '')); @endphp
				<div class="d-flex mb-2 border-bottom pb-2">
					<a href="{{ URL::to('view-post/' . $row->id . '/' . $slug) }}" class="flex-shrink-0">
						<img class="lazyload rounded" width="80" src="{{ asset($setting->lazybaner ?? '') }}" data-src="{{ asset($row->image ?? '') }}" alt="" />
					</a>
					<div class="ms-2">
						<h6 class="mb-0 small fw-bold"><a href="{{ URL::to('view-post/' . $row->id . '/' . $slug) }}" class="text-dark text-decoration-none">{{ $row->title_bn ?? '' }}</a></h6>
					</div>
				</div>
				@endforeach
			</div>
		</div>
		@endif
	</div>

	<div class="col-md-4">
		@php $fourthcat = DB::table('categories')->skip(3)->take(1)->first(); @endphp
		@if($fourthcat)
		@php
		$fourthcatpostbig = DB::table('posts')->where('cat_id', $fourthcat->id)->where('bigthumbnail', 1)->where('status', 'active')->orderBy('id', 'DESC')->first();
		$fourthcatpostsmall = DB::table('posts')->where('cat_id', $fourthcat->id)->where('categoryhomepage', 1)->where('status', 'active')->orderBy('id', 'DESC')->limit(4)->get();
		@endphp
		<div class="bg-info text-white p-2 mb-3 fw-bold">{{ $fourthcat->category_bn ?? '' }}</div>
		@if($fourthcatpostbig)
		@php $slug = preg_replace('/\s+/u', '-', trim($fourthcatpostbig->title_bn ?? '')); @endphp
		<div class="mb-4">
			<a href="{{ URL::to('view-post/' . $fourthcatpostbig->id . '/' . $slug) }}">
				<img class="lazyload img-fluid rounded mb-2 w-100" src="{{ asset($setting->lazybaner ?? '') }}" data-src="{{ asset($fourthcatpostbig->image ?? '') }}" alt="" />
			</a>
			<h5 class="fw-bold small"><a href="{{ URL::to('view-post/' . $fourthcatpostbig->id . '/' . $slug) }}" class="text-dark text-decoration-none">{{ $fourthcatpostbig->title_bn ?? '' }}</a></h5>
		</div>
		@endif
		@foreach($fourthcatpostsmall as $row)
		@php $slug = preg_replace('/\s+/u', '-', trim($row->title_bn ?? '')); @endphp
		<div class="d-flex mb-3 border-bottom pb-2">
			<a href="{{ URL::to('view-post/' . $row->id . '/' . $slug) }}" class="flex-shrink-0">
				<img class="lazyload rounded" width="100" src="{{ asset($setting->lazybaner ?? '') }}" data-src="{{ asset($row->image ?? '') }}" alt="" />
			</a>
			<div class="ms-2">
				<h6 class="mb-0 small fw-bold"><a href="{{ URL::to('view-post/' . $row->id . '/' . $slug) }}" class="text-dark text-decoration-none">{{ $row->title_bn ?? '' }}</a></h6>
			</div>
		</div>
		@endforeach
		@endif
	</div>
</div>



<section class="gallery-section py-4">
	<div class="row g-4">
		<div class="col-md-6">
			<div class="catagory-title bg-dark text-white p-2 mb-3">
				<i class="fa fa-camera"></i> ফটো গ্যালারী
			</div>

			<div class="photo_gallary shadow-sm rounded overflow-hidden">
				<div id="myCarousel" class="carousel slide" data-bs-ride="carousel">
					@php
					$photobig = DB::table('photos')->where('type', 1)->orderBy('id', 'DESC')->limit(1)->get();
					$photobig1 = DB::table('photos')->where('type', 1)->orderBy('id', 'DESC')->skip(1)->limit(4)->get();
					@endphp

					<div class="carousel-inner">
						{{-- First Active Item --}}
						@foreach($photobig as $row)
						<div class="carousel-item active">
							<div class="position-relative">
								<a href="{{ asset($row->photo ?? '') }}">
									<img src="{{ asset($row->photo ?? '') }}" class="d-block w-100" style="height: 350px; object-fit: cover;" alt="{{ $row->title ?? '' }}">
								</a>
								<div class="carousel-caption d-none d-md-block bg-dark bg-opacity-50 start-0 end-0 bottom-0 p-2">
									<h5 class="mb-0 text-white fs-6">{{ $row->title ?? '' }}</h5>
								</div>
							</div>
						</div>
						@endforeach

						{{-- Subsequent Items --}}
						@foreach($photobig1 as $row)
						<div class="carousel-item">
							<div class="position-relative">
								<a href="{{ asset($row->photo ?? '') }}">
									<img src="{{ asset($row->photo ?? '') }}" class="d-block w-100" style="height: 350px; object-fit: cover;" alt="{{ $row->title ?? '' }}">
								</a>
								<div class="carousel-caption d-none d-md-block bg-dark bg-opacity-50 start-0 end-0 bottom-0 p-2">
									<h5 class="mb-0 text-white fs-6">{{ $row->title ?? '' }}</h5>
								</div>
							</div>
						</div>
						@endforeach
					</div>

					{{-- Controls --}}
					<button class="carousel-control-prev" type="button" data-bs-target="#myCarousel" data-bs-slide="prev">
						<span class="carousel-control-prev-icon" aria-hidden="true"></span>
						<span class="visually-hidden">Previous</span>
					</button>
					<button class="carousel-control-next" type="button" data-bs-target="#myCarousel" data-bs-slide="next">
						<span class="carousel-control-next-icon" aria-hidden="true"></span>
						<span class="visually-hidden">Next</span>
					</button>
				</div>
			</div>
		</div>

		<div class="col-md-6">
			<div class="catagory-title bg-danger text-white p-2 mb-3">
				<i class="fa fa-video-camera"></i> ভিডিও গ্যালারী
			</div>
			<div class="row g-2">
				@php
				$videosmall2 = DB::table('videos')->where('type', 1)->orderBy('id', 'DESC')->limit(4)->get();
				@endphp

				@foreach($videosmall2 as $row)
				<div class="col-6">
					<div class="ratio ratio-16x9 shadow-sm rounded overflow-hidden mb-2">
						<iframe src="https://www.youtube.com/embed/{{ $row->embed_code ?? '' }}"
							title="YouTube video player"
							frameborder="0"
							allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
							allowfullscreen></iframe>
					</div>
				</div>
				@endforeach
			</div>
		</div>
	</div>

	<div class="row mt-4 g-3">
		@php
		$seo = DB::table('seos')->first();
		@endphp
		<div class="col-md-6">
			<div class="add p-2 border bg-light text-center rounded">
				{!! $seo->horizontal1 ?? '' !!}
			</div>
		</div>
		<div class="col-md-6">
			<div class="add p-2 border bg-light text-center rounded">
				{!! $seo->horizontal2 ?? '' !!}
			</div>
		</div>
	</div>
</section>
@endsection