@extends('front.layout.app')

@section('seo_title')
{{ $blog_data->seo_title }}
@endsection
@section('seo_meta_description')
{{ $blog_data->seo_meta_description }}
@endsection

@section('main_content')




<!-- Breadcrumb -->
<div class="breadcrumbs bread-blog">
<div class="container">
<div class="row">
<div class="col-12">
<div class="bread-inner">
<!-- Bread Menu -->
<div class="bread-menu">
<ul>
<li><a href="{{ route('home') }}">{{ $page_two_data->blog_single_bread1 }}</a></li>
<li><a href="blog-single-left.html">Consulting</a></li>
<li><a href="#">{{ $page_two_data->blog_single_bread2 }}</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- / End Breadcrumb -->

<!-- Blog Single -->
<section class="news-area archive blog-single section-padding">
<div class="container">
<div class="row">

@if ($blog_data->page_type === 'left_sidebar')
@include('front.layout.blog_sidebar')
@endif

{{-- The $variable: The match expression compares the value of $variable (in your case, $blog_data->page_type) with different possible values. !! when matched , the result will be assigned to mainclass !! --}}

@php
$mainClass = match($blog_data->page_type) {
'left_sidebar' => 'col-lg-8 col-md-8 col-12',
'right_sidebar' => 'col-lg-8 col-md-8 col-12',
default => 'col-lg-10 offset-lg-1 col-md-10 offset-md-1 col-12'
};
@endphp

<div class="{{ $mainClass }}">
<div class="row">
<div class="col-12">
<div class="blog-single-main">

@isset($blog_data->blog_photo)
<div class="main-image">
<img src="{{ asset('uploads/' . $blog_data->blog_photo) }}" alt="#">
</div>				
@endisset

<div class="blog-detail">
<!-- News meta -->
<ul class="news-meta">
<li><i class="fa fa-user"></i>Bizwheel</li>
<li><i class="fa fa-pencil"></i>{{ $blog_data->created_at->format('F j, Y') }}</li>
<li><i class="fa fa-comments"></i>{{ $total_comments }} comments</li>
</ul>

<p>{!! $blog_data->blog_text !!}</p>
<div class="row blog-space">
<div class="col-lg-6">
@isset($blog_data->blog_photo2)
<img src="{{ asset('uploads/' . $blog_data->blog_photo2) }}" alt="#">				
@endisset

</div>
<div class="col-lg-6">
<p>{!! $blog_data->blog_photo2_text !!}</p>
<ul>
@php
$blog_list_items = explode("\n", $blog_data->blog_photo2_lists);
@endphp
@foreach ($blog_list_items as $item)
<li>{!! $item !!}</li>
@endforeach
</ul>
</div>
</div>
<p>{!! $blog_data->blog_bottom_text1 !!}</p>
<!-- Blockquote -->
<blockquote class="wp-block-quote">
<p>{!! $blog_data->blog_bottom_text2 !!}</p>
<cite>{{ $blog_data->blog_bottom_text_name }}</cite>
</blockquote>
<p>{!! $blog_data->blog_bottom_text3 !!}</p>
<!-- Post Nav -->
<div class="posts_nav">

<div class="post-left">
@if($previous)
<a href="{{ route('blog_details', $previous->slug) }}">Previous Post</a>
@endif
</div>

<div class="post-right">
@if($next)
<a href="{{ route('blog_details', $next->slug) }}">Next Post</a>
@endif
</div>

</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-12">
<!-- Show existing comments -->



<!-- MAIN COMMENT / COMMENT MODAL / REPLY COMMENT  - ALL INSIDE FOREACH LOOP -->

{{-- !! TO PASS THE EACH COMMENT ID AKA ITEM ID TO HIDDEN FIELD AKA REPLY ID IN MODAL USE data-target="#replyModal{{ $item->id }}" IN REPLY ICON AND id="replyModal{{ $item->id }}" IN MODAL ID --}}

@foreach ($comments as $item)
@php
$hash = md5(strtolower(trim($item->person_name)));
$avatar = "https://www.gravatar.com/avatar/$hash?s=80&d=retro";
@endphp
<div class="comment-box @if($item->person_type == 'admin')  admin_styles  @endif">
<div class="comment-meta">
<img src="{{ $avatar }}" alt="Profile" class="profile-pic">
<strong class="comment-author">{{ $item->person_name }}</strong>
<span class="comment-date">{{ $item->created_at->format('F j, Y') }}</span>
</div>
<p class="comment-text">
{{ $item->person_comment }}
</p>
<div class="comment-reply" data-toggle="modal" data-target="#replyModal{{ $item->id }}">↩ Reply</div>
</div>




{{-- “In the first main comment loop iteration, the main comment row is fetched, and its ID = comment_id is used to find all rows in the replies table where comment_id equals that ID, and they are shown below --}}

@if (!empty($item->fromCommentwReply) && $item->fromCommentwReply->count())
@foreach ($item->fromCommentwReply as $item2)
<div class="comment-box comment-reply-box @if($item2->person_type == 'admin')  admin_styles  @endif">
<div class="comment-meta">
<img src="{{ $avatar }}" alt="Profile" class="profile-pic">
<strong class="comment-author">{{ $item2->person_name }}</strong>
<span class="comment-date">{{ $item2->created_at->format('F j, Y') }}</span>
</div>
<p class="comment-text">
{{ $item2->person_comment }}
</p>
</div>
@endforeach
@endif





<!-- Reply Modal -->
<div class="modal fade" id="replyModal{{ $item->id }}" tabindex="-1" role="dialog" aria-labelledby="replyModalLabel" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">

<div class="modal-header">
<h5 class="modal-title" id="replyModalLabel">Reply to Comment</h5>
<button type="button" class="btn-close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true" style="font-size: 3rem; color: #f3a712;">&times;</span></button> <!-- Close Button -->
</div>

<div class="modal-body">

@if (Auth::guard('admin')->user())

<form class="form" method="post" action="{{ route('admin_comment_reply_submit') }}">
	@csrf
	<input type="hidden" name="blog_id" value="{{ $blog_data->id }}">
	
	{{-- takes the item id aka comment id --}}
	<input type="hidden" name="comment_id" value="{{ $item->id }}"> 

	<div class="row">

			<div class="col-12">
					<div class="form-group mb-3">
							<label>Your Comment </label>
							<textarea name="comment" rows="6" class="form-control">{{ old('comment') }}</textarea>
					</div>
			</div>
			<div class="col-12">
					<div class="form-group">
							<button type="submit" class="btn btn-primary">
									Submit Comment <i class="fa fa-paper-plane ms-1"></i>
							</button>
					</div>
			</div>
	</div>
</form>

@else

<form class="form" method="post" action="{{ route('comment_reply_submit') }}">
	@csrf
	<input type="hidden" name="blog_id" value="{{ $blog_data->id }}">
	
	{{-- takes the item id aka comment id --}}
	<input type="hidden" name="comment_id" value="{{ $item->id }}"> 

	<div class="row">
			<div class="col-md-6">
					<div class="form-group mb-3">
							<label>Your Name </label>
							<input type="text" name="name" value="{{ old('name') }}" class="form-control">
					</div>
			</div>
			<div class="col-md-6">
					<div class="form-group mb-3">
							<label>Your Email </label>
							<input type="email" name="email" value="{{ old('email') }}" class="form-control">
					</div>
			</div>
			<div class="col-12">
					<div class="form-group mb-3">
							<label>Your Comment </label>
							<textarea name="comment" rows="6" class="form-control">{{ old('comment') }}</textarea>
					</div>
			</div>
			<div class="col-12">
					<div class="form-group">
							<button type="submit" class="btn btn-primary">
									Submit Comment <i class="fa fa-paper-plane ms-1"></i>
							</button>
					</div>
			</div>
	</div>
</form>

@endif


</div>

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

@endforeach


</div>
</div>






@if (Auth::guard('admin')->user())

<div class="blog-comments-form mt-5">
<div class="bottom-title">
<h2>Reply to the messages</h2>
<p>* All fields are required</p>
</div>
<!-- Comment Form -->
<form class="form" method="post" action="{{ route('admin_comment_submit') }}">
@csrf
<input type="hidden" name="blog_id" value="{{ $blog_data->id }}">

	<div class="form-group ">
					<label>Your Comment</label>
					<textarea name="comment" rows="6">{{ old('comment') }}</textarea>
	</div>

	<div class="form-group button">
					<button type="submit" class="bizwheel-btn primary effect">
									Submit Comment <i class="fa fa-paper-plane"></i>
					</button>
	</div>
</form>

<!--/ End Comment Form -->
</div>


@else

<div class="blog-comments-form mt-5">
<div class="bottom-title">
<h2>{{ $total_comments === 0?'Be the first one to comment':'Leave a comment' }}</h2>
<p>* All fields are required</p>
</div>
<!-- Comment Form -->
<form class="form" method="post" action="{{ route('comment_submit') }}">
@csrf
<input type="hidden" name="blog_id" value="{{ $blog_data->id }}">

<div class="row">
<div class="col-lg-6 col-md-6 col-12">
	<div class="form-group">
					<label>Your Name</label>
					<input type="text" name="name" value="{{ old('name') }}" >
	</div>
</div>
<div class="col-lg-6 col-md-6 col-12">
	<div class="form-group">
					<label>Your Email</label>
					<input type="email" name="email" value="{{ old('email') }}" >
	</div>
</div>

<div class="col-12">
	<div class="form-group">
					<label>Your Comment</label>
					<textarea name="comment" rows="6">{{ old('comment') }}</textarea>
	</div>
</div>

<div class="col-12">
	<div class="form-group button">
					<button type="submit" class="bizwheel-btn primary effect">
									Submit Comment <i class="fa fa-paper-plane"></i>
					</button>
	</div>
</div>
</div>
</form>

<!--/ End Comment Form -->
</div>


@endif








</div>							
</div>		

@if ($blog_data->page_type === 'right_sidebar')
@include('front.layout.blog_sidebar')
@endif


</div>
</div>
</section>	
<!--/ End Services -->





@endsection