@php
    use App\DashboardModel;
    $dashboardModelInstance = new DashboardModel();
    $profile_details = $dashboardModelInstance->get_member_profile($classified_details->user_id);
    $category = $dashboardModelInstance->get_category($classified_details->group_category);
    use App\classifiedModel;
    $classifiedModelInstance = new classifiedModel();
    use App\MasterModel;
    $master_instance = new MasterModel();
@endphp
<!-- Include Header -->
@include('frontend.include.header'); 

<!--BreadCrumb-->
<div class="bg-white border-bottom">
    <div class="container">
        <div class="page-header">
            <h4 class="page-title">Books, DVDs & E Learnings</h4>
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="{{url('/')}}">Home</a></li>
                <li class="breadcrumb-item"><a href="{{url('/')}}/books-dvds-elearning">Books, DVDs & E Learnings</a></li>
                <li class="breadcrumb-item active" aria-current="page">Books, DVDs & E Learnings Details</li>
            </ol>
        </div>
    </div>
</div>
<!--/BreadCrumb-->

<!--Add listing-->
<section class="sptb">
    <div class="container">
        <div class="row">
            <div class="col-xl-8 col-lg-8 col-md-12">
                <!--Classified Description-->
                <div class="card overflow-hidden">
                    <div class="card-body h-100">
                        <div class="item-det mb-4">
                            <h2>{{$classified_details->group_name}}</h2>
                            <div class="d-flex">
                                <ul class="d-flex mb-0">
                                    @if(is_numeric($classified_details->group_category))
                                    <li class="mr-5"><i class="fa fa-list alt text-muted mr-1"></i>{{$category->name}}</li>
                                    @else
                                    <li class="mr-5"><i class="fa fa-list alt text-muted mr-1"></i>{{$classified_details->group_category}}</li>
                                    @endif
                                    <li class="mr-5"><i class="si si-calendar text-muted mr-1"></i>{{date('M-d-Y', strtotime($classified_details->revision_timestamp)) }}</li>
                                    <li class="mr-5"><i class="si si-eye text-muted mr-1"></i> {{$classified_details->view_count}}</li>
                                </ul>
                            </div>
                        </div>
                        @php
                        $classified_image =  $dashboardModelInstance->detailsPageImage($classified_details->group_id, $classified_details->data_type);
                      @endphp
                        <div class="product-slider">
                            <div id="carousel" class="carousel slide" data-ride="carousel">
                                @if($classified_details->post_price != NULL)
                                <div class="arrow-ribbon2 bg-primary">{{$classified_details->post_price}}</div>
                                @endif
                                <div class="carousel-inner">
                                    @php $count=0; @endphp
                                    @foreach($classified_image as $image)
                                    
                                    @if($count==0)
                                    <div class="carousel-item active"> <img src="{{url('/')}}/public/uploads/main/{{$image->file}}" alt="img"> </div>
                                    @else
                                    <div class="carousel-item"> <img src="{{url('/')}}/public/uploads/main/{{$image->file}}" alt="img"> </div>
                                    @endif
                                    @php
                                        $count++;
                                        $no_img = $count; 
                                    @endphp
                                    @endforeach
                                </div>
                                <a class="carousel-control-prev" href="#carousel" role="button" data-slide="prev">
                                    <i class="fa fa-angle-left" aria-hidden="true"></i>
                                </a>
                                <a class="carousel-control-next" href="#carousel" role="button" data-slide="next">
                                    <i class="fa fa-angle-right" aria-hidden="true"></i>
                                </a>
                            </div>
                            @if($count!=1)
                            <div class="clearfix">
                                <div id="thumbcarousel" class="carousel slide" data-interval="false">
                                    <div class="carousel-inner">
                                        @php 
                                            $no_line = @$no_img/5;
                                        @endphp
                                        @if($no_line<=1)
                                            @php $n_line = 1 @endphp                                            
                                        @else
                                            @php  $n_line = ceil($no_line) @endphp
                                        @endif
                                        @for($i=1;$i<=$n_line;$i++)
                                        <div class="carousel-item @if($i==1)active @endif">
                                            @php $slide=0; $count_img=1;@endphp
                                            @foreach($classified_image as $image)
                                                @if($count_img <=5 && $i==1)
                                                    <div data-target="#carousel" data-slide-to="{{$slide}}" class="thumb"><img src="{{url('/')}}/public/uploads/main/{{$image->file}}" alt="img"></div>
                                                @elseif($i==2 && $count_img<=10 && $count_img>5 )
                                                    <div data-target="#carousel" data-slide-to="{{$slide}}" class="thumb"><img src="{{url('/')}}/public/uploads/main/{{$image->file}}" alt="img"></div>
                                                @elseif($i>2 && $count_img>10)
                                                    <div data-target="#carousel" data-slide-to="{{$slide}}" class="thumb"><img src="{{url('/')}}/public/uploads/main/{{$image->file}}" alt="img"></div>
                                                @endif
                                            @php $slide++; $count_img++; @endphp
                                            @endforeach
                                        </div>
                                        @endfor
                                    </div>
                                    <a class="carousel-control-prev" href="#thumbcarousel" role="button" data-slide="prev">
                                        <i class="fa fa-angle-left" aria-hidden="true"></i>
                                    </a>
                                    <a class="carousel-control-next" href="#thumbcarousel" role="button" data-slide="next">
                                        <i class="fa fa-angle-right" aria-hidden="true"></i>
                                    </a>
                                </div>
                            </div>
                            @endif
                        </div>
                    </div>
                </div>
                <div class="card">
					<div class="card-body">
						<div class="border-0">
							<div class="tab-content">
								<div class="tab-pane active">
									<div id="profile-log-switch">
										<div class="media-heading">
											<h5><strong>Information</strong></h5>
										</div>
										<div class="table-responsive ">
											<table class="table row table-borderless">
												<tbody class="col-lg-12 col-xl-12 p-0">
													<tr>
														@if($classified_details->group_location != NULL)
															<td><strong>Location :</strong>{{$classified_details->group_location}}</td>
														@endif
														
													</tr>
												</tbody>
												<tbody class="col-lg-12 col-xl-6 p-0">
													<tr>
														@if($classified_details->property_condition != NULL)
															<td><strong>Condition :</strong> {{$classified_details->property_condition}}</td>
														@endif
														
													</tr>
													<tr>
														@if($classified_details->property_status != NULL)
															<td><strong>Status :</strong> {{$classified_details->property_status}}</td>
														@endif
														
													</tr>
                                                   
												</tbody>
											</table>
										</div>
										<div class="row profie-img">
											<div class="col-md-12 text-justify">
												<div class="media-heading">
													<h5><strong>Description</strong></h5>
												</div>
													@if($classified_details->group_desc == NULL)
														<h3 style="text-align:center;">No Description</h3>
													@else
														<p>
															@php eval('?>' . stripslashes($classified_details->group_desc)); @endphp
														</p>
													@endif
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
                    <div class="card-body">
                        <div class="list-id">
                            <div class="row">
                                <div class="col">
                                    <a class="mb-0">ID : #{{$classified_details->group_id}}</a>
                                </div>
                                <div class="col col-auto">
                                    Posted By <a class="mb-0 font-weight-bold">{{$profile_details->listing_type}}</a> / {{date('M-d-Y', strtotime($classified_details->date_updated)) }}
                                </div>
                            </div>
                        </div>
                    </div>
                    {{-- <div class="card-footer">
                        <div class="icons">
                            <a href="#" class="btn btn-primary icons"><i class="si si-heart  mr-1"></i> 678</a>
                            <a href="#" class="btn btn-secondary icons"><i class="si si-printer  mr-1"></i> Print</a>
                        </div>
                    </div> --}}
                    <div class="card-footer">
						@php 
							$smart_tags = explode(',',$classified_details->post_tags);
						@endphp
						<p>
							@foreach($smart_tags as $tags)
								<i class="fa fa-tag smart_tag_custom" aria-hidden="true">{{$tags}}</i>&nbsp;
							@endforeach
						</p>
					</div>
				</div>
                @php 
                    $user_id= $classified_details->user_id;
                    $location = $classified_details->group_location;
                    $data_type = $classified_details->data_type;
                    $group_category = $classified_details->group_category;
                    $group_id =  $classified_details->group_id;
                    $comment_id =  $classified_details->group_id;
                @endphp
                
                <!--/Classified Description-->

                <!--Related Posts-->
                @php
                    $related_post = $classifiedModelInstance->get_related_classified($group_category, $data_type, $group_id);
                @endphp
                @if(count($related_post)>0)
                <div class="card">
                    <div class="card-header">
                        <h3 class="mb-5 mt-4">Related Book DVDs & Elearning</h3>
                    </div>
                    
                    <div class="card-body">
                        <div id="myCarousel3" class="owl-carousel owl-carousel-icons3">
                            <!-- Wrapper for carousel items -->
                            @foreach($related_post as $classified)
                                @php
                                    $pro_photo_details = $dashboardModelInstance->get_users_portfolio_photo($classified->group_id);
                                    $category = $dashboardModelInstance->get_category($classified->group_category);
                                    $profile_details = $dashboardModelInstance->get_member_profile($classified->user_id);
                                @endphp
                            <div class="item">
                                <div class="card sec001-details">
                                    <div class="item-card7-img">
                                        <div class="item-card7-imgs">
                                            <a href="{{route('books-dvds-elearning-details', ['file_name'=> $classified->group_filename]) }}"></a>
                                            @if($pro_photo_details == NULL)
                                            <img src="{{url('/')}}/public/uploads/sample.png" alt="img" >
                                            @else
                                            <img src="{{url('/')}}/public/uploads/display/{{$pro_photo_details->file}}" alt="img" class>
                                            @endif
                                        </div>
                                       
                                        <div class="item-card7-overlaytext">
                                        @if(is_numeric($classified->group_category))
                                            <a href="{{route('books-dvds-elearning-details', ['file_name'=> $classified->group_filename]) }}" class="text-white">{{$category->name}}</a>
                                        @else
                                        <a href="{{route('books-dvds-elearning-details', ['file_name'=> $classified->group_filename]) }}" class="text-white">{{$classified->group_category}}</a>
                                        @endif
                                            <h4  class="font-weight-semibold mb-0">{{$classified->post_price}}</h4>
                                        </div>
                                    </div>
                                    <div class="card-body">
                                        <div class="item-card7-desc">
                                            <a href="{{route('books-dvds-elearning-details', ['file_name'=> $classified->group_filename]) }}" class="text-dark"><h4 class="font-weight-semibold">{{$classified->group_name}}</h4></a>
                                        </div>
                                        <div class="item-card7-text">
                                            @php
                                                $location = substr($classified->group_location, 0, 20);
                                            @endphp
                                            <ul class="icon-card mb-0">
                                                @if($classified->group_location != NULL)
                                                    @if(strlen($classified->group_location)>20)
                                                    <li class=""><a href="{{route('books-dvds-elearning-details', ['file_name'=> $classified->group_filename]) }}" class="icons"><i class="si si-location-pin text-muted mr-1"></i>{{$location}}...</a></li>
                                                    @else
                                                    <li class=""><a href="{{route('books-dvds-elearning-details', ['file_name'=> $classified->group_filename]) }}" class="icons"><i class="si si-location-pin text-muted mr-1"></i>{{$classified->group_location}}</a></li>
                                                    @endif
                                                @endif
                                                <li><a href="{{route('books-dvds-elearning-details', ['file_name'=> $classified->group_filename]) }}" class="icons"><i class="si si-event text-muted mr-1"></i>{{date('M-d-Y', strtotime($classified->revision_timestamp)) }}</a></li>
                                                <li class="mb-0"><a href="{{route('business-list-details', ['member_id' => $classified->user_id]) }}" class="icons"><i class="si si-user text-muted mr-1"></i> {{$profile_details->first_name}} {{$profile_details->last_name}}</a></li>
                                                <li class="mb-0"><a href="tel:{{$profile_details->phone_number}}" class="icons"><i class="si si-phone text-muted mr-1"></i> {{$profile_details->phone_number}}</a></li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            @endforeach
                        </div>
                    </div>
                </div>
                @endif
                <!--/Related Posts--> 
                <!--Comments-->
                @include('frontend.include.comments')
                <!--/Comments-->
                <!--Leave A Reply-->
                @include('frontend.include.leave_a_comment')
                <!--/Leave A Reply-->
            </div>

            <!--Right Side Content-->
            
            <div class="col-xl-4 col-lg-4 col-md-12">
                @include('frontend.include.member_right_sidebar')
                @include('frontend.include.map_right_sidebar')
                
            </div>
            <!--/Right Side Content-->
        </div>
    </div>
</section>


<!-- Newsletter-->
{{-- @include('frontend.include.newsletter')  --}}
<!--/Newsletter-->

<!-- Include Footer -->
@include('frontend.include.footer')