@extends('themes.frontend.layouts.app')
@section('content')
    <!-- START SECTION FEATURE CITIES -->
    <section class="feature-cities-1">
        <div class="container">
            <div class="sec-title">
                <h2><span>Your Location </span>Greater Montreal Area
                    <!--<a href="" class="btn btn-change mt-0">Change</a> -->

                    <div class="dropdown">
                        <button data-mdb-button-init data-mdb-ripple-init data-mdb-dropdown-init
                            class="btn btn-primary dropdown-toggle" type="button" data-mdb-toggle="dropdown"
                            aria-expanded="false">
                            Change
                        </button>
                        <ul class="dropdown-menu" id="dropdownMenuButton">
                            <li><a class="dropdown-item" href="#"><strong>Where are you located ? <i
                                            class="fa fa-angle-down"></i></strong></a></li>

                            <li>
                                <a class="dropdown-item" href="#">
                                    <i class="fa fa-angle-left"></i> Alberta
                                </a>
                                <ul class="dropdown-menu dropdown-submenu">
                                    <li>
                                        <a class="dropdown-item" href="#"><i class="fa fa-angle-left"></i>
                                            Calgary/South</a>

                                        <ul class="dropdown-menu dropdown-submenu">
                                            <li> <a class="dropdown-item" href="#">Calgary</a> </li>
                                            <li> <a class="dropdown-item" href="#">Lethbridge</a> </li>
                                            <li> <a class="dropdown-item" href="#">Medicine Hat </a> </li>
                                            <li> <a class="dropdown-item" href="#">Airdrie</a> </li>
                                            <li> <a class="dropdown-item" href="#">Banff/Canmore</a> </li>
                                        </ul>

                                    </li>
                                    <li>
                                        <a class="dropdown-item" href="#"><i class="fa fa-angle-left"></i>
                                            Edmonton/Central</a>
                                        <ul class="dropdown-menu dropdown-submenu">
                                            <li> <a class="dropdown-item" href="#">Edmonton</a> </li>
                                            <li> <a class="dropdown-item" href="#">Red Deer</a> </li>
                                            <li> <a class="dropdown-item" href="#">St. Albert </a> </li>
                                            <li> <a class="dropdown-item" href="#">Spruce Grove</a> </li>
                                            <li> <a class="dropdown-item" href="#">Leduc</a> </li>
                                            <li> <a class="dropdown-item" href="#">Fort Saskatchewan</a> </li>
                                            <li> <a class="dropdown-item" href="#">Lloydminster</a> </li>
                                            <li> <a class="dropdown-item" href="#">Jasper</a> </li>
                                            <li> <a class="dropdown-item" href="#">Edson</a> </li>
                                            <li> <a class="dropdown-item" href="#">Whitecourt</a> </li>
                                        </ul>
                                    </li>
                                    <li>
                                        <a class="dropdown-item" href="#"><i class="fa fa-angle-left"></i> Northern
                                            Alberta </a>
                                        <ul class="dropdown-menu dropdown-submenu">
                                            <li> <a class="dropdown-item" href="#">Fort McMurray</a> </li>
                                            <li> <a class="dropdown-item" href="#">Grande Prairie</a> </li>

                                        </ul>
                                    </li>

                                </ul>
                            </li>

                            <li>
                                <a class="dropdown-item" href="#">
                                    <i class="fa fa-angle-left"></i> British Columbia
                                </a>
                                <ul class="dropdown-menu dropdown-submenu">
                                    <li>
                                        <a class="dropdown-item" href="#">Metro Vancouver</a>
                                    </li>
                                    <li>
                                        <a class="dropdown-item" href="#">Vancouver Island</a>
                                    </li>
                                    <li> <a class="dropdown-item" href="#">Interior </a> </li>
                                    <li> <a class="dropdown-item" href="#">Northern BC </a> </li>
                                </ul>
                            </li>

                            <li>
                                <a class="dropdown-item" href="#">
                                    <i class="fa fa-angle-left"></i> Manitoba
                                </a>
                                <ul class="dropdown-menu dropdown-submenu">
                                    <li>
                                        <a class="dropdown-item" href="#">Manitoba</a>
                                    </li>

                                </ul>
                            </li>
                            <li>
                                <a class="dropdown-item" href="#">
                                    <i class="fa fa-angle-left"></i> New Brunswick
                                </a>
                                <ul class="dropdown-menu dropdown-submenu">
                                    <li>
                                        <a class="dropdown-item" href="#">New Brunswick</a>
                                    </li>

                                </ul>
                            </li>

                            <li>
                                <a class="dropdown-item" href="#">
                                    <i class="fa fa-angle-left"></i> Newfoundland
                                </a>
                                <ul class="dropdown-menu dropdown-submenu">
                                    <li>
                                        <a class="dropdown-item" href="#">Newfoundland</a>
                                    </li>
                                    <li>
                                        <a class="dropdown-item" href="#">Labrador</a>
                                    </li>

                                </ul>
                            </li>

                            <li>
                                <a class="dropdown-item" href="#">
                                    <i class="fa fa-angle-left"></i> Northwest Territories
                                </a>
                                <ul class="dropdown-menu dropdown-submenu">
                                    <li>
                                        <a class="dropdown-item" href="#">Northwest Territories</a>
                                    </li>

                                </ul>
                            </li>

                            <li>
                                <a class="dropdown-item" href="#">
                                    <i class="fa fa-angle-left"></i> Nova Scotia
                                </a>
                                <ul class="dropdown-menu dropdown-submenu">
                                    <li>
                                        <a class="dropdown-item" href="#">Nova Scotia</a>
                                    </li>

                                </ul>
                            </li>

                            <li>
                                <a class="dropdown-item" href="#">
                                    <i class="fa fa-angle-left"></i> Nunavut
                                </a>
                                <ul class="dropdown-menu dropdown-submenu">
                                    <li>
                                        <a class="dropdown-item" href="#">Nunavut</a>
                                    </li>

                                </ul>
                            </li>

                            <li>
                                <a class="dropdown-item" href="#">
                                    <i class="fa fa-angle-left"></i> Ontario
                                </a>
                                <ul class="dropdown-menu dropdown-submenu">
                                    <li> <a class="dropdown-item" href="#">Central</a> </li>
                                    <li> <a class="dropdown-item" href="#">Greater Toronto Area</a> </li>
                                    <li> <a class="dropdown-item" href="#">Hamilton/Niagara (South) </a> </li>
                                    <li> <a class="dropdown-item" href="#">Northern Ontario </a> </li>
                                    <li> <a class="dropdown-item" href="#">South Eastern & Ottawa </a> </li>
                                    <li> <a class="dropdown-item" href="#">South Western </a> </li>
                                </ul>
                            </li>


                            <li>
                                <a class="dropdown-item" href="#">
                                    <i class="fa fa-angle-left"></i> Prince Edward Island
                                </a>
                                <ul class="dropdown-menu dropdown-submenu">
                                    <li>
                                        <a class="dropdown-item" href="#">Prince Edward Island</a>
                                    </li>

                                </ul>
                            </li>

                            <li>
                                <a class="dropdown-item" href="#">
                                    <i class="fa fa-angle-left"></i> Quebec
                                </a>
                                <ul class="dropdown-menu dropdown-submenu">
                                    <li> <a class="dropdown-item" href="#">Greater Montreal Area</a> </li>
                                    <li> <a class="dropdown-item" href="#">Quebec City Area</a> </li>
                                    <li> <a class="dropdown-item" href="#">South & East </a> </li>
                                    <li> <a class="dropdown-item" href="#">West & Gatineau </a> </li>
                                    <li> <a class="dropdown-item" href="#">Central Quebec </a> </li>
                                    <li> <a class="dropdown-item" href="#">Northern Quebec </a> </li>
                                </ul>
                            </li>

                            <li>
                                <a class="dropdown-item" href="#">
                                    <i class="fa fa-angle-left"></i> Saskatchewan
                                </a>
                                <ul class="dropdown-menu dropdown-submenu">
                                    <li> <a class="dropdown-item" href="#">Regina</a> </li>
                                    <li> <a class="dropdown-item" href="#">Saskatoon</a> </li>

                                </ul>
                            </li>

                            <li>
                                <a class="dropdown-item" href="#">
                                    <i class="fa fa-angle-left"></i> Yukon
                                </a>
                                <ul class="dropdown-menu dropdown-submenu">
                                    <li> <a class="dropdown-item" href="#">Yukon</a> </li>


                                </ul>
                            </li>

                        </ul>
                    </div>

                </h2>

            </div>

            <div class="pick-div"><img src="{{ asset('themes/frontend/assets') }}/images/pick-icon.png">
                <div class="arrow-container animated fadeInDown">
                    <div class="arrow-2">
                        <i class="fa fa-angle-down"></i>
                    </div>
                    <div class="arrow-1 animated hinge infinite zoomIn"></div>
                </div>
            </div>

            <div class="row">

                <!-- Single category -->
                <div class="col-lg-3 col-md-4 col-sm-6 aos-init aos-animate" data-aos="zoom-in">
                    <div class="small-category-2">
                        <div class="small-category-2-thumb img-3">
                            <a href=""><img src="{{ asset('themes/frontend/assets') }}/images/icons/1.png" width="50" height="50"
                                    alt=""></a>
                        </div>
                        <div class="sc-2-detail">
                            <h4 class="sc-jb-title"><a href="">Female Escorts</a></h4>
                            <span>23 Listings</span>
                        </div>
                    </div>
                </div>

                <!-- Single category -->
                <div class="col-lg-3 col-md-4 col-sm-6 aos-init aos-animate" data-aos="zoom-in">
                    <div class="small-category-2">
                        <div class="small-category-2-thumb img-5">
                            <a href=""><img src="{{ asset('themes/frontend/assets') }}/images/icons/1.png" width="50" height="50"
                                    alt=""></a>
                        </div>
                        <div class="sc-2-detail">
                            <h4 class="sc-jb-title"><a href="">Male Escorts</a></h4>
                            <span>54 Listings</span>
                        </div>
                    </div>
                </div>

                <!-- Single category -->
                <div class="col-lg-3 col-md-4 col-sm-6 aos-init aos-animate" data-aos="zoom-in">
                    <div class="small-category-2">
                        <div class="small-category-2-thumb img-6">
                            <a href=""><img src="{{ asset('themes/frontend/assets') }}/images/icons/1.png" width="50" height="50"
                                    alt=""></a>
                        </div>
                        <div class="sc-2-detail">
                            <h4 class="sc-jb-title"><a href="">Trans Escorts</a></h4>
                            <span>23 Listings</span>
                        </div>
                    </div>
                </div>

                <!-- Single category -->
                <div class="col-lg-3 col-md-4 col-sm-6 aos-init aos-animate" data-aos="zoom-in">
                    <div class="small-category-2">
                        <div class="small-category-2-thumb img-4">
                            <a href=""><img src="{{ asset('themes/frontend/assets') }}/images/icons/1.png" width="50" height="50"
                                    alt=""></a>
                        </div>
                        <div class="sc-2-detail">
                            <h4 class="sc-jb-title"><a href="">Female Massage</a></h4>
                            <span>87 Listings</span>
                        </div>
                    </div>
                </div>

                <!-- Single category -->
                <div class="col-lg-3 col-md-4 col-sm-6 aos-init aos-animate" data-aos="zoom-in">
                    <div class="small-category-2">
                        <div class="small-category-2-thumb img-4">
                            <a href=""><img src="{{ asset('themes/frontend/assets') }}/images/icons/1.png" width="50" height="50"
                                    alt=""></a>
                        </div>
                        <div class="sc-2-detail">
                            <h4 class="sc-jb-title"><a href="">Adults Job</a></h4>
                            <span>87 Listings</span>
                        </div>
                    </div>
                </div>

                <!-- Single category -->
                <div class="col-lg-3 col-md-4 col-sm-6 aos-init aos-animate" data-aos="zoom-in">
                    <div class="small-category-2">
                        <div class="small-category-2-thumb img-4">
                            <a href=""><img src="{{ asset('themes/frontend/assets') }}/images/icons/1.png" width="50" height="50"
                                    alt=""></a>
                        </div>
                        <div class="sc-2-detail">
                            <h4 class="sc-jb-title"><a href="">Dominatrix &amp; Fetish</a></h4>
                            <span>87 Listings</span>
                        </div>
                    </div>
                </div>
                <!-- Single category -->
                <div class="col-lg-3 col-md-4 col-sm-6 aos-init aos-animate" data-aos="zoom-in">
                    <div class="small-category-2">
                        <div class="small-category-2-thumb img-4">
                            <a href=""><img src="{{ asset('themes/frontend/assets') }}/images/icons/1.png" width="50" height="50"
                                    alt=""></a>
                        </div>
                        <div class="sc-2-detail">
                            <h4 class="sc-jb-title"><a href="">Swingers Club</a></h4>
                            <span>87 Listings</span>
                        </div>
                    </div>
                </div>
                <!-- Single category -->
                <div class="col-lg-3 col-md-4 col-sm-6 aos-init aos-animate" data-aos="zoom-in">
                    <div class="small-category-2">
                        <div class="small-category-2-thumb img-4">
                            <a href=""><img src="{{ asset('themes/frontend/assets') }}/images/icons/1.png" width="50" height="50"
                                    alt=""></a>
                        </div>
                        <div class="sc-2-detail">
                            <h4 class="sc-jb-title"><a href="">Adult Store</a></h4>
                            <span>87 Listings</span>
                        </div>
                    </div>
                </div>

                <!-- Single category -->
                <div class="col-lg-3 col-md-4 col-sm-6 aos-init aos-animate" data-aos="zoom-in">
                    <div class="small-category-2">
                        <div class="small-category-2-thumb img-7">
                            <a href=""><img src="{{ asset('themes/frontend/assets') }}/images/icons/1.png" width="50" height="50"
                                    alt=""></a>
                        </div>
                        <div class="sc-2-detail">
                            <h4 class="sc-jb-title"><a href="">Massage Parlours</a></h4>
                            <span>64 Listings</span>
                        </div>
                    </div>
                </div>
                <!-- Single category -->
                <div class="col-lg-3 col-md-4 col-sm-6 aos-init aos-animate" data-aos="zoom-in">
                    <div class="small-category-2">
                        <div class="small-category-2-thumb img-9">
                            <a href=""><img src="{{ asset('themes/frontend/assets') }}/images/icons/1.png" width="50" height="50"
                                    alt=""></a>
                        </div>
                        <div class="sc-2-detail">
                            <h4 class="sc-jb-title"><a href="">Strip Club</a></h4>
                            <span>33 Listings</span>
                        </div>
                    </div>
                </div>

                <!-- Single category -->
                <div class="col-lg-3 col-md-4 col-sm-6 aos-init aos-animate" data-aos="zoom-in">
                    <div class="small-category-2">
                        <div class="small-category-2-thumb img-1">
                            <a href=""><img src="{{ asset('themes/frontend/assets') }}/images/icons/1.png" width="50" height="50"
                                    alt=""></a>
                        </div>
                        <div class="sc-2-detail">
                            <h4 class="sc-jb-title"><a href="">Escort Agencies</a></h4>
                            <span>50 Jobs</span>
                        </div>
                    </div>
                </div>
                <!-- Single category -->
                <div class="col-lg-3 col-md-4 col-sm-6 aos-init aos-animate" data-aos="zoom-in">
                    <div class="small-category-2">
                        <div class="small-category-2-thumb img-2">
                            <a href=""><img src="{{ asset('themes/frontend/assets') }}/images/icons/1.png" width="50" height="50"
                                    alt=""></a>
                        </div>
                        <div class="sc-2-detail">
                            <h4 class="sc-jb-title"><a href="">Hook Up</a></h4>
                            <span>35 Listings</span>
                        </div>
                    </div>
                </div>

            </div>

            <br>

            {{-- START: Large image  --}}            
            @if($bannerLargeAds->isNotEmpty())
            <div class="row">
                <div class="col-lg-12 col-md-12 col-sm-6 mb-3 aos-init aos-animate" data-aos="zoom-in">
                    <div class="{{ $bannerLargeAds->count() >1 ? 'cycler':'no_cycler'}}">
                        @foreach($bannerLargeAds as $banner)
                            @include('themes.frontend.pages.partials._banner_ad_image', [
                                'banner' => $banner,
                                'image'  => $banner->image_large,
                                'folder' => $defDataArr['banner_ads_folder'],
                            ])
                        @endforeach
                    </div>
                </div>
            </div>
            @endif
            {{-- END: Large image  --}}

            {{-- START: Medium image  --}}
            @if($bannerMediumAds->isNotEmpty())
                <div class="row">
                    {{-- Left Column --}}
                    @if($leftMediumBanners->isNotEmpty())
                    <div class="col-lg-6 col-md-6 col-sm-12 mb-3 aos-init aos-animate" data-aos="zoom-in">
                        <div class="{{ $leftMediumBanners->count() >1 ? 'cycler':'no_cycler'}}">
                            @foreach($leftMediumBanners as $banner)
                                @include('themes.frontend.pages.partials._banner_ad_image', [
                                    'banner' => $banner,
                                    'image'  => $banner->image_medium,
                                    'folder' => $defDataArr['banner_ads_folder'],
                                ])
                            @endforeach
                        </div>
                    </div>
                    @endif

                    {{-- Right Column --}}
                    @if($rightMediumBanners->isNotEmpty())
                    <div class="col-lg-6 col-md-6 col-sm-12 mb-3 aos-init aos-animate" data-aos="zoom-in">
                        <div class="{{ $rightMediumBanners->count() >1 ? 'cycler':'no_cycler'}}">
                            @foreach($rightMediumBanners as $banner)
                                @include('themes.frontend.pages.partials._banner_ad_image', [
                                    'banner' => $banner,
                                    'image'  => $banner->image_medium,
                                    'folder' => $defDataArr['banner_ads_folder'],
                                ])
                            @endforeach
                        </div>
                    </div>
                    @endif
                </div>
            @endif
            {{-- END: Medium image  --}}

            {{-- START: Small image  --}}
            @if($bannerSmallAds->isNotEmpty())

                @if(!empty($bannerGrid))
                    @foreach($bannerGrid as $row)
                        <div class="row">
                            @foreach($row as $column)
                                @if(!empty($column))
                                    <div class="col-lg-4 col-md-4 col-sm-6 mb-3 aos-init aos-animate" data-aos="zoom-in">
                                        <div class="{{ count($column) >1 ? 'cycler':'no_cycler'}}">
                                            @foreach($column as $banner)
                                                @include('themes.frontend.pages.partials._banner_ad_image', [
                                                    'banner' => $banner,
                                                    'image'  => $banner->image_small,
                                                    'folder' => $defDataArr['banner_ads_folder'],
                                                ])
                                            @endforeach
                                        </div>
                                    </div>
                                @endif
                            @endforeach
                        </div>
                    @endforeach
                @endif

            @endif

            {{-- END: Small image  --}}
        </div>
    </section>
    <!-- END SECTION FEATURE CITIES -->

    <!-- STAR SECTION PARTNERS -->
    <section class="how-it-works bg-white text-center">
        <div class="container">
            {{-- {!! $model->title !!} --}}
            {{-- {!! $model->description !!} --}}
            <p>The content on this site is user generated and in no way reflects the views nor is endorsed by the owners of
                this site. You agree that the owner of this website is released of all liabilities. If you are offended by
                any material posted on this site you should exit immediately. This entire goldpages.to website, including
                its code, images, logos, and names are protected by copyright, and any infringement of said copyright will
                be prosecuted to the fullest extent of the law. By entering the website you acknowledge and agree to the
                above and agree to our <a href="#">terms & conditions, rules, privacy policy</a> and <a
                    href="#">refund policy</a>.</p>
        </div>
    </section>
    <!-- END SECTION PARTNERS -->

    <!-- Load Popup -->
    <div id="boxes">
        <div style="top: 199.5px; left: 551.5px; display: none;" id="dialog" class="window">
            <div class="popup-hd">
                @if ($optsDbArr['logo'])
                    <x-img src="{{ $optsDbArr['media_folder'] . $optsDbArr['logo'] }}"
                        data-sticky-logo="{{ $optsDbArr['media_folder'] . $optsDbArr['logo'] }}" />
                @endif
            </div>
            <div id="lorem" class="text-center">
                <h3>This website contains adult content </h3>
                <p>
                    By continuing to use Gold Pages, you agree you're <strong>over the age of 18</strong> and have
                    <strong>read and agreed</strong> to our terms.
                    <br>
                    <br>
                    <strong>Parents/guardians</strong>, you can learn more about online safety in the Assembly Four parents
                    guide to adult content.
                </p>
                <br>
                <a href="#" class="close color-btn">Agree and Close</a> | <a class="color-btn2 close"
                    href="http://www.cartoonnetwork.com/">Decline</a>
                <br>
                <br>
                <p>Showing <strong>Female</strong> profiles <span class="show-reg-form modal-open2"><a href=""
                            class="color-btn3 "><i class="fa-edit fa"></i> Change</a></span></p>
            </div>
        </div>
        <div style="width: 1478px; font-size: 32pt; color:white; height: 602px; display: none; opacity: 0.8;"
            id="mask"></div>
    </div>
    <!-- Load Popup -->

    <!--Load Popup -->
    <div class="login-and-register-form modal2">
        <div class="main-overlay"></div>
        <div class="main-register-holder">
            <div class="main-register fl-wrap">
                <div class="close-reg"><i class="fa fa-times"></i></div>
                <h3>Select Preferences</h3>
                <div class="mb-2">
                    <div class="row justify-content-center">
                        <div class="col-auto" data-scope="i_am">
                            <h4>I am</h4>
                            <div class="form-check">
                                <input type="checkbox" name="i_am[]" id="i_am_male" value="male"
                                    class="custom-control-input form-check-input me-2">
                                <label class="custom-control-label" for="i_am_male">Male</label>
                            </div>
                            <div class="form-check">
                                <input type="checkbox" name="i_am[]" id="i_am_female" value="female"
                                    class="custom-control-input form-check-input me-2">
                                <label class="custom-control-label" for="i_am_female">Female</label>
                            </div>
                            <div class="form-check">
                                <input type="checkbox" name="i_am[]" id="i_am_non_binary" value="non_binary"
                                    class="custom-control-input form-check-input me-2">
                                <label class="custom-control-label" for="i_am_non_binary">Non-binary</label>
                            </div>
                            <div class="form-check">
                                <input type="checkbox" name="i_am[]" id="i_am_couples" value="couples"
                                    class="custom-control-input form-check-input me-2">
                                <label class="custom-control-label" for="i_am_couples">A couple</label>
                            </div>
                            <div class="form-check">
                                <input type="checkbox" name="i_am[]" id="i_am_rather_not_say" value="rather_not_say"
                                    class="custom-control-input form-check-input me-2">
                                <label class="custom-control-label" for="i_am_rather_not_say">Rather not say</label>
                            </div>
                        </div>
                        <div class="col-auto" data-scope="looking_for">
                            <h4>Looking for</h4>
                            <div class="form-check">
                                <input type="checkbox" name="looking_for[]" id="looking_for_female" value="female"
                                    class="custom-control-input form-check-input me-2" checked="checked">
                                <label class="custom-control-label" for="looking_for_female">Female</label>
                            </div>
                            <div class="form-check">
                                <input type="checkbox" name="looking_for[]" id="looking_for_male" value="male"
                                    class="custom-control-input form-check-input me-2">
                                <label class="custom-control-label" for="looking_for_male">Male</label>
                            </div>
                            <div class="form-check">
                                <input type="checkbox" name="looking_for[]" id="looking_for_non_binary"
                                    value="non_binary" class="custom-control-input form-check-input me-2">
                                <label class="custom-control-label" for="looking_for_non_binary">Non-binary</label>
                            </div>
                            <div class="form-check">
                                <input type="checkbox" name="trans" id="looking_for_trans" value="trans"
                                    class="custom-control-input form-check-input me-2">
                                <label class="custom-control-label" for="looking_for_trans">Trans Only</label>
                            </div>
                        </div>
                    </div>
                </div>
                <center> <a href="" class="color-btn ">Set Preferences</a></center>
            </div>
        </div>
    </div>
    <!--Load Popup -->
@endsection
@push('scripts')
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
    <script src="{{ asset('themes/frontend/assets') }}/js/home.js"></script>
@endpush