@extends('layouts.front')

@push('css')

@endpush

@section('content')
    <!-- ======================= Searchbar Banner ======================== -->
    <div class="featured-slick">
        <div class="featured-slick-slide">

            <div class="dlf-flew">
                <a href="{{ asset('project/assets/images/listing/'.$data['image']) }}" class="mfp-gallery">
                    <img src="{{ asset('project/assets/images/listing/'.$data['image']) }}" class="img-fluid mx-auto" alt="" />
                </a>
            </div>

            <!-- Gallaries code -->
        </div>
        <div class="Rego-ops-bhri">
            <div class="Rego-lkp-flex d-flex align-items-start justify-content-start">
                <div class="Rego-lkp-caption ps-3">
                    <div class="Rego-lkp-title"><h1 class="text-light mb-0 ft-bold">{{ $data['firstname'] }} {{ $data['lastname'] }}</h4></div>
                        
                    <!-- Review Code  -->
                    <div class="d-block mt-1">
                        <div class="list-lioe">
                            <div class="list-lioe-single">
                                <span class="ft-medium text-danger">
                                    
                                </span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- ======================= Searchbar Banner ======================== -->

    <!-- ============================ Listing Details Start ================================== -->
    <section class="gray py-5 position-relative">
        <div class="container">
            <div class="row">
                <div class="col-xl-8 col-lg-8 col-md-12 col-sm-12">
                    <!-- About The Description -->
                    <div class="bg-white rounded mb-4">
                        <div class="jbd-01 px-4 py-4">
                            <div class="jbd-details">
                                <h5 class="ft-bold fs-lg">@lang('About the Business')</h5>

                                <div class="d-block mt-3">
                                    <p>
                                        @if(isset($data['description']))
                                            @php
                                                echo $data['description'];
                                            @endphp
                                        @endif
                                    </p>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- Amenities and More -->
                    <div class="bg-white rounded mb-4">
                        <div class="jbd-01 px-4 py-4">
                            <div class="jbd-details">
                                <h5 class="ft-bold fs-lg">@lang('Amenities and More')</h5>
                                @php
                                    $amenities = isset($data['amenities']) ? (is_array($data['amenities']) ? $data['amenities'] : explode(',', $data['amenities'])) : [];
                                @endphp
                                @if(!empty($amenities))
                                    <ul class="amenities-list d-flex flex-wrap gap-2 p-0 m-0 list-unstyled">
                                        @foreach ($amenities as $amenity)
                                            <li class="d-flex align-items-center">
                                                <img src="{{ asset('assets/front/img/verify.svg')}}" alt="" class="me-1" />
                                                <span>{{ trim($amenity) }}</span>
                                            </li>
                                        @endforeach
                                    </ul>
                                @endif
                            </div>
                        </div>
                    </div>
					
					<!-- Department and More -->
                    <div class="bg-white rounded mb-4">
                        <div class="jbd-01 px-4 py-4">
                            <div class="jbd-details">
                                <h5 class="ft-bold fs-lg">@lang('Departments and More')</h5>
                                @php
                                    $departments = isset($data['departments']) ? (is_array($data['departments']) ? $data['departments'] : explode(',', $data['departments'])) : [];
								
                                @endphp
                                @if(!empty($departments))
                                    <ul class="departments-list d-flex flex-wrap gap-2 p-0 m-0 list-unstyled">
                                        @foreach ($departments as $department)
                                            <li class="d-flex align-items-center">
                                                <img src="{{ asset('assets/front/img/verify.svg')}}" alt="" class="me-1" />
                                                <span>{{ trim($department) }}</span>
                                            </li>
                                        @endforeach
                                    </ul>
                                @endif
                            </div>
                        </div>
                    </div>
					
					<!-- Degree and More -->
                    <div class="bg-white rounded mb-4">
                        <div class="jbd-01 px-4 py-4">
                            <div class="jbd-details">
                                <h5 class="ft-bold fs-lg">@lang('Degree and More')</h5>
                                @php
                                    $degrees = isset($data['degrees']) ? (is_array($data['degrees']) ? $data['degrees'] : explode(',', $data['degrees'])) : [];
                                @endphp
                                @if(!empty($degrees))
                                    <ul class="degrees-list d-flex flex-wrap gap-2 p-0 m-0 list-unstyled">
                                        @foreach ($degrees as $degree)
                                            <li class="d-flex align-items-center">
                                                <img src="{{ asset('assets/front/img/verify.svg')}}" alt="" class="me-1" />
                                                <span>{{ trim($degree) }}</span>
                                            </li>
                                        @endforeach
                                    </ul>
                                @endif
                            </div>
                        </div>
                    </div>

                    @if(isset($data['faqs']))
                    <!-- Frequently Asked Questions -->
                        @if (count($data->faqs)>0)
                            <div class="d-block mb-2">
                                <div class="jbd-01 py-2">
                                    <div class="jbd-details">
                                        <h5 class="ft-bold fs-lg">@lang('Frequently Asked Questions')</h5>

                                        <div class="d-block mt-3">
                                            <div id="accordion2" class="accordion">
                                                @foreach ($data->faqs as $key=>$faq)
                                                    <div class="card">
                                                        <div class="card-header" id="h{{$key}}">
                                                            <h5 class="mb-0">
                                                            <button class="btn btn-link" data-bs-toggle="collapse" data-bs-target="#ord{{$key}}" aria-expanded="true" aria-controls="ord{{$key}}">
                                                                {{ $faq->faq_name}}
                                                            </button>
                                                            </h5>
                                                        </div>

                                                        <div id="ord{{$key}}" class="collapse {{ $key == 0 ? 'show' :''}}" aria-labelledby="h{{$key}}" data-parent="#accordion2">
                                                            <div class="card-body">
                                                                {{ $faq->faq_details}}
                                                            </div>
                                                        </div>
                                                    </div>
                                                @endforeach
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        @endif
                    @endif
					
					@php
                        $reviews = $data['reviews'];
                    @endphp
                    <!-- Recommended Reviews -->
                    <div class="bg-white rounded mb-4">
                        <div class="jbd-01 px-4 py-4">
                            <div class="jbd-details mb-4">
                                <h5 class="ft-bold fs-lg">@lang('Recommended Reviews')</h5>
                                <div class="reviews-comments-wrap">
                                    @if(isset($reviews))
                                        @if (count($reviews) == 0)
                                            <div class="col-12 text-center">
                                                <p class="m-0">{{__('No Review Found')}}</p>
                                            </div>
                                        @else
                                        @foreach ($reviews as $key=>$review)
                                            <!-- reviews-comments-item -->
                                            <div class="reviews-comments-item">
                                                <div class="review-comments-avatar">
                                                    <img src="{{ asset('assets/images/'.$review->user->photo)}}" class="img-fluid" alt="">
                                                </div>
                                                <div class="reviews-comments-item-text">
                                                    <h4>
                                                        <a href="#">{{ $review->name }}</a>
                                                        <span class="reviews-comments-item-date">
                                                            <i class="ti-calendar theme-cl me-1"></i>
                                                            {{ $review->created_at->format('d M Y') }}
                                                        </span>
                                                    </h4>
                                                    <span class="agd-location">
                                                        <i class="lni lni-map-marker me-1"></i>
                                                        {{ $review->user->address ?? 'No Address' }}
                                                    </span>

                                                    <div class="listing-rating high">
                                                        @for($i=1; $i<=$review->rate; $i++)
                                                            <i class="fas fa-star active"></i>
                                                        @endfor

                                                        @for($i=1; $i<=(5-$review->rate); $i++)
                                                            <i class="fas fa-star"></i>
                                                        @endfor
                                                    </div>
                                                    <div class="clearfix"></div>
                                                    <p>
                                                        {{ $review->message }}
                                                    </p>

                                                </div>
                                            </div>
                                            <!--reviews-comments-item end-->
                                        @endforeach
                                        @endif
                                        
                                    <ul class="pagination">
                                        @if($reviews->hasPages())
                                            {{ $reviews->links() }}
                                        @endif
                                    </ul>
                                    @endif
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- Location & Hours -->
                    <div class="bg-white rounded mb-4">
                        <div class="jbd-01 px-4 py-4">
                            <div class="jbd-details mb-4">
                                <h5 class="ft-bold fs-lg">@lang('Location & Hours')</h5>
                                <div class="Rego-lot-wrap d-block">
                                    <div class="row g-4">
                                        <div class="col-xl-6 col-lg-6 col-md-12">
                                            <div class="list-map-lot">
                                                @if(isset($data['latitude']))
                                                    <iframe src="https://maps.google.com/maps?q={{ $data['latitude'] }},{{ $data['longitude'] }}&t=&z=13&ie=UTF8&iwloc=&output=embed" width="100%" height="250" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
                                                @endif
                                            </div>
                                        </div>
                                        <div class="col-xl-6 col-lg-6 col-md-12">
                                            <table class="table table-borderless">
                                                <tbody>
                                                    <tr>
                                                        <th scope="row">@lang('Mon')</th>
                                                        @if ($data['monday_opening'] != 'closed' && $data['monday_closing'])
                                                            <td>{{ $data['monday_opening'] }} - {{ $data['monday_closing'] }}</td>
                                                        @else
                                                            <td>@lang('closed')</td>
                                                        @endif
                                                    </tr>
                                                    <tr>
                                                        <td>@lang('Tue')</td>
                                                        @if ($data['tuesday_opening'] != 'closed' && $data['tuesday_closing'])
                                                            <td>{{ $data['tuesday_opening'] }} - {{ $data['tuesday_closing'] }}</td>
                                                        @else
                                                            <td>@lang('closed')</td>
                                                        @endif
                                                    </tr>
                                                    <tr>
                                                        <td>@lang('Wed')</td>
                                                        @if ($data['wednesday_opening'] != 'closed' && $data['wednesday_closing'])
                                                            <td>{{ $data['wednesday_opening'] }} - {{ $data['wednesday_closing'] }}</td>
                                                        @else
                                                            <td>@lang('closed')</td>
                                                        @endif
                                                    </tr>
                                                    <tr>
                                                        <td>@lang('Thu')</td>
                                                        @if ($data['thursday_opening'] != 'closed' && $data['thursday_closing'])
                                                            <td>{{ $data['thursday_opening'] }} - {{ $data['thursday_closing'] }}</td>
                                                        @else
                                                            <td>@lang('closed')</td>
                                                        @endif
                                                    </tr>
                                                    <tr>
                                                        <td>@lang('Fri')</td>
                                                        @if ($data['friday_opening'] != 'closed' && $data['friday_closing'])
                                                            <td>{{ $data['friday_opening'] }} - {{ $data['friday_closing'] }}</td>
                                                        @else
                                                            <td>@lang('closed')</td>
                                                        @endif
                                                    </tr>
                                                    <tr>
                                                        <td>@lang('Sat')</td>
                                                        @if ($data['saturday_opening'] != 'closed' && $data['saturday_closing'])
                                                            <td>{{ $data['saturday_opening'] }} - {{ $data['saturday_closing'] }}</td>
                                                        @else
                                                            <td>@lang('closed')</td>
                                                        @endif
                                                    </tr>
                                                    <tr>
                                                        <td>@lang('Sun')</td>
                                                        @if ($data['sunday_opening'] != 'closed' && $data['sunday_closing'])
                                                            <td>{{ $data['sundat_opening'] }} - {{ $data['sunday_closing'] }}</td>
                                                        @else
                                                            <td>@lang('closed')</td>
                                                        @endif
                                                    </tr>
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
					
					<!-- Drop Your Review -->
                    <div class="bg-white rounded mb-4">
                        <div class="jbd-01 px-4 py-4">
                            <div class="jbd-details mb-4">
                                <h5 class="ft-bold fs-lg">@lang('Drop Your Review')</h5>
                                <div class="review-form-box form-submit mt-3">
                                    <form action="{{ route('front.listing.review') }}" method="post">
                                        @csrf
                                        <div class="row">
                                            <input type="hidden" name="form_response_id" value="{{ $data['form_response_id'] }}">
                                            <input type="hidden" name="form_id" value="{{ $data['form_id'] }}">
                                            <div class="col-lg-12 col-md-12 col-sm-12">
                                                <div class="form-group mb-3">
                                                    <label class="ft-medium small mb-1">@lang('Choose Rate')</label>
                                                    <select name="rate" class="form-control rounded">
                                                        <option>@lang('Choose Rating')</option>
                                                        <option value="1">@lang('1 Star')</option>
                                                        <option value="2">@lang('2 Star')</option>
                                                        <option value="3">@lang('3 Star')</option>
                                                        <option value="4">@lang('4 Star')</option>
                                                        <option value="5">@lang('5 Star')</option>
                                                    </select>
                                                </div>
                                            </div>

                                            <div class="col-lg-6 col-md-6 col-sm-12">
                                                <div class="form-group mb-3">
                                                    <label class="ft-medium small mb-1">@lang('Name')</label>
                                                    <input class="form-control rounded" type="text" name="name" placeholder="@lang('Your Name')">
                                                </div>
                                            </div>

                                            <div class="col-lg-6 col-md-6 col-sm-12">
                                                <div class="form-group mb-3">
                                                    <label class="ft-medium small mb-1">@lang('Email')</label>
                                                    <input class="form-control rounded" type="email" name="email" placeholder="@lang('Your Email')">
                                                </div>
                                            </div>

                                            <div class="col-lg-12 col-md-12 col-sm-12">
                                                <div class="form-group mb-3">
                                                    <label class="ft-medium small mb-1">@lang('Review')</label>
                                                    <textarea class="form-control rounded ht-140" name="message" placeholder="@lang('Review')"></textarea>
                                                </div>
                                            </div>

                                            <div class="col-lg-12 col-md-12 col-sm-12">
                                                <div class="form-group">
                                                    <button type="submit" class="btn theme-bg text-light rounded">Submit Review</button>
                                                </div>
                                            </div>

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

                <div class="col-xl-4 col-lg-4 col-md-4 col-sm-12">
					<div class="jb-apply-form bg-white rounded py-4 px-4 mb-4">
                        <div class="uli-list-info">
							<h4 class="ft-bold mb-1">@lang('Share')</h4>
                            <ul>
								<li>
                                    <div class="list-uiyt">
                                        <a href="https://www.facebook.com/sharer/sharer.php?u={{ urlencode(url()->current()) }}" target="_blank"><div class="list-iobk"><i class="fab fa-facebook-f"></i></div></a>
										<a href="https://twitter.com/intent/tweet?url={{ urlencode(url()->current()) }}" target="_blank"><div class="list-iobk"><i class="fab fa-twitter"></i></div></a>
										<a href="https://www.linkedin.com/shareArticle?mini=true&url={{ urlencode(url()->current()) }}" target="_blank"><div class="list-iobk"><i class="fab fa-linkedin-in"></i></div></a>
										<a href="https://api.whatsapp.com/send?text={{ urlencode(url()->current()) }}" target="_blank"><div class="list-iobk"><i class="fab fa-whatsapp"></i></div></a>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <!-- Author Box -->
                    

                    <!-- Business Info -->
                    <div class="jb-apply-form bg-white rounded py-4 px-4 mb-4">
                        <div class="uli-list-info">
                            <ul>
								
                                <li>
                                    <div class="list-uiyt">
                                        <a href="{{ isset($data['website']) ? $data['website'] : '' }}" target="_blank"><div class="list-iobk"><i class="fas fa-globe"></i></div></a>
                                        <div class="list-uiyt-capt"><h5>@lang('Live Site')</h5><p>{{ $data['website'] ?? 'N/A' }}</p></div>
                                    </div>
                                </li>

                                <li>
									<div class="list-uiyt">
                                        <a href="mailto:{{ isset($data['email']) ? $data['email'] : '' }}"><div class="list-iobk"><i class="fas fa-envelope"></i></div></a>
                                        <div class="list-uiyt-capt"><h5>@lang('Drop a Mail')</h5><p>{{ $data['email'] ?? 'N/A' }}</p></div>
                                    </div>
                                </li>

                                <li>
                                    <div class="list-uiyt">
                                        <a href="tel:{{ isset($data['mobile']) ? $data['mobile'] : '' }}"><div class="list-iobk"><i class="fas fa-phone"></i></div></a>
                                        <div class="list-uiyt-capt"><h5>@lang('Call Us')</h5><p>{{ $data['mobile'] ?? 'N/A' }}</p></div>
                                    </div>
                                </li>
                                <li>
                                    <div class="list-uiyt">
                                        <a href="https://www.google.com/maps?q={{ isset($data['address']) ? urlencode($data['address']) : '' }}" target="_blank"><div class="list-iobk"><i class="fas fa-map-marker-alt"></i></div></a>
                                        <div class="list-uiyt-capt"><h5>@lang('Get Directions')</h5><p>{{ $data['address'] ?? 'N/A' }}</p></div>
                                    </div>
                                </li>
								<li>
                                    <div class="list-uiyt">
                                        <a href="https://wa.me/{{ isset($data['mobile']) ? '+91' . $data['mobile'] : '' }}" target="_blank"><div class="list-iobk"><i class="fab fa-whatsapp"></i></div></a>
                                        <div class="list-uiyt-capt"><h5>@lang('Chat')</h5><p>{{ "+91 ".$data['mobile'] }}</p></div>
                                    </div>
                                </li>
								<li>
                                    <div class="list-uiyt">
                                        <a href="#"><div class="list-iobk"><i class="fa fa-user"></i></div></a>
                                        <div class="list-uiyt-capt"><h5>@lang('Gender')</h5><p>{{ isset($data['gender']) ? ($data['gender'] == 'Male' ? 'Male' : 'Female') : '' }} </p></div>
                                    </div>
                                </li>

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

                </div>

            </div>
        </div>
    </section>
    <!-- ============================ Listing Details End ================================== -->

    <!-- ======================= Related Listings ======================== -->
    @if (isset($$recentViews) && count($recentViews)>0)
        <section class="space min">
            <div class="container">

                <div class="row justify-content-center">
                    <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12">
                        <div class="sec_title position-relative text-center mb-5">
                            <h6 class="theme-cl mb-0">@lang('Related Listing')</h6>
                            <h2 class="ft-bold">@lang('Recently Viewed Listing')</h2>
                        </div>
                    </div>
                </div>

                <!-- row -->
                <div class="row justify-content-center">
                    @foreach ($recentViews as $key=>$recentview)
                        @php
                            $data = $recentview->listing;
                        @endphp
                        <!-- Single -->
                        <div class="col-xl-3 col-lg-4 col-md-6 col-sm-12">
                            <div class="Rego-grid-wrap">
                                <div class="Rego-grid-upper">
                                    <div class="Rego-pos ab-left">
                                        <div class="Rego-status close me-2">{{ $data->openClose($data->id) }}</div>
                                    </div>
                                    <div class="Rego-grid-thumb">
                                        <a href="{{ route('front.listing.details',$data->slug) }}" class="d-block text-center m-auto">
                                            <img src="{{ asset('assets/images/listing/'.$data->image)}}" class="img-fluid" alt="">
                                        </a>
                                    </div>
                                    @if (count($data->reviews))
                                        <div class="Rego-rating overlay">
                                            <div class="Rego-pr-average high">{{ $data->directoryRatting($data->id) }}</div>
                                            <div class="Rego-aldeio">
                                                <div class="Rego-rates">
                                                    @php
                                                        $rate = ceil($data->directoryRatting($data->id));
                                                    @endphp

                                                    @for($i=1; $i<=$rate; $i++)
                                                        <i class="fas fa-star active"></i>
                                                    @endfor

                                                    @for($i=1; $i<=(5-$rate); $i++)
                                                        <i class="fas fa-star"></i>
                                                    @endfor
                                                </div>
                                            </div>
                                        </div>
                                    @endif
                                </div>
                                <div class="Rego-grid-fl-wrap">
                                    <div class="Rego-caption px-3 py-2">
                                        <div class="Rego-author">
                                            @if ($data->user_id == NULL && $data->admin_id == NULL)
                                                <a href="{{ route('front.author.details','admin') }}">
                                                    <img src="{{ asset('assets/images/'.getAdmin()->photo)}}" class="img-fluid circle" alt="">
                                                </a>
                                            @else
                                                <a href="{{ route('front.author.details',$data->user->name) }}">
                                                    <img src="{{ asset('assets/images/'.$data->user->photo)}}" class="img-fluid circle" alt="">
                                                </a>
                                            @endif
                                        </div>
                                        <h4 class="mb-0 ft-medium medium">
                                            <a href="{{ route('front.listing.details',$data->slug) }}" class="text-dark fs-md">{{ $data->category->title }}</a>
                                        </h4>
                                        <div class="Rego-location">
                                            <i class="fas fa-map-marker-alt me-1 theme-cl"></i>
                                            {{ $data->real_address }}
                                        </div>
                                        <div class="Rego-middle-caption mt-3">
                                            <p>
                                                {{ strlen($data->description)>60 ? substr($data->description,0,60) :  $data->description }}
                                            </p>
                                        </div>
                                    </div>
                                    <div class="Rego-grid-footer py-2 px-3">
                                        <div class="Rego-ft-first">
                                            <a href="{{ route('front.listing',['category' => $data->category->slug]) }}" class="Rego-cats-wrap"><span class="cats-title">{{ $data->category->title }}</span></a>
                                        </div>
                                        <div class="Rego-ft-last">
                                            <div class="Rego-inline">
                                                <div class="Rego-bookmark-btn"><button type="button"><i class="lni lni-envelope position-absolute"></i></button></div>
                                                <div class="Rego-bookmark-btn">
                                                    <button type="button" class="wishList" data-listing="{{ $data->id }}" data-user={{ auth()->id() }}>
                                                        <i class="lni lni-heart{{ $data->userFavourite(auth()->id(),$data->id) ? '-filled' : ''}} position-absolute"></i>
                                                    </button>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    @endforeach
                </div>
                <!-- row -->

            </div>
        </section>
    @endif
    <!-- ======================= Related Listings ======================== -->

    <!-- ============================ Call To Action ================================== -->
    @includeIf('partials.front.cta')
    <!-- ============================ Call To Action End ================================== -->

    <!-- ============================ Footer Start ================================== -->
    @include('partials.front.footer')
    <!-- ============================ Footer End ================================== -->
@endsection

@push('js')
    <script>
        'use strict';

        $.ajaxSetup({
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            }
        });

        $(document).on('click','.wishList',function(){
            let $this = $(this);
            let listingId = $(this).data('listing');
            let userId = $(this).data('user');
            if(userId == ''){
                window.location.href = mainurl+'/user/login'
            }

            $.ajax({
                method:"POST",
                url: mainurl+'/listing/wishlist',
                data: {
                    listing_id : listingId,
                    user_id : userId
                },
                success:function(data)
                {
                    if(data.success){
                        $this.children().prop('class','');
                        $this.children().prop('class','lni lni-heart-filled  position-absolute');
                        toastr.success(data.success);
                    }else{
                        $this.children().prop('class','');
                        $this.children().prop('class','lni lni-heart  position-absolute');
                        toastr.error(data.error);
                    }
                }

            });

        })

        $(document).on('click','.add-follow',function(){
            let $this = $(this);
            let listingId = $(this).data('listing');
            let ownerId = $(this).data('owner');
            let userId = $(this).data('user');
            if(userId == ''){
                window.location.href = mainurl+'/user/login'
            }

            $.ajax({
                method:"POST",
                url: mainurl+'/follow',
                data: {
                    listing_id : listingId,
                    owner_id : ownerId,
                    user_id : userId,
                },
                success:function(data)
                {
                    if(data.success) toastr.success(data.success);
                    else toastr.error(data.error);
                }

            });
        })

    </script>
@endpush