@extends('layouts.front')

@push('css')

@endpush

@section('content')
    @if (in_array('Banner', $home_modules))
        <!-- ======================= Home Banner ======================== -->
        <div class="home-banner margin-bottom-0" style="background:#f41b3b url({{ asset('assets/images/'.$ps->hero_photo) }}) no-repeat;" data-overlay="1">
            <div class="container">
                <div class="row justify-content-center">
                    <div class="col-xl-11 col-lg-12 col-md-12 col-sm-12 col-12">

                        <div class="banner_caption text-center mb-5">
                            <h1 class="banner_title ft-bold mb-1">{{ $ps->hero_title }}</h1>
                            <p class="fs-md ft-medium">{{ $ps->hero_subtitle }}</p>
                        </div>

                        <div class="Rego-top-cates">
                            <ul>
                                @foreach ($categories as $key=>$data)
                                    <li>
                                        <a href="#" class="Rego-top-cat-box">
                                            <div class="Rego-tp-ico">
                                                <i class="{{ $data->icon }}"></i>
                                            </div>
                                            <div class="Rego-tp-title">
												<h5>{{ $data->title }}</h5>
                                            </div>
                                        </a>
                                    </li>
                                @endforeach
                            </ul>
                        </div>

                    </div>
                </div>
            </div>
        </div>
        <!-- ======================= Home Banner ======================== -->

        <!-- ======================= Home Search ======================== -->
        <section class="p-0">
            <div class="container">
                <div class="row justify-content-center">
                    <div class="col-xl-11 col-lg-12 col-md-12 col-12">

                        <div class="Rego-search-shadow">

                            <form class="main-search-wrap fl-wrap" action="{{ route('front.listing') }}" method="GET">
                                <div class="main-search-item">
                                    <span class="search-tag"><i class="lni lni-keyboard"></i></span>
                                    <input type="text" class="form-control radius"name="title"  placeholder="@lang('What are you looking for')?" />
                                </div>
                                <div class="main-search-item">
                                    <span class="search-tag"><i class="lni lni-map-marker"></i></span>
                                    <input type="text" class="form-control" name="address" placeholder="@lang('Location')" />
                                </div>
                                <div class="main-search-item">
                                    <span class="search-tag"><i class="lni lni-briefcase"></i></span>
                                    <select class="form-control" name="category[]">
                                        <option value="">@lang('Select Category')</option>
                                            @foreach ($categories as $key => $category)
                                                <option value="{{ $category->slug }}">{{ $category->title }}</option>
                                            @endforeach
                                    </select>
                                </div>
                                <div class="main-search-button">
                                    <button class="btn full-width theme-bg text-white" type="submit">@lang('Search')</button>
                                </div>
                            </form>
                        </div>

                    </div>
                </div>
            </div>
        </section>
        <!-- ======================= Home Search End ======================== -->
    @endif

    @if (in_array('Feature Directory', $home_modules))
        <!-- ======================= All Types Listing ======================== -->
        <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">{{ $ps->directory_title }}</h6>-->
                <!--            <h2 class="ft-bold">{{ $ps->directory_subtitle }}</h2>-->
                <!--        </div>-->
                <!--    </div>-->
                <!--</div>-->

                <!-- row -->
                <div class="row align-items-center">
                    <!--<div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">-->
                    <!--    <ul class="nav nav-tabs small-tab mb-3" id="myTab" role="tablist">-->
                    <!--        <li class="nav-item" role="presentation">-->
                    <!--            <button class="nav-link active" id="restaurants-tab" data-bs-toggle="tab" data-bs-target="#restaurants" type="button" role="tab" aria-controls="restaurants" aria-selected="true">@lang('Restaurant')</button>-->
                    <!--        </li>-->
                    <!--        <li class="nav-item" role="presentation">-->
                    <!--            <button class="nav-link" id="hotels-tab" data-bs-toggle="tab" data-bs-target="#hotels" type="button" role="tab" aria-controls="hotels" aria-selected="false">@lang('Hotel')</button>-->
                    <!--        </li>-->
                    <!--        <li class="nav-item" role="presentation">-->
                    <!--            <button class="nav-link" id="beauty-tab" data-bs-toggle="tab" data-bs-target="#beauty" type="button" role="tab" aria-controls="beauty" aria-selected="false">@lang('Beauty')</button>-->
                    <!--        </li>-->
                    <!--        <li class="nav-item" role="presentation">-->
                    <!--            <button class="nav-link" id="real-tab" data-bs-toggle="tab" data-bs-target="#real" type="button" role="tab" aria-controls="real_estate" aria-selected="true">@lang('Real estate')</button>-->
                    <!--        </li>-->
                    <!--        <li class="nav-item" role="presentation">-->
                    <!--            <button class="nav-link" id="doctor-tab" data-bs-toggle="tab" data-bs-target="#doctor" type="button" role="tab" aria-controls="doctor" aria-selected="false">@lang('Doctor')</button>-->
                    <!--        </li>-->
                    <!--        <li class="nav-item" role="presentation">-->
                    <!--            <button class="nav-link" id="car-tab" data-bs-toggle="tab" data-bs-target="#car" type="button" role="tab" aria-controls="car" aria-selected="false">@lang('Car')</button>-->
                    <!--        </li>-->
                    <!--    </ul>-->
                    <!--</div>-->

                    <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                        <div class="tab-content" id="myTabContent">

                            <!-- Restaurant -->
                            <div class="tab-pane fade show active" id="restaurants" role="tabpanel" aria-labelledby="restaurants-tab">
                                <div class="row justify-content-center">
                                    @if (count($resturant_listings)>0)
                                        @foreach ($resturant_listings as $key => $restaurant)
                                            <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-bookmark-btn">
                                                            <button type="button" class="wishList" data-listing="{{ $restaurant->id }}" data-user={{ auth()->id() }}>
                                                                <i class="lni lni-heart{{ $restaurant->userFavourite(auth()->id(),$restaurant->id) ? '-filled' : ''}} position-absolute"></i>
                                                            </button>
                                                        </div>
                                                        <div class="Rego-pos ab-left">
                                                            <div class="Rego-status close me-2">{{ $restaurant->openClose($restaurant->id) }}</div>
                                                        </div>
                                                        <div class="Rego-grid-thumb">
                                                            <a href="#" class="d-block text-center m-auto">
                                                                <img src="{{ asset('assets/images/'.$restaurant->photo)}}" class="img-fluid" alt="">
                                                            </a>
                                                        </div>
                                                        @if (count($restaurant->reviews)>0)
                                                            <div class="Rego-rating overlay">
                                                                <div class="Rego-pr-average high">{{ $restaurant->directoryRatting($restaurant->id) }}</div>
                                                                <div class="Rego-aldeio">
                                                                    <div class="Rego-rates">
                                                                        @php
                                                                            $rate = ceil($restaurant->directoryRatting($restaurant->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 class="Rego-all-review"><span>{{ count($restaurant->reviews) }} @lang('Reviews')</span></div>
                                                                </div>
                                                            </div>
                                                        @endif
                                                    </div>
                                                    <div class="Rego-grid-fl-wrap">
                                                        <div class="Rego-caption px-3 py-2">
                                                            <div class="Rego-author">
                                                                @if ($restaurant->user_id == NULL && $restaurant->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',$restaurant->user->username) }}">
                                                                        <img src="{{ asset('assets/images/'.$restaurant->user->photo)}}" class="img-fluid circle" alt="">
                                                                    </a>
                                                                @endif
                                                            </div>

                                                            <div class="Rego-cates multi"><a href="{{ route('front.listing',['category' => $category->slug]) }}" class="cats-2">{{ $restaurant->category->title }}</a></div>
                                                            <h4 class="mb-0 ft-medium medium">
                                                                <a href="#" class="text-dark fs-md">
                                                                    {{ $restaurant->name }}
                                                                    <span class="verified-badge">
                                                                        <i class="fas fa-check-circle"></i>
                                                                    </span>
                                                                </a>
                                                            </h4>
                                                            <div class="Rego-middle-caption mt-3">
                                                                <div class="Rego-location"><i class="fas fa-map-marker-alt"></i>{{ $restaurant->real_address }}</div>
                                                                <div class="Rego-call"><i class="fas fa-phone-alt"></i>{{ $restaurant->phone_number }}</div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        @endforeach
                                    @endif

                                </div>
                            </div>
                            <!-- /Places -->

                            <!-- Hotels -->
                            <div class="tab-pane fade" id="hotels" role="tabpanel" aria-labelledby="hotels-tab">
                                <div class="row justify-content-center">
                                    @if (count($hotel_listings)>0)
                                        @foreach ($hotel_listings as $key => $hotel)
                                            <!-- 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-bookmark-btn">
                                                            <button type="button" class="wishList" data-listing="{{ $hotel->id }}" data-user={{ auth()->id() }}>
                                                                <i class="lni lni-heart{{ $hotel->userFavourite(auth()->id(),$hotel->id) ? '-filled' : ''}} position-absolute"></i>
                                                            </button>
                                                        </div>
                                                        @if ($hotel->is_featured)
                                                            <div class="Rego-pos ab-left">
                                                                <div class="Rego-featured-tag">@lang('Featured')</div>
                                                            </div>
                                                        @endif
                                                        <div class="Rego-grid-thumb">
                                                            <a href="#" class="d-block text-center m-auto"><img src="{{ asset('assets/images/'.$hotel->photo)}}" class="img-fluid" alt=""></a>
                                                        </div>
                                                        @if (count($hotel->reviews)>0)
                                                            <div class="Rego-rating overlay">
                                                                <div class="Rego-pr-average high">{{ $hotel->directoryRatting($hotel->id) }}</div>
                                                                <div class="Rego-aldeio">
                                                                    <div class="Rego-rates">
                                                                        @php
                                                                            $rate = ceil($hotel->directoryRatting($hotel->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 class="Rego-all-review"><span>{{ count($hotel->reviews)}} @lang('Reviews')</span></div>
                                                                </div>
                                                            </div>
                                                        @endif
                                                    </div>
                                                    <div class="Rego-grid-fl-wrap">
                                                        <div class="Rego-caption px-3 py-2">
                                                            <h4 class="mb-0 ft-medium medium mb-0"><a href="#" class="text-dark fs-md">{{ $hotel->name }}<span class="verified-badge"><i class="fas fa-check-circle"></i></span></a></h4>

                                                            <div class="Rego-middle-caption mt-3">
                                                                <div class="Rego-location"><i class="fas fa-map-marker-alt"></i>{{ $hotel->real_address }}</div>
                                                                <div class="Rego-call"><i class="fas fa-phone-alt"></i>{{ $hotel->phone_number }}</div>
                                                            </div>
                                                        </div>

                                                    </div>
                                                </div>
                                            </div>
                                        @endforeach
                                    @endif

                                </div>
                            </div>
                            <!-- /Hotels -->

                            <!-- Beauty -->
                            <div class="tab-pane fade" id="beauty" role="tabpanel" aria-labelledby="beauty-tab">
                                <div class="row justify-content-center">
                                    @if (count($beauty_listings)>0)
                                        @foreach ($beauty_listings as $key => $beauty)
                                            <!-- 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-bookmark-btn">
                                                            <button type="button" class="wishList" data-listing="{{ $beauty->id }}" data-user={{ auth()->id() }}>
                                                                <i class="lni lni-heart{{ $beauty->userFavourite(auth()->id(),$beauty->id) ? '-filled' : ''}} position-absolute"></i>
                                                            </button>
                                                        </div>
                                                        <div class="Rego-grid-thumb">
                                                            <a href="#" class="d-block text-center m-auto"><img src="{{ asset('assets/images/'.$beauty->photo)}}" class="img-fluid" alt=""></a>
                                                        </div>
                                                        <div class="Rego-overlay-caps">
                                                            <h4 class="mb-0 ft-medium medium"><a href="#" class="text-white fs-md">{{ $beauty->name }}</a></h4>
                                                            <div class="Rego-location text-white"><i class="fas fa-map-marker-alt me-1"></i>{{ $beauty->real_address }}</div>
                                                        </div>
                                                    </div>
                                                    <div class="Rego-grid-fl-wrap">
                                                        <div class="Rego-grid-footer py-3 px-3">
                                                            <div class="Rego-ft-first">
                                                                <div class="Rego-catsin">
                                                                {{ $beauty->category->title }}
                                                                </div>
                                                            </div>
                                                            <div class="Rego-ft-last">
                                                                <span class="small">

                                                                </span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        @endforeach
                                    @endif

                                </div>
                            </div>
                            <!-- /Beauty -->

                            <!-- Real -->
                            <div class="tab-pane fade" id="real" role="tabpanel" aria-labelledby="real-tab">
                                <div class="row justify-content-center">
                                    @if (count($real_listings)>0)
                                        @foreach ($real_listings as $key => $real)
                                            <!-- 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-bookmark-btn">
                                                            <button type="button" class="wishList" data-listing="{{ $real->id }}" data-user={{ auth()->id() }}>
                                                                <i class="lni lni-heart{{ $real->userFavourite(auth()->id(),$real->id) ? '-filled' : ''}} position-absolute"></i>
                                                            </button>
                                                        </div>
                                                        <div class="Rego-pos ab-left">
                                                            <div class="Rego-status open me-2">{{ $real->r_property_type }}</div>
                                                            @if ($real->is_featured)
                                                                <div class="Rego-featured-tag">@lang('Featured')</div>
                                                            @endif
                                                        </div>
                                                        <div class="Rego-grid-thumb">
                                                            <a href="#" class="d-block text-center m-auto"><img src="{{ asset('assets/images/'.$real->photo)}}" class="img-fluid" alt=""></a>
                                                        </div>
                                                        <div class="Rego-rating overlay">
                                                            <div class="Rego-prt-price"><span>{{ showSignAmount($real->r_price) }}</span></div>
                                                        </div>
                                                    </div>
                                                    <div class="Rego-grid-fl-wrap">
                                                        <div class="Rego-caption px-3 py-2">
                                                            <div class="Rego-author">
                                                                @if ($real->user_id == NULL && $real->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',$real->user->username) }}">
                                                                        <img src="{{ asset('assets/images/'.$real->user->photo)}}" class="img-fluid circle" alt="">
                                                                    </a>
                                                                @endif
                                                            </div>
                                                            <div class="Rego-cates multi">
                                                                @if ($real->reviews->count()>0)
                                                                    <span class="Rego-apr-rates">
                                                                        <i class="fas fa-star"></i>
                                                                    {{ $real->reviews->count() }}
                                                                    </span>
                                                                @endif
                                                                <a href="{{ route('front.listing',['category' => $category->slug]) }}" class="cats-1">{{ $real->category->title }}</a>
                                                            </div>
                                                            <h4 class="mb-0 ft-medium medium"><a href="#" class="text-dark fs-md">{{ $real->real_address }}<span class="verified-badge"><i class="fas fa-check-circle"></i></span></a></h4>
                                                            <div class="Rego-middle-caption mt-2">
                                                                <div class="Rego-options-list">
                                                                    <ul class="no-list-style">
                                                                        <li><i class="fas fa-bed"></i><span>{{ $real->r_bed }} @lang('Beds')</span></li>
                                                                        <li><i class="fas fa-bath"></i><span>{{ $real->r_baths }} @lang('Baths')</span></li>
                                                                        <li><i class="fas fa-clone"></i><span>{{ $real->r_square }} @lang('sqft')</span></li>
                                                                        <li><i class="fas fa-calendar"></i><span>{{ $real->created_at->diffForHumans() }} @lang('Days Ago')</span></li>
                                                                    </ul>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="Rego-grid-footer py-2 px-3">
                                                            <div class="Rego-ft-first">
                                                                <div class="Rego-location"><i class="fas fa-map-marker-alt me-1 theme-cl"></i>San Francisco, USA</div>
                                                            </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>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        @endforeach
                                    @endif

                                </div>
                            </div>
                            <!-- /Real -->

                            <!-- Doctor -->
                            <div class="tab-pane fade" id="doctor" role="tabpanel" aria-labelledby="doctor-tab">
                                <div class="row justify-content-center">
                                    @if (count($doctors_listings)>0)
                                        @foreach ($doctors_listings as $key=>$doctor)
                                            <!-- Single -->
                                            <div class="col-xl-3 col-lg-4 col-md-6 col-sm-12">
                                                <div class="doctor-grid-view">
                                                    <div class="doctor-grid-thumb">
                                                        <a href="#"><img src="{{ asset('assets/images/'.$doctor->photo)}}" class="img-fluid" alt=""></a>
                                                    </div>

                                                    <div class="doctor-grid-caption">
                                                        <div class="doc-title-wrap"><h4 class="doc-title verified"><a href="#">{{ $doctor->name }}</a></h4></div>
                                                        <span class="doc-designation">{{ $doctor->designation }}</span>

                                                        <div class="doc-inner-wrap">
                                                            @if (count($doctor->reviews)>0)
                                                                <div class="doc-ratting-boxes">
                                                                    <ul class="doc ratting-view">
                                                                        @php
                                                                            $rate = ceil($doctor->directoryRatting($doctor->id));
                                                                        @endphp

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

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

                                                                    </ul>
                                                                    <span class="doctor-review-list">({{ count($doctor->reviews) }} @lang('Reviews'))</span>
                                                                </div>
                                                            @endif
                                                            <div class="doc-location"><i class="fas fa-map-marker-alt me-1 theme-cl"></i>{{ $doctor->real_address }}</div>
                                                        </div>
                                                    </div>

                                                </div>
                                            </div>
                                        @endforeach
                                    @endif
                                </div>
                            </div>
                            <!-- /Doctor -->

                            <!-- car -->
                            <div class="tab-pane fade" id="car" role="tabpanel" aria-labelledby="car-tab">
                                <div class="row justify-content-center">
                                    @if (count($cars_listings)>0)
                                        @foreach ($cars_listings as $key => $car)
                                            <!-- 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-bookmark-btn">
                                                            <button type="button" class="wishList" data-listing="{{ $car->id }}" data-user={{ auth()->id() }}>
                                                                <i class="lni lni-heart{{ $car->userFavourite(auth()->id(),$car->id) ? '-filled' : ''}} position-absolute"></i>
                                                            </button>
                                                        </div>
                                                        <div class="Rego-pos ab-left">
                                                            <div class="Rego-featured-tag">Featured</div>
                                                        </div>
                                                        <div class="Rego-grid-thumb">
                                                            <a href="#" class="d-block text-center m-auto"><img src="{{ asset('assets/images/'.$car->photo)}}" class="img-fluid" alt=""></a>
                                                        </div>
                                                        <div class="Rego-rating overlay">
                                                            <div class="Rego-prt-price"><span>{{ showSignAmount($car->car_price) }}</span></div>
                                                        </div>
                                                    </div>
                                                    <div class="Rego-grid-fl-wrap">
                                                        <div class="Rego-caption px-3 py-2">
                                                            <div class="Rego-cates multi"><a href="{{ route('front.listing',['category' => $category->slug]) }}" class="cats-1">{{ $car->category->title }}</a></div>
                                                            <h4 class="mb-0 ft-medium medium"><a href="#" class="text-dark fs-md">{{ $car->name }}</a></h4>
                                                            <div class="Rego-middle-caption mt-2">
                                                                <div class="Rego-options-list">
                                                                    <ul class="no-list-style">
                                                                        <li><i class="fas fa-gas-pump"></i><span>{{ $car->car_fuel_type }}</span></li>
                                                                        <li><i class="far fa-calendar-alt"></i><span>{{ $car->car_manufacture_year }}</span></li>
                                                                        <li><i class="fas fa-blender-phone"></i><span>{{ $car->car_mileage }}</span></li>
                                                                        <li><i class="fab fa-accusoft"></i><span>{{ $car->car_engine_capacity }}</span></li>
                                                                    </ul>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="Rego-grid-footer py-2 px-3">
                                                            <div class="Rego-ft-first">
                                                                <div class="Rego-location"><i class="fas fa-map-marker-alt me-1 theme-cl"></i>{{ $car->real_address }}</div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        @endforeach
                                    @endif

                                </div>
                            </div>
                            <!-- /car -->

                        </div>
                    </div>

                </div>
                <!-- /row -->

            </div>
        </section>
        <!-- ======================= All Types Listing ======================== -->
    @endif

    @if (in_array('Category', $home_modules))
        <!-- ======================= Listing Categories ======================== -->
        <section class="space min gray">
            <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="mb-0 theme-cl">{{ $ps->category_title }}</h6>
                            <h2 class="ft-bold">{{ $ps->category_subtitle }}</h2>
                        </div>
                    </div>
                </div>

                <!-- row -->
                <div class="row align-items-center">
                    @if ($categories)
                        @foreach ($categories as $key => $category)
                            <div class="col-xl-2 col-lg-3 col-md-4 col-sm-6 col-6">
                                <div class="cats-wrap text-center">
                                    <a href="{{ route('front.listing',['category' => [$category->slug]]) }}" class="Rego-catg-wrap">
                                        <div class="Rego-catg-city">{{ $category->listings->where('status',1)->count()}} @lang('Listings')</div>
                                        <div class="Rego-catg-icon"><i class="{{ $category->icon }}"></i></div>
                                        <div class="Rego-catg-caption">
                                            <h4 class="fs-md mb-0 ft-medium m-catrio">{{ $category->title }}</h4>
                                        </div>
                                    </a>
                                </div>
                            </div>
                        @endforeach
                    @endif

                </div>
                <!-- row -->

            </div>
        </section>
        <!-- ======================= Listing Categories End ======================== -->
    @endif

    <!--@if (in_array('Mission', $home_modules))-->
        <!-- ======================= Mission Start ============================ -->
        <!--<section class="space">-->
        <!--    <div class="container">-->

        <!--        <div class="row align-items-center justify-content-between">-->
        <!--            <div class="col-xl-6 col-lg-6 col-md-12 col-sm-12">-->
        <!--                <div class="m-spaced">-->
        <!--                    <div class="position-relative">-->
        <!--                        <div class="mb-2"><span class="bg-light-sky text-sky px-2 py-1 rounded">@lang('Our Mission')</span></div>-->
        <!--                        <h2 class="ft-bold mb-3">{{ $ps->mission_title }}</h2>-->
        <!--                        <p class="mb-2">{{ $ps->mission_text }}</p>-->
        <!--                    </div>-->
        <!--                    <div class="position-relative row">-->
        <!--                        @foreach ($counters as $key=>$data)-->
        <!--                            <div class="col-lg-4 col-md-4 col-4">-->
        <!--                                <h3 class="ft-bold text-sky mb-0"><span class="count">{{ $data->count}}</span>{{ $data->messurement }}</h3>-->
        <!--                                <p class="ft-medium">{{ $data->title }}</p>-->
        <!--                            </div>-->
        <!--                        @endforeach-->
        <!--                    </div>-->
        <!--                </div>-->
        <!--            </div>-->

        <!--            <div class="col-xl-5 col-lg-5 col-md-12 col-sm-12">-->
        <!--                <div class="position-relative">-->
        <!--                    <img src="{{ asset('assets/images/'.$ps->mission_photo)}}" class="img-fluid" alt="" />-->
        <!--                </div>-->
        <!--            </div>-->
        <!--        </div>-->

        <!--    </div>-->
        <!--</section>-->
        <!-- ======================= Mission Start ============================ -->
    <!--@endif-->

    <!--@if (in_array('Process', $home_modules))-->
        <!-- ======================= Process Start ============================ -->
        <!--<section class="space pt-0">-->
        <!--    <div class="container">-->

        <!--        <div class="row align-items-center justify-content-between">-->

        <!--            <div class="col-xl-5 col-lg-5 col-md-12 col-sm-12">-->
        <!--                <div class="position-relative">-->
        <!--                    <img src="{{ asset('assets/images/'.$ps->process_photo) }}" class="img-fluid" alt="" />-->
        <!--                </div>-->
        <!--            </div>-->

        <!--            <div class="col-xl-6 col-lg-6 col-md-12 col-sm-12">-->
        <!--                <div class="m-spaced">-->
        <!--                    <div class="position-relative">-->
        <!--                        <div class="mb-1"><span class="bg-light-success text-success px-2 py-1 rounded">@lang('Process')</span></div>-->
        <!--                        <h2 class="ft-bold mb-3">{{ $ps->process_title }}</h2>-->
        <!--                        <p class="mb-3">{{ $ps->process_text }}</p>-->
        <!--                    </div>-->
        <!--                    <div class="uli-list-features">-->
        <!--                        <ul>-->
        <!--                            @foreach ($accounts as $key=>$data)-->
        <!--                                <li>-->
        <!--                                    <div class="list-uiyt">-->
        <!--                                        <div class="list-iobk"><i class="{{ $data->icon }}"></i></div>-->
        <!--                                        <div class="list-uiyt-capt">-->
        <!--                                            <h5>{{ $data->title }}</h5>-->
        <!--                                            <p>{!! $data->details !!}</p>-->
        <!--                                        </div>-->
        <!--                                    </div>-->
        <!--                                </li>-->
        <!--                            @endforeach-->
        <!--                        </ul>-->
        <!--                    </div>-->
        <!--                </div>-->
        <!--            </div>-->

        <!--        </div>-->

        <!--    </div>-->
        <!--</section>-->
        <!-- ======================= Process Start ============================ -->
    <!--@endif-->

    @if (in_array('Packages', $home_modules))
        <!-- ============================ Pricing Start ==================================== -->
        <section class="space min gray">
            <div class="container">
                <div class="row justify-content-center">
                    <div class="col-xl-5 col-lg-7 col-md-9 col-sm-12">
                        <div class="sec_title position-relative text-center mb-5">
                            <h6 class="theme-cl mb-0">{{ $ps->plan_title }}</h6>
                            <h2 class="ft-bold">{{ $ps->plan_subtitle }}</h2>
                        </div>
                    </div>
                </div>

                <div class="row">
                    @if (count($plans)>0)
                        @foreach ($plans as $key => $data)
                            <div class="col-xl-4 col-lg-4 col-md-12 col-sm-12 col-12">
                                <div class="Rego-price-wrap">
                                    <div class="Rego-author-header">
                                        <div class="Rego-price-currency">
                                            <h3>
                                                <span class="Rego-new-price" style="color:{{ $data->price_color}}">{{ globalCurrency()->sign}}<del>{{ showAmount($data->price) }}</del></span><span class="left">per month</span>
                                                @if ($data->prev_price>0)
                                                    <span class="Rego-old-price">{{ globalCurrency()->sign}}<del>{{ showAmount($data->prev_price) }}</del></span>
                                                @endif
                                            </h3>
                                        </div>
                                        <div class="Rego-price-title">
                                            <div class="Rego-price-tlt">
                                                <h4>{{ $data->title }}</h4>
                                            </div>

                                        </div>
                                        <div class="Rego-price-subtitle">{{ $data->subtitle }}</div>
                                    </div>
                                    <div class="Rego-price-body">
                                        <ul class="price__features">
                                            @if ($data->attribute != NULL)
                                                @foreach (json_decode($data->attribute) as $key => $attribute)
                                                    <li><i class="fa fa-angle-right"></i>{{ $attribute }}</li>
                                                @endforeach
                                            @endif
                                        </ul>
                                    </div>
                                    <div class="Rego-price-bottom">
                                        <a class="Rego-price-btn" href="{{ route('user.package.subscription',$data->id) }}"><i class="fas fa-shopping-basket"></i> @lang('Purchase Now')</a>
                                    </div>
                                </div>
                            </div>
                        @endforeach
                    @endif
                </div>
            </div>
        </section>
        <!-- ============================ Pricing End ==================================== -->
    @endif

 <!--   @if (in_array('Blogs', $home_modules))  -->
        <!-- ======================= Blog Start ============================ -->
     <!--   <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-4">
                            <h6 class="theme-cl mb-0">{{ $ps->blog_title }}</h6>
                            <h2 class="ft-bold">{{ $ps->blog_subtitle }}</h2>
                        </div>
                    </div>
                </div>

                <div class="row justify-content-center">
                    @if (count($blogs)>0)
                        @foreach ($blogs as $key => $blog)
                            
                            <div class="col-xl-4 col-lg-4 col-md-6 col-sm-12">
                                <div class="blg_grid_box">
                                    <div class="blg_grid_thumb">
                                        <a href="{{ route('blog.details',$blog->slug) }}">
                                            <img src="{{ asset('assets/images/'.$blog->photo)}}" class="img-fluid" alt="">
                                        </a>
                                    </div>
                                    <div class="blg_grid_caption">
                                        <div class="blg_tag">
                                            <span>{{ $blog->category->name }}</span>
                                        </div>
                                        <div class="blg_title">
                                            <h4>
                                                <a href="{{ route('blog.details',$blog->slug) }}">{{ $blog->title }}</a>
                                            </h4>
                                        </div>
                                        <div class="blg_desc">

                                        </div>
                                    </div>
                                    <div class="crs_grid_foot">
                                        <div class="crs_flex d-flex align-items-center justify-content-between br-top px-3 py-2">
                                            <div class="crs_fl_first">
                                                <div class="crs_tutor">
                                                    <div class="crs_tutor_thumb">
                                                        <a href="javascript:void(0);">
                                                            <img src="{{ asset('assets/images/'.getAdmin()->photo) }}" class="img-fluid circle" width="35" alt="">
                                                        </a>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="crs_fl_last">
                                                <div class="foot_list_info">
                                                    <ul>
                                                        <li><div class="elsio_ic"><i class="fa fa-eye text-success"></i></div><div class="elsio_tx">{{ $blog->views }} @lang('Views')</div></li>
                                                        <li><div class="elsio_ic"><i class="fa fa-clock text-warning"></i></div><div class="elsio_tx">{{ $blog->created_at->format('d M Y') }}</div></li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        @endforeach
                    @endif

                </div>
            </div>
        </section>  -->
        <!-- ======================= Blog End ============================ -->
    <!-- @endif  -->

    @if (in_array('CTAs', $home_modules))
        <!-- ======================= Newsletter Start ============================ -->
        @include('partials.front.cta')
        <!-- ======================= Newsletter Start ============================ -->
    @endif

    <!-- ============================ Footer Start ================================== -->
    @include('partials.front.footer')
    <!-- ============================ Footer End ================================== -->
	<p id="location"></p>
@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);
                    }
                }

            });

        })

    </script>

<script>
        function getLocation() {
            if (navigator.geolocation) {
                navigator.geolocation.getCurrentPosition(showPosition, showError);
            } else {
                document.getElementById("location").textContent = "Geolocation is not supported by this browser.";
            }
        }

        function showPosition(position) {
            document.getElementById("location").textContent = `Latitude: ${position.coords.latitude}, Longitude: ${position.coords.longitude}`;
        }

        function showError(error) {
            switch(error.code) {
                case error.PERMISSION_DENIED:
                    document.getElementById("location").textContent = "User denied the request for Geolocation.";
                    break;
                case error.POSITION_UNAVAILABLE:
                    document.getElementById("location").textContent = "Location information is unavailable.";
                    break;
                case error.TIMEOUT:
                    document.getElementById("location").textContent = "The request to get user location timed out.";
                    break;
                default:
                    document.getElementById("location").textContent = "An unknown error occurred.";
            }
        }

        getLocation();
    </script>
@endpush