@php
    use App\DashboardModel;
    use App\propertyModel;
    $dashboardModelInstance = new DashboardModel();
    $propertyModelInstance = new propertyModel();
    $category = $dashboardModelInstance->get_category($property_list_details->group_category);
@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">Properties</h4>
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="{{url('/')}}">Home</a></li>
                <li class="breadcrumb-item"><a href="{{url('/')}}/properties">Properties</a></li>
                <li class="breadcrumb-item active" aria-current="page">Property 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">
                
                <div class="card overflow-hidden">
                    @php
                        $profile_details = $dashboardModelInstance->get_member_profile($property_list_details->user_id);
                    @endphp
                    <div class="card-body h-100">
                        <div class="item-det mb-4">
                            <h2 class="">{{$property_list_details->group_name}}</h2>
                            <div class=" d-flex">
                                <ul class="d-flex mb-0">
                                    <li class="mr-5"><i class="fa fa-list alt text-muted mr-1"></i>{{$category->name}}</li>
                                    <li class="mr-5"><i class="si si-calendar text-muted mr-1"></i> {{date('M-d-Y', strtotime($property_list_details->revision_timestamp)) }}</li>
                                    <li class="mr-5"><i class="si si-eye text-muted mr-1"></i> {{$property_list_details->view_count}}</li>
                                </ul>
                            </div>
                        </div>
                        @php
                          $property_image =  $dashboardModelInstance->detailsPageImage($property_list_details->group_id, $property_list_details->data_type);
                        @endphp
                        <div class="product-slider">
                            <div id="carousel" class="carousel slide" data-ride="carousel">
                                <div class="arrow-ribbon2 bg-primary">${{$property_list_details->property_price}}</div>
                                <div class="carousel-inner">
                                    @php $count=0; @endphp
                                    @foreach($property_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" ></i>
                                </a>
                                <a class="carousel-control-next" href="#carousel" role="button" data-slide="next">
                                    <i class="fa fa-angle-right" ></i>
                                </a>
                            </div>
                            <div class="clearfix">
                                <!--Image-carousel-->
                                <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($property_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" ></i>
                                    </a>
                                    <a class="carousel-control-next" href="#thumbcarousel" role="button" data-slide="next">
                                        <i class="fa fa-angle-right" ></i>
                                    </a>
                                </div>
                                <!--/Image-carousel-->
                            </div>
                        </div>
                    </div>
                </div>

                <!--Description-->
                <div class="card">
                    <div class="card-header">
                        <h3 class="card-title">Description</h3>
                    </div>
                    <div class="card-body">
                        <div class="mb-4">
                            <p></p>
                        </div>
                        <h4 class="mb-4">Specifications</h4>
                        <div class="row">
                            <div class="col-xl-6 col-md-12">
                                <ul class="list-unstyled widget-spec mb-0">
                                    <li class="">
                                        <i class="fa fa-bed text-muted w-5"></i> {{$property_list_details->property_beds}} BedRooms
                                    </li>
                                    <li class="">
                                        <i class="fa fa-bath text-muted w-5"></i> {{$property_list_details->property_baths}} BathRooms
                                    </li>
                                    {{-- <li class="">
                                        <i class="fa fa-life-ring text-muted w-5"></i> Unfurnished
                                    </li>
                                    <li class="">
                                        <i class="fa fa-car text-muted w-5" ></i> 2 Car Parking
                                    </li>
                                    <li class="">
                                        <i class="fa fa-globe text-muted w-5"></i> East East face
                                    </li>
                                    <li class="mb-xl-0">
                                        <i class="fa fa-pagelines text-muted w-5"></i> Garden
                                    </li> --}}
                                </ul>
                            </div>
                            {{-- <div class="col-xl-6 col-md-12">
                                <ul class="list-unstyled widget-spec mb-0">
                                    <li class="">
                                        <i class="fa fa-lock text-muted w-5"></i> Security
                                    </li>
                                    <li class="">
                                        <i class="fa fa-building-o text-muted w-5"></i> Lift
                                    </li>
                                    <li class="">
                                        <i class="fa fa-check text-muted w-5"></i> Swimming fool
                                    </li>
                                    <li class="">
                                        <i class="fa fa-gamepad text-muted w-5"></i> Play Area
                                    </li>
                                    <li class="">
                                        <i class="fa fa-futbol-o text-muted w-5"></i> football Court
                                    </li>
                                    <li class="mb-0">
                                        <i class="fa fa-trophy text-muted w-5"></i> Cricket Court
                                    </li>
                                </ul>
                            </div> --}}
                        </div>

                    </div>
                    <div class="card-body">
                        <div class="list-id">
                            <div class="row">
                                <div class="col">
                                    <a class="mb-0">Property ID : #{{$property_list_details->group_id}}</a>
                                </div>
                                <div class="col col-auto">
                                    Posted By <a class="mb-0 font-weight-bold">{{$profile_details->listing_type}}</a> / {{$property_list_details->group_date}}
                                </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> Like</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(',',$property_list_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>

                <!--Description-->
                @php 
                    $user_id= $property_list_details->user_id;
                    $location = $property_list_details->group_location; 
                    $group_category = $property_list_details->group_category;
                    $data_type = $property_list_details->data_type;
                    $group_id = $property_list_details->group_id;
                    $comment_id = $property_list_details->group_id;
                @endphp
                <!--Related Posts-->
                @php
                    $related_post = $propertyModelInstance->get_related_property($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 Property</h3>
                    </div>
                    
                    <div class="card-body">
                        <div id="myCarousel3" class="owl-carousel owl-carousel-icons3">
                            <!-- Wrapper for carousel items -->
                            @foreach($related_post as $property)
                                @php
                                    $pro_photo_details = $dashboardModelInstance->get_users_portfolio_photo($property->group_id);
                                    $category = $dashboardModelInstance->get_category($property->group_category);
                                    $profile_details = $dashboardModelInstance->get_member_profile($property->user_id);
                                @endphp
                            <div class="item">
                                <div class="card">
                                    <div class="arrow-ribbon bg-primary">{{$property->property_status}}</div>
                                    <div class="item-card7-img">
                                        <div class="item-card7-imgs">
                                            <a href="{{route('property-details', ['file_name'=> $property_list_details->group_filename]) }}"></a>
                                            @if($pro_photo_details == NULL)
                                            <img src="{{url('/')}}/public/uploads/sample.png" alt="img" class="cover-image">
                                            @else
                                            <img src="{{url('/')}}/public/uploads/display/{{$pro_photo_details->file}}" alt="img" class="cover-image">
                                            @endif
                                        </div>
                                        <div class="item-card7-overlaytext">
                                            <a href="{{route('property-details', ['file_name'=> $property_list_details->group_filename]) }}" class="text-white">{{$category->name}}</a>
                                            <h4  class="font-weight-semibold mb-0">${{$property->property_price}}</h4>
                                        </div>
                                    </div>
                                    <div class="card-body">
                                        <div class="item-card7-desc">
                                            <a href="{{route('property-details', ['file_name'=> $property_list_details->group_filename]) }}" class="text-dark"><h4 class="font-weight-semibold">{{$property->group_name}}</h4></a>
                                        </div>
                                        <div class="item-card7-text">
                                            @php
                                                $location = substr($property->group_location, 0, 20);
                                            @endphp
                                            <ul class="icon-card mb-0">
                                                @if($property->group_location != NULL)
                                                    @if(strlen($property->group_location)>20)
                                                    <li class=""><a href="{{route('property-details', ['file_name'=> $property_list_details->group_filename]) }}" class="icons"><i class="si si-location-pin text-muted mr-1"></i>{{$location}}...</a></li>
                                                    @else
                                                    <li class=""><a href="{{route('property-details', ['file_name'=> $property_list_details->group_filename]) }}" class="icons"><i class="si si-location-pin text-muted mr-1"></i>{{$property->group_location}}</a></li>
                                                    @endif
                                                @endif
                                                <li><a href="{{route('property-details', ['file_name'=> $property_list_details->group_filename]) }}" class="icons"><i class="si si-event text-muted mr-1"></i>{{date('M-d-Y', strtotime($property->revision_timestamp)) }}</a></li>
                                                <li class="mb-0"><a href="{{route('business-list-details', ['member_id' => $profile_details->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>
            <div class="col-xl-4 col-lg-4 col-md-12">
                @include('frontend.include.member_right_sidebar')
                @include('frontend.include.map_right_sidebar')
            </div>
        </div>
    </div>
</section>

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

@include('frontend.include.footer')