@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="5">
            <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>

                        <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('Nail salons, plumbers, takeout...')" />
                            </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="real_address" placeholder="@lang('San Francisco, CA')" />
                            </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('Choose Categories')</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>
        <!-- ======================= Home Banner ======================== -->
    @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('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="{{ route('front.listing.details',$restaurant->slug) }}" 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' => $restaurant->category->slug]) }}" class="cats-2">{{ $restaurant->category->title }}</a></div>
                                                                <h4 class="mb-0 ft-medium medium">
                                                                    <a href="{{ route('front.listing.details',$restaurant->slug) }}" 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="{{ route('front.listing.details',$hotel->slug) }}" 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="{{ route('front.listing.details',$hotel->slug) }}" 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="{{ route('front.listing.details',$beauty->slug) }}" 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="{{ route('front.listing.details',$beauty->slug) }}" 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="{{ route('front.listing.details',$real->slug) }}" 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="{{ route('front.listing.details',$real->slug) }}" 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="{{ route('front.listing.details',$doctor->slug) }}"><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="{{ route('front.listing.details',$doctor->slug) }}">{{ $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($restaurant->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="{{ route('front.listing.details',$car->slug) }}" 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="{{ route('front.listing.details',$car->slug) }}" 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('Blogs', $home_modules))
        <!-- ======================= Blog Start ============================ -->
            <section class="space min pt-0">
                <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)
                                <!-- Single Item -->
                                <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 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>
                                                @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('Partners', $home_modules))
        <!-- ======================= Our Partner 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="text-muted mb-0">{{ $ps->partner_title }}</h6>
                                <h2 class="ft-bold">{{ $ps->partner_subtitle }}</h2>
                            </div>
                        </div>
                    </div>

                    <div class="row justify-content-center">
                        @foreach ($partners as $key=>$data)
                            <div class="col-xl-2 col-lg-2 col-md-3 col-sm-4 col-6">
                                <div class="empl-thumb text-center px-3 py-4">
                                    <img src="{{ asset('assets/images/'.$data->photo)}}" class="img-fluid mx-auto" alt="" />
                                </div>
                            </div>
                        @endforeach
                    </div>

                </div>
            </section>
        <!-- ======================= Our Partner Start ============================ -->
    @endif

    @if (in_array('Apps', $home_modules))
        <!-- ========================== Download App Section =============================== -->
            <section>
                <div class="container">
                    <div class="row align-items-center justify-content-between">
                        <div class="col-lg-6 col-md-12 col-sm-12 content-column">
                            <div class="content_block_2 pr-3 py-4">
                                <div class="content-box">
                                    <div class="sec-title light">
                                        <p class="theme-cl px-3 py-1 rounded bg-light-danger d-inline-flex">{{ $ps->download_title }}</p>
                                        <h2 class="ft-bold">{{ $ps->download_subtitle }}</h2>
                                    </div>
                                    <div class="text mb-3">
                                        <p>
                                            {{ $ps->download_text }}
                                        </p>
                                    </div>

                                    <div class="btn-box clearfix mt-5">
                                        <a href="{{ $ps->app_store_link }}" class="download-btn play-store me-1 d-inline-flex"><img src="{{ asset('assets/front/img/ios.png')}}" width="200" alt="" /></a>
                                        <a href="{{ $ps->google_play_link }}" class="download-btn play-store ms-2 mb-1 d-inline-flex"><img src="{{ asset('assets/front/img/and.png')}}" width="200" alt="" /></a>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="col-lg-5 col-md-12 col-sm-12 image-column">
                            <div class="image-box">
                                <figure class="image">
                                    <img src="{{ asset('assets/images/'.$ps->download_photo)}}" class="img-fluid" alt="">
                                </figure>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
        <!-- ========================== Download App Section =============================== -->
    @endif

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

        <!-- ============================ 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);
                    }
                }

            });

        })

    </script>
@endpush