mapsobj.blade.php 22.4 KB
@extends('layout.site', ['title' => 'Объекты на карте RentTorg'])

@section('content')
    <section class="hero hero--modified2">
        <div class="container">
            <div class="hero__bg" style="background-image:url('images/page-map-bg.jpg')"></div>
            <div class="hero__wrap">
                <div class="hero__inner">
                    <div class="breadcrumbs">
                        <ul class="breadcrumbs__list">
                            <li class="breadcrumbs__item"><a class="breadcrumbs__link" href="#">Главная</a></li>
                            <li class="breadcrumbs__item"><span class="breadcrumbs__link">Объекты на карте</span></li>
                        </ul>
                    </div>
                    <div class="hero__cnt">
                        <h1 class="hero__title title-main">Объекты на карте</h1>
                    </div>
                    <div class="hero__bottom">
                        <div class="hero-search">
                            <div class="hero-search__control">
                                <div class="hero-filter hero-filter--modified1 js_hero_filter">
                                    <input class="js_hero_filter_input" type="hidden">
                                    <div class="hero-filter__current js_hero_filter_current">Все объекты</div>
                                    <div class="hero-filter__dropdown js_hero_filter_dropdown">
                                        <ul class="hero-filter__list">
                                            <li class="hero-filter__item" data-val="1">Все объекты</li>
                                            <li class="hero-filter__item" data-val="2">ЖК Большое Путилково</li>
                                            <li class="hero-filter__item" data-val="3">ЖК Ильменский 17</li>
                                            <li class="hero-filter__item" data-val="4">ЖК Первый Московский</li>
                                            <li class="hero-filter__item" data-val="5">ЖК Большое Путилково</li>
                                            <li class="hero-filter__item" data-val="6">ЖК Ильменский 17</li>
                                            <li class="hero-filter__item" data-val="7">ЖК Первый Московский</li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="hero-filter hero-filter--modified2 js_hero_filter">
                                    <input class="js_hero_filter_input" type="hidden">
                                    <div class="hero-filter__current js_hero_filter_current">Тип недвижимости</div>
                                    <div class="hero-filter__dropdown js_hero_filter_dropdown">
                                        <ul class="hero-filter__list">
                                            <li class="hero-filter__item" data-val="1">Выбрать все</li>
                                            <li class="hero-filter__item" data-val="2">Индустриальная недвижимость</li>
                                            <li class="hero-filter__item" data-val="3">Офисы</li>
                                            <li class="hero-filter__item" data-val="4">Торговое помещение</li>
                                            <li class="hero-filter__item" data-val="5">Индустриальная недвижимость</li>
                                            <li class="hero-filter__item" data-val="6">Офисы</li>
                                            <li class="hero-filter__item" data-val="7">Торговое помещение</li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="hero-filter hero-filter--modified3 js_hero_filter">
                                    <input class="js_hero_filter_input" type="hidden">
                                    <div class="hero-filter__current js_hero_filter_current">Формат недвижимости</div>
                                    <div class="hero-filter__dropdown js_hero_filter_dropdown">
                                        <ul class="hero-filter__list">
                                            <li class="hero-filter__item" data-val="1">Выбрать все</li>
                                            <li class="hero-filter__item" data-val="2">Аптека</li>
                                            <li class="hero-filter__item" data-val="3">Супермаркет</li>
                                            <li class="hero-filter__item" data-val="4">Барбершоп</li>
                                            <li class="hero-filter__item" data-val="5">Аптека</li>
                                            <li class="hero-filter__item" data-val="6">Супермаркет</li>
                                            <li class="hero-filter__item" data-val="7">Барбершоп</li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="hero-filter hero-filter--modified4 js_hero_filter">
                                    <div class="hero-filter__current js_hero_filter_current">Площадь, м<sup>2</sup></div>
                                    <div class="hero-filter__dropdown js_hero_filter_dropdown">
                                        <div class="hero-filter__fields">
                                            <label class="hero-filter__field"><span>От</span>
                                                <input class="js_hero_filter_field js_hero_filter_from" type="text" data-min="50" placeholder="50">
                                            </label>
                                            <label class="hero-filter__field"><span>До</span>
                                                <input class="js_hero_filter_field js_hero_filter_to" type="text" data-max="125000" placeholder="125 000">
                                            </label>
                                        </div>
                                        <button class="hero-filter__reset js_hero_filter_reset" type="button">Очистить</button>
                                    </div>
                                </div>
                                <div class="hero-filter hero-filter--modified5 js_hero_filter">
                                    <div class="hero-filter__current js_hero_filter_current">Стоимость, ₽</div>
                                    <div class="hero-filter__dropdown js_hero_filter_dropdown">
                                        <div class="hero-filter__fields">
                                            <label class="hero-filter__field"><span>От</span>
                                                <input class="js_hero_filter_field js_hero_filter_from" type="text" data-min="50" placeholder="50">
                                            </label>
                                            <label class="hero-filter__field"><span>До</span>
                                                <input class="js_hero_filter_field js_hero_filter_to" type="text" data-max="125000" placeholder="125 000">
                                            </label>
                                        </div>
                                        <button class="hero-filter__reset js_hero_filter_reset" type="button">Очистить</button>
                                    </div>
                                </div>
                            </div>
                            <div class="hero-search__bottom">
                                <div class="hero-search__field">
                                    <input type="text" placeholder="Укажите метро, округ, район, улицу">
                                    <button>
                                        <svg width="20" height="20">
                                            <use xlink:href="images/sprite.svg#hero-search"> </use>
                                        </svg>
                                    </button>
                                </div>
                                <div class="hero-search__buttons">
                                    <button class="hero-search__btn btn btn--main js_hero_search_btn">Поиск</button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <section class="page-map">
        <div class="page-map__wrap">
            <h2 class="visually-hidden">Карта</h2>
            <div class="page-map__map" id="general-map"></div>
            <div class="container">
                <div class="page-map__inner">
                    <div class="page-map-bar js_page_map_bar active">
                        <div class="page-map-bar__top">Все объекты
                            <button class="page-map-bar__close js_page_map_bar_btn" type="button">
                                <svg width="20" height="20">
                                    <use xlink:href="images/sprite.svg#popup-close"></use>
                                </svg>
                            </button>
                        </div>
                        <ul class="page-map-bar__list js_page_map_bar_list">
                            <li class="page-map-bar__item">ЖК Большое Путилково</li>
                            <li class="page-map-bar__item">ЖК Среда</li>
                            <li class="page-map-bar__item">ЖК Квартал Триумфальный</li>
                            <li class="page-map-bar__item">ЖК Алые Паруса</li>
                            <li class="page-map-bar__item">ЖК Первый Московский</li>
                            <li class="page-map-bar__item">ЖК Ильменский 17</li>
                            <li class="page-map-bar__item">ЖК Царская Площадь</li>
                            <li class="page-map-bar__item">ЖК Переделкино Ближнее</li>
                            <li class="page-map-bar__item">ЖК Этолон Cити</li>
                            <li class="page-map-bar__item">ЖК Триумф Палас</li>
                        </ul>
                        <div class="card-news">
                            <div class="card-news__top"><img src="images/card/card-img-5.jpg" alt="Превью к новости" loading="lazy">
                                <div class="card-news__date"><span>ЖК Большое Путилково</span><span></span></div>
                            </div>
                            <div class="card-news__cnt">
                                <p class="card-news__descr">Помещение расположено на первой фасадной линии Лесной улицы. В нескольких минутах пешком от метро «Белорусская», Бизнес центра класса «А» «Белая площадь», напротив гостиницы «Holiday Inn» и рядом с фудмоллом</p><a class="card-news__link" href="#">Подробнее
                                    <svg width="17" height="12">
                                        <use xlink:href="images/sprite.svg#card-news-link-arrow"></use>
                                    </svg></a>
                            </div>
                        </div>
                        <div class="card-news">
                            <div class="card-news__top"><img src="images/card/card-img-6.jpg" alt="Превью к новости" loading="lazy">
                                <div class="card-news__date"><span>ЖК Среда</span><span></span></div>
                            </div>
                            <div class="card-news__cnt">
                                <p class="card-news__descr">Помещение расположено на первой фасадной линии Лесной улицы. В нескольких минутах пешком от метро «Белорусская», Бизнес центра класса «А» «Белая площадь», напротив гостиницы «Holiday Inn» и рядом с фудмоллом</p><a class="card-news__link" href="#">Подробнее
                                    <svg width="17" height="12">
                                        <use xlink:href="images/sprite.svg#card-news-link-arrow"></use>
                                    </svg></a>
                            </div>
                        </div>
                        <div class="card-news">
                            <div class="card-news__top"><img src="images/card/card-img-7.jpg" alt="Превью к новости" loading="lazy">
                                <div class="card-news__date"><span>ЖК Квартал Триумфальный</span><span></span></div>
                            </div>
                            <div class="card-news__cnt">
                                <p class="card-news__descr">Помещение расположено на первой фасадной линии Лесной улицы. В нескольких минутах пешком от метро «Белорусская», Бизнес центра класса «А» «Белая площадь», напротив гостиницы «Holiday Inn» и рядом с фудмоллом</p><a class="card-news__link" href="#">Подробнее
                                    <svg width="17" height="12">
                                        <use xlink:href="images/sprite.svg#card-news-link-arrow"></use>
                                    </svg></a>
                            </div>
                        </div>
                        <div class="card-news">
                            <div class="card-news__top"><img src="images/card/card-img-8.jpg" alt="Превью к новости" loading="lazy">
                                <div class="card-news__date"><span>ЖК Алые Паруса</span><span></span></div>
                            </div>
                            <div class="card-news__cnt">
                                <p class="card-news__descr">Помещение расположено на первой фасадной линии Лесной улицы. В нескольких минутах пешком от метро «Белорусская», Бизнес центра класса «А» «Белая площадь», напротив гостиницы «Holiday Inn» и рядом с фудмоллом</p><a class="card-news__link" href="#">Подробнее
                                    <svg width="17" height="12">
                                        <use xlink:href="images/sprite.svg#card-news-link-arrow"></use>
                                    </svg></a>
                            </div>
                        </div>
                        <div class="card-news">
                            <div class="card-news__top"><img src="images/card/card-img-5.jpg" alt="Превью к новости" loading="lazy">
                                <div class="card-news__date"><span>ЖК Первый Московский</span><span></span></div>
                            </div>
                            <div class="card-news__cnt">
                                <p class="card-news__descr">Помещение расположено на первой фасадной линии Лесной улицы. В нескольких минутах пешком от метро «Белорусская», Бизнес центра класса «А» «Белая площадь», напротив гостиницы «Holiday Inn» и рядом с фудмоллом</p><a class="card-news__link" href="#">Подробнее
                                    <svg width="17" height="12">
                                        <use xlink:href="images/sprite.svg#card-news-link-arrow"></use>
                                    </svg></a>
                            </div>
                        </div>
                        <div class="card-news">
                            <div class="card-news__top"><img src="images/card/card-img-6.jpg" alt="Превью к новости" loading="lazy">
                                <div class="card-news__date"><span>ЖК Ильменский 17</span><span></span></div>
                            </div>
                            <div class="card-news__cnt">
                                <p class="card-news__descr">Помещение расположено на первой фасадной линии Лесной улицы. В нескольких минутах пешком от метро «Белорусская», Бизнес центра класса «А» «Белая площадь», напротив гостиницы «Holiday Inn» и рядом с фудмоллом</p><a class="card-news__link" href="#">Подробнее
                                    <svg width="17" height="12">
                                        <use xlink:href="images/sprite.svg#card-news-link-arrow"></use>
                                    </svg></a>
                            </div>
                        </div>
                        <div class="card-news">
                            <div class="card-news__top"><img src="images/card/card-img-7.jpg" alt="Превью к новости" loading="lazy">
                                <div class="card-news__date"><span>ЖК Царская Площадь</span><span></span></div>
                            </div>
                            <div class="card-news__cnt">
                                <p class="card-news__descr">Помещение расположено на первой фасадной линии Лесной улицы. В нескольких минутах пешком от метро «Белорусская», Бизнес центра класса «А» «Белая площадь», напротив гостиницы «Holiday Inn» и рядом с фудмоллом</p><a class="card-news__link" href="#">Подробнее
                                    <svg width="17" height="12">
                                        <use xlink:href="images/sprite.svg#card-news-link-arrow"></use>
                                    </svg></a>
                            </div>
                        </div>
                        <div class="card-news">
                            <div class="card-news__top"><img src="images/card/card-img-8.jpg" alt="Превью к новости" loading="lazy">
                                <div class="card-news__date"><span>ЖК Переделкино Ближнее</span><span></span></div>
                            </div>
                            <div class="card-news__cnt">
                                <p class="card-news__descr">Помещение расположено на первой фасадной линии Лесной улицы. В нескольких минутах пешком от метро «Белорусская», Бизнес центра класса «А» «Белая площадь», напротив гостиницы «Holiday Inn» и рядом с фудмоллом</p><a class="card-news__link" href="#">Подробнее
                                    <svg width="17" height="12">
                                        <use xlink:href="images/sprite.svg#card-news-link-arrow"></use>
                                    </svg></a>
                            </div>
                        </div>
                        <div class="card-news">
                            <div class="card-news__top"><img src="images/card/card-img-5.jpg" alt="Превью к новости" loading="lazy">
                                <div class="card-news__date"><span>ЖК Этолон Cити</span><span></span></div>
                            </div>
                            <div class="card-news__cnt">
                                <p class="card-news__descr">Помещение расположено на первой фасадной линии Лесной улицы. В нескольких минутах пешком от метро «Белорусская», Бизнес центра класса «А» «Белая площадь», напротив гостиницы «Holiday Inn» и рядом с фудмоллом</p><a class="card-news__link" href="#">Подробнее
                                    <svg width="17" height="12">
                                        <use xlink:href="images/sprite.svg#card-news-link-arrow"></use>
                                    </svg></a>
                            </div>
                        </div>
                        <div class="card-news">
                            <div class="card-news__top"><img src="images/card/card-img-6.jpg" alt="Превью к новости" loading="lazy">
                                <div class="card-news__date"><span>ЖК Триумф Палас</span><span></span></div>
                            </div>
                            <div class="card-news__cnt">
                                <p class="card-news__descr">Помещение расположено на первой фасадной линии Лесной улицы. В нескольких минутах пешком от метро «Белорусская», Бизнес центра класса «А» «Белая площадь», напротив гостиницы «Holiday Inn» и рядом с фудмоллом</p><a class="card-news__link" href="#">Подробнее
                                    <svg width="17" height="12">
                                        <use xlink:href="images/sprite.svg#card-news-link-arrow"></use>
                                    </svg></a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection

@section('form_feedback')
    <!-- Форма обратной связи -->
    @include('form.form_feedback')
@endsection