@extends($activeTemplate . 'layouts.frontend')
@section('content')
<section class="blog-details--section pb-100 section--height">
	<div class="container">
		<div class="row gy-5 justify-content-center">
			<div class="col-lg-8">
				<div class="blog-details">
					<div class="blog-item">
						<div class="blog-item--thumb">
							<img class="fit--img"
								src="{{ getImage(getFilePath('frontend') . '/blog' . '/' . $blog->data_values->blog_image) }}"
								alt="@lang('blog-img')">
						</div>
						
					</div>
					<div class="blog-details--content">
						<h3 class="blog-details--title mb-1">{{ __($blog->data_values->title ?? '') }}</h3>
						<div class="blog-item--content pt-0 mb-3 mt-0">
							<ul class="text-list d-flex gap--16">
								<li class="text-list__item">
									<span class="text-list__item-icon d-flex align-items-center gap--8">
										<i class="las la-calendar fs--22 text--base"></i>
										<p class="mb-0">{{ showDateTime($blog->created_at) }}</p>
									</span>
								</li>
							</ul>
						</div>
						@php
						$words = str_word_count($blog->data_values->description, 1);
						$halfway = ceil(count($words) / 2);
						$wordCount = 0;
						$output = '';
						$inserted = false;
						foreach (explode(' ', $blog->data_values->description) as $word) {
						$output .= $word . ' ';
						$wordCount++;
						if ($wordCount == $halfway && !$inserted) {
						$output .= '<blockquote class="blog-details--quote2">' . __($blog->data_values->blockquote) . '</blockquote>';
						$inserted = true;
						}
						}
						@endphp
						@php echo $output; @endphp

						<div class="blog-details--share mt-4 d-flex align-items-center flex-wrap mb-5">
							<h5 class="social-share--title mb-0 me-sm-3 me-1 d-inline-block">@lang('Share This') :</h5>
							<ul class="social-list blog-details d-flex gap--12">
								<li class="social-list--item"><a
										href="https://www.facebook.com/share.php?u={{ Request::url() }}&title={{ slug($blog->data_values->title ?? '') }}"
										class="social-list__link d-flex justify-content-center align-items-center"><i
											class="fab fa-facebook-f"></i></a> </li>
								<li class="social-list--item"><a
										href="https://www.linkedin.com/shareArticle?mini=true&url={{ Request::url() }}&title={{ slug($blog->data_values->title ?? '') }}&source=behands"
										class="social-list__link d-flex justify-content-center align-items-center"> <i
											class="fab fa-linkedin-in"></i></a></li>
								<li class="social-list--item"><a
										href="https://twitter.com/intent/tweet?status={{ slug($blog->data_values->title ?? '') }}+{{ Request::url() }}"
										class="social-list__link d-flex justify-content-center align-items-center"> <i
											class="fab fa-twitter"></i></a></li>
							</ul>
						</div>
					</div>
				</div>
			</div>

			<div class="col-lg-4">
				<!--  Blog Details Sidebar Start  -->

				<div class="col-lg-12 col-md-12 mb-4">
					<form action="{{route('blog')}}" method="GET">
						<div class="search--input  position-relative">
							<div class="input--group search--input d-flex flex-nowrap position-relative">
								<input type="text" class="form--control bg--white" id="searchValue" value="" placeholder="Search by title" name="search">
								<button class="search-btn"><i class="fa-solid fa-magnifying-glass"></i></button>
							</div>
						</div>
					</form>
				</div>
				<div class="blog-sidebar-wrapper">
					<div class="blog-sidebar base--card radius--12">
						<h5 class="blog-sidebar--title fs--24 fw--600 d-inline-block position-relative">
							@lang('Latest Posts')</h5>
						@foreach ($latests as $item)
						<div class="latest-blog d-flex flex-wrap">
							<div class="latest-blog--thumb">
								<a
									href="{{ route('blog.details', ['slug' => slug($item->data_values->title), 'id' => $item->id]) }}">
									<img src="{{ getImage(getFilePath('frontend') . '/' . 'blog/' . 'thumb_' . $item->data_values->blog_image ?? '') }}"
										alt="@lang('image')"></a>
							</div>
							<div class="latest-blog--content">
								<a href="{{ route('blog.details', ['slug' => slug($item->data_values->title), 'id' => $item->id]) }}"
									class="latest-blog--title fs--16 fw--600 w-100">
									@if (strlen(__($item->data_values->title ?? '')) > 50)
									{{ substr(__($item->data_values->title ?? ''), 0, 50) . '...' }}
									@else
									{{ __($item->data_values->title ?? '') }}
									@endif</a>
								<span class="latest-blog--date fs--14">{{ showDateTime($item->created_at) }}</span>
							</div>
						</div>
						@endforeach
					</div>
				</div>
				<!-- Blog Details Sidebar End-->
			</div>
		</div>
	</div>
</section>
@endsection