<file_sep><div class="container catalog">
    <h2 class="mt-5 d-none d-sm-block">Каталог {{ item.name }}</h2>
    <h3 class="mt-5 d-block d-sm-none">Каталог {{ item.name }}</h3>
    <? include('blocks/sort-panel.php'); ?>
    <? include('blocks/map-pannel.php'); ?>
    <div class="row pl-0 pr-3 pl-sm-3">
        <div class="col-12 col-sm-4 sidebar pb-4 pb-sm-0"><? include('blocks/sidebar.php'); ?></div>
        <div class="col-12 col-sm-8 p-0">
            <div class="row  pl-0 pl-sm-3 pt-4  pt-sm-0">
                <div class="col ml-0  ">
                    <?
                    $comps=array(
                            array('id'=>'slider1','imgs'=>array(array('src'=>'../img/company-slider1.png','title'=>'slider1'),array('src'=>'../img/company_slider2.png','title'=>'slider2'),array('src'=>'../img/company_slider3.png','title'=>'slider3')),'title'=>'Title','description'=>'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi ornare vulputate sed imperdiet nec purus. Ullamcorper tortor nisi, sed viverra pulvinar feugiat ante. Bibendum cum erat libero aliquet ipsum porta in amet, feugiat. Mattis placerat integer donec pharetra dictum. Egestas senectus eget vitae, id viverra purus rhoncus. Quis viverra dui magna in ut.'),
                            array('id'=>'slider2','imgs'=>array(array('src'=>'../img/company-slider1.png','title'=>'slider1'),array('src'=>'../img/company_slider2.png','title'=>'slider2'),array('src'=>'../img/company_slider3.png','title'=>'slider3')),'title'=>'Title','description'=>'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi ornare vulputate sed imperdiet nec purus. Ullamcorper tortor nisi, sed viverra pulvinar feugiat ante. Bibendum cum erat libero aliquet ipsum porta in amet, feugiat. Mattis placerat integer donec pharetra dictum. Egestas senectus eget vitae, id viverra purus rhoncus. Quis viverra dui magna in ut.'),
                            array('id'=>'slider3','imgs'=>array(array('src'=>'../img/company-slider1.png','title'=>'slider1'),array('src'=>'../img/company_slider2.png','title'=>'slider2'),array('src'=>'../img/company_slider3.png','title'=>'slider3')),'title'=>'Title','description'=>'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi ornare vulputate sed imperdiet nec purus. Ullamcorper tortor nisi, sed viverra pulvinar feugiat ante. Bibendum cum erat libero aliquet ipsum porta in amet, feugiat. Mattis placerat integer donec pharetra dictum. Egestas senectus eget vitae, id viverra purus rhoncus. Quis viverra dui magna in ut.','bookmark'=>1)
                    );
                    foreach ($comps as $e) {
                        include('card/company_card_mini_slider.php');
                    }
                    ?>
                </div>
            </div>
            <? $array=array('href'=>'#','alt'=>'...','src'=>'../img/banner.png');?>
            <div class="mb-3 pb-3 ml-3"><? include('card/banner.php')?></div>
            <div class="row">
                <div class="col ml-0 ml-sm-3 mt-3">
                    <h3 class="mb-3 d-none d-sm-block">{{ city.name }}: Лучшие {{ category.name }} в городе</h3>
                    <h4 class="mb-3 d-sm-none d-block">{{ city.name }}: Лучшие {{ category.name }} в городе</h4>
                </div>
            </div>
            <div class="row">
                <div class="col ml-0 ml-sm-3 mt-3">
                    <?
                    $comps=array(
                        array('id'=>'slider4','imgs'=>array(array('src'=>'../img/company-slider1.png','title'=>'slider1'),array('src'=>'../img/company_slider2.png','title'=>'slider2'),array('src'=>'../img/company_slider3.png','title'=>'slider3')),'title'=>'Title','description'=>'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi ornare vulputate sed imperdiet nec purus. Ullamcorper tortor nisi, sed viverra pulvinar feugiat ante. Bibendum cum erat libero aliquet ipsum porta in amet, feugiat. Mattis placerat integer donec pharetra dictum. Egestas senectus eget vitae, id viverra purus rhoncus. Quis viverra dui magna in ut.'),
                    );
                    foreach ($comps as $e) {
                        include('card/company_card_mini_slider.php');
                    }
                    ?>
                </div>
            </div>
        </div>
    </div>
</div>
<file_sep><a class="col-auto service-small shadow text-100 mx-auto" href="<?=$array['href']?>">
    <div class="row">
        <div class="col" style="top:45">
            <span class="mdi mdi-<?=$array['icon']?> mdi-24px brown-color"></span>
            <p><?=$array['text']?></p>
        </div>
    </div>
</a>
<file_sep><div class="maps">
    <? include('blocks/map-pannel-max.php'); ?>
</div>
<file_sep><? foreach ($array_figura as $figura){?>
    <div class="row mb-4">
        <div class="col-<?=isset($figura['a_text'])?'7':'12'?>"><<?=$figura['tag']?>><?=$figura['title']?></<?=$figura['tag']?>></div>
        <? if(isset($figura['a_text'])){?><div class="col-5"><a href="<?=$figura['a_href']?>" class="brown-color float-right text-decoration-underline"><?=$figura['a_text']?></a></div><? } ?>
    </div>
    <div class="row mb-4">
        <? foreach ($figura['elements'] as $e) {?>
            <div class="col-12 col-sm-6 col-lg-3  mt-5 mt-lg-0 mx-auto block_figura_card">
                <figure class="figure">
                   <div class=" position-absolute d-flex flex-column justify-content-around  pl-2 h-100 mr-3 mr-xl-0 ">
                        <span class=" position-relative  bookmark  mdi mdi-bookmark-outline mdi-24px brown-color"></span>
                        <figcaption class="position-relative  shadow"><<?=$e['tag']?>><?=$e['title']?></<?=$e['tag']?>><?=$e['text']?></figcaption>
                    </div>
                    <img src="<?=$e['src']?>" alt="<?=$e['alt']?>" class="figure-img img-fluid rounded ">
                </figure>
            </div>
        <? } ?>
    </div>
<? } ?><file_sep><section class="search  mt-md-4 mt-3">
    <div class="container">
        <h2 class="d-none d-sm-block">Результаты поиска</h2>
        <h3 class="d-block d-sm-none mt-3" >Результаты поиска</h3>
        <p class="mb-4">Поиск по {{ запрос / тег }} {{ item.search }}  pariatur ex ipsum sit cillum eiusmod exercitation exercitation velit deserunt excepteur veniam nostrud.</p>
        <ul id="tags" class="row " style="list-style: none">
            <?
            $tags=array(
              array('href'=>'/search.php','name'=>'tagName'),
              array('href'=>'/search.php','name'=>'tagName'),
              array('href'=>'/search.php','name'=>'tagName'),
              array('href'=>'/search.php','name'=>'tagName'),
              array('href'=>'/search.php','name'=>'tagName'),
              array('href'=>'/search.php','name'=>'tagName'),
              array('href'=>'/search.php','name'=>'tagName'),
              array('href'=>'/search.php','name'=>'tagName'),
              array('href'=>'/search.php','name'=>'tagName'),
              array('href'=>'/search.php','name'=>'tagName'),
              array('href'=>'/search.php','name'=>'tagName'),
              array('href'=>'/search.php','name'=>'tagName'),
              array('href'=>'/search.php','name'=>'tagName'),
            );
            foreach ($tags as $e){
                include('card/tag.php');
            }
            ?>
        </ul>
        <div class="mt-sm-3">
            <? $search=array(
                array('title'=>'Title','src'=>'/img/stocks_img1.png', 'alt'=>'...', 'tag'=>'h3','href'=>'/product.php','raitting'=>4,'description'=>'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi ornare vulputate sed imperdiet nec purus. Ullamcorper tortor nisi, sed viverra pulvinar feugiat ante. Bibendum cum erat libero aliquet ipsum porta in amet, feugiat. Mattis placerat integer donec pharetra dictum. Egestas senectus eget vitae, id viverra purus rhoncus. Quis viverra dui magna in ut.'),
                array('title'=>'Title','src'=>'/img/stocks_img1.png', 'alt'=>'...', 'tag'=>'h3','href'=>'/product.php','raitting'=>4,'description'=>'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi ornare vulputate sed imperdiet nec purus. Ullamcorper tortor nisi, sed viverra pulvinar feugiat ante. Bibendum cum erat libero aliquet ipsum porta in amet, feugiat. Mattis placerat integer donec pharetra dictum. Egestas senectus eget vitae, id viverra purus rhoncus. Quis viverra dui magna in ut.'),
                array('title'=>'Title','src'=>'/img/stocks_img1.png', 'alt'=>'...', 'tag'=>'h3','href'=>'/product.php','raitting'=>4,'description'=>'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi ornare vulputate sed imperdiet nec purus. Ullamcorper tortor nisi, sed viverra pulvinar feugiat ante. Bibendum cum erat libero aliquet ipsum porta in amet, feugiat. Mattis placerat integer donec pharetra dictum. Egestas senectus eget vitae, id viverra purus rhoncus. Quis viverra dui magna in ut.'),
                array('title'=>'Title','src'=>'/img/stocks_img1.png', 'alt'=>'...', 'tag'=>'h3','href'=>'/product.php','raitting'=>4,'description'=>'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi ornare vulputate sed imperdiet nec purus. Ullamcorper tortor nisi, sed viverra pulvinar feugiat ante. Bibendum cum erat libero aliquet ipsum porta in amet, feugiat. Mattis placerat integer donec pharetra dictum. Egestas senectus eget vitae, id viverra purus rhoncus. Quis viverra dui magna in ut.'),
            );?>

            <? foreach ($search as $e){
                include('card/company_row.php');
            }?>
        </div>
    </div> <!-- container -->
</section>
<link type="text/css" rel="stylesheet" href="/css/lightslider.css" />
<script src="/js/lightslider.js"></script>
<script type="text/javascript">
    $(document).ready(function() {
        if($(document).width()<540) {
            $("#tags").lightSlider({
                item: 3,
                autoWidth: true,
                slideMove: 2, // slidemove will be 1 if loop is true
                slideMargin: 10,

                addClass: '',
                mode: "slide",
                useCSS: true,
                cssEasing: 'ease', //'cubic-bezier(0.25, 0, 0.25, 1)',//
                easing: 'linear', //'for jquery animation',////

                speed: 400, //ms'
                auto: false,
                loop: false,
                slideEndAnimation: true,
                pause: 2000,

                keyPress: false,
                controls: false,
                prevHtml: '',
                nextHtml: '',

                rtl: false,
                adaptiveHeight: false,

                vertical: false,
                verticalHeight: 500,
                vThumbWidth: 100,

                thumbItem: 10,
                pager: false,
                gallery: false,
                galleryMargin: 5,
                thumbMargin: 5,
                currentPagerPosition: 'middle',

                enableTouch: true,
                enableDrag: true,
                freeMove: true,
                swipeThreshold: 40,

                responsive: [],
            });
        }
    });
    </script><file_sep><li class="events  mb-3 px-0 owl-item" style="max-width: 540px;width:540px: background:none;">
    <img src="<?=$array['img']?>" class="w-100 position-absolute rounded-lg">
</li><file_sep><!--../img/company-slider1.png-->
<div class="card mb-3 pb-3 company_card_mini">
    <div id="<?=$e['id']?>" class="card-img-top carousel slide" data-ride="carousel">
        <div class="carousel-inner">
            <? foreach ($e['imgs'] as $k=>$img){?>
                <div class="carousel-item <?=$k==0?'active':''?>">
                    <img src="<?=$img['src']?>" class="d-block w-100"  alt="<?=$img['title']?>">
                </div>
            <? } ?>
        </div>
        <? if(count($e['imgs'])>1) { ?>
        <a class="carousel-control-prev" href="#carouselExampleControls" role="button" data-slide="prev">
            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
            <span class="sr-only">Previous</span>
        </a>
        <a class="carousel-control-next" href="#carouselExampleControls" role="button" data-slide="next">
            <span class="carousel-control-next-icon" aria-hidden="true"></span>
            <span class="sr-only">Next</span>
        </a>
        <? } ?>
    </div>
    <div class="card-body">
        <span class="mdi-24px  d-inline-block  mr-3 brown-color mdi mdi-bookmark<?=!$e['bookmark']?'-outline':''?>"></span> <a href="#"><h3 class="d-inline-block card-title brown-color"><?=$e['title']?></h3></a>
        <p class="card-text mt-3"><?=$e['description']?></p>
    </div>
</div>
<? if($e['id']&&count($e['imgs'])>1){?>
<script>
    $(document).ready(function() {

        var car<?=$e['id']?> = $('#<?=$e['id']?>').carousel({
            interval: 2000
        });
        $('#<?=$e['id']?>').on('click','.carousel-control-prev', function () {
            $('#<?=$e['id']?>').carousel('prev');
        });
        $('#<?=$e['id']?>').on('click','.carousel-control-next', function () {
            $('#<?=$e['id']?>').carousel('next');
        });
    });
</script>
<? } ?><file_sep><header <? if($_SERVER['SCRIPT_NAME']=='/index.php') echo 'class="homepage"'; ?>>
    <div class="topnav">
        <div class="fixed-top">
        <div class="container">
            <div class="row align-items-center topnav">
                <div class="col-auto menu d-inline-block d-md-none">
                    <div class="btn-group" role="group">
                        <a id="btnGroupDrop1" href="#" class="color-black text-decoration-none open-header-menu" data-toggle="collapse" data-target="#dropdown-menu" aria-expanded="true" aria-controls="collapseOne">
                            <span class="mdi mdi-menu"></span>
                        </a>
                    </div>
                </div>
                <a class="col col-md-3 logo d-inline-block text-center px-1 px-md-3" href="/">
                    GDE<span>GO</span>
                </a>
                <? include('blocks/login-pannel-mini.php'); ?>
                <div class="col-md-4 col-sm-12">
                        <span class="mdi mdi-magnify search-icon"></span>
                        <input name="search" type="text" class="search col-sm-12">
                </div>
                <div class="col-md-5 col-sm-12 ">
                    <? include('blocks/login-pannel.php'); ?>
                </div>
            </div>
        </div>
        </div>
    </div>
    <div class="panel-menu">
        <div class="container">
            <div class="row align-items-center  topbar  d-none d-md-flex">
                <div class="col-sm-12 col-md-3 p-0 select-city">
                    <span class="mdi mdi-map-marker local"></span>
                    Санкт-Петербург
                    <span class="mdi mdi-chevron-down select"></span>
                </div>
                <div class="col-md-3 col-sm-12 menu d-none d-sm-inline-block">
                    <div class="btn-group" role="group">
                        <a id="btnGroupDrop1" href="#" class="color-black open-header-menu text-decoration-none" data-toggle="collapse" data-target="#dropdown-menu" aria-expanded="true" aria-controls="collapseOne">
                            <svg class="menu-icon brown-color" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <path d="M3 6H21V8H3V6ZM3 11H17V13H3V11ZM3 16H14V18H3V16Z" fill="#847768"/>
                            </svg>
                            Меню
                        </a>
                        
                    </div>
                </div>
                <div class="col-md-6 col-sm-12 contacts px-0">
                    <span class="email d-none pr-2 d-sm-inline-block">
                        <EMAIL>
                        <span class="mdi mdi-email-open email-icon brown-color"></span>
                    </span>
                    <span class="phone d-none d-sm-inline-block">
                        +7 (225) 555-0118
                        <span class="mdi mdi-cellphone-iphone phone-icon brown-color"></span>
                    </span>
                </div>
            </div>
        </div>
    </div>
    <div class="bg-white">
        <? include('blocks/menu.php') ?>
    </div>
</header><file_sep><li class="advice shadow text-100 owl-item">
    <div class="align-items-start">
        <img src="<?=$array['img']?>" class="w-100">
        <div class="col">
            <p class="mt-3 mb-2 text-100"><?=$array['text']?></p>
            <div class="row mt-1">
                <div class="col-7 pr-0">
                    <? $raitting=4; include('blocks/raitting.php'); ?>
                </div>
                <div class="col-5 text-small text-60 text-right pl-0">
                    <?=$array['comment']?$array['comment']:'0'?> отзывов
                </div>
            </div>
        </div>
    </div>
    <div class="row align-items-end no-gutters">
        <div class="col-1"><span class="mdi  brown-color mdi-bookmark<?=!$array['bookmark']?'-outline':''?> mdi-24px"></span> </div>
        <div class="col-auto ml-auto"><a class="btn brown--default text-white" href="<?=$array['href']?>">Подробнее</a></div>
    </div>
</li>
<file_sep><?
$array=array('control_panel'=>true, 'id'=>'carouselMenu', 'text-width'=>'w-50',
    'elements'=>array(
        array('img'=>'/slider/slide-1.jfif','href'=>'/catalog.php','alt'=>'...','title'=>'First slide label','tag'=>'h1','text'=>'Sint nulla aute sunt irure irure ut laborum aute fugiat culpa exercitation eu et dolore. Minim exercitation mollit irure voluptate proident culpa veniam consequat culpa mollit. Cillum sit ut nulla esse exercitation aliqua nisi proident fugiat consequat dolor Lorem nostrud.'),
//        array('img'=>'/slider/slide-2.jfif','href'=>'/catalog.php','alt'=>'...','title'=>'Two slide label','tag'=>'h2','text'=>'Sint nulla aute sunt irure irure ut laborum aute fugiat culpa exercitation eu et dolore. Minim exercitation mollit irure voluptate proident culpa veniam consequat culpa mollit. Cillum sit ut nulla esse exercitation aliqua nisi proident fugiat consequat dolor Lorem nostrud.'),
    )
);
include('blocks/slider-main.php');?>
<div class="mt-5 mt-md-0">
<?
include('blocks/search-pannel.php'); ?>
</div>
<div class="container">
    <div class="row">
        <?
        $arrays = array(
            array('icon'=>'silverware','text'=>'Еда','href'=>'/catalog.php'),
            array('icon'=>'cart-arrow-down','text'=>'Шопинг','href'=>'/catalog.php'),
            array('icon'=>'car-info','text'=>'Авто','href'=>'/catalog.php'),
            array('icon'=>'airballoon','text'=>'Развлечения','href'=>'/catalog.php'),
            array('icon'=>'book-open-page-variant','text'=>'Культура','href'=>'/catalog.php'),
            array('icon'=>'video-vintage','text'=>'Кинотеатры','href'=>'/catalog.php')
        );
        foreach($arrays as $array){
           include('card/services-small.php');
        }?>
    </div>
    <div class="more_places mt-3 mt-md-5 text-center text-md-right brown-color mb-3 mb-md-0">
        <a class="dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
            Еще места
        </a>
        <div class="dropdown-menu dropdown-menu-right w-25 border-0 shadow text-justify">
            <a href="#" class="dropdown-item text-100 pt-3 pb-2"><span class="mdi mdi-view-dashboard-outline mdi-24px pr-2 mb-2"></span>Lorem ipsum</a>
            <a href="#"  class="dropdown-item text-100 pt-1 pb-2"><span class="mdi mdi-view-dashboard-outline mdi-24px pr-2 mb-2"></span>Lorem ipsum</a>
            <a href="#"  class="dropdown-item text-100 pt-1 pb-2"><span class="mdi mdi-view-dashboard-outline mdi-24px pr-2 mb-2"></span>Lorem ipsum</a>
            <a href="#"  class="dropdown-item text-100 pt-1 pb-2"><span class="mdi mdi-view-dashboard-outline mdi-24px pr-2 mb-2"></span>Lorem ipsum</a>
            <a href="#"  class="dropdown-item text-100 pt-1 pb-2"><span class="mdi mdi-view-dashboard-outline mdi-24px pr-2 mb-2"></span>Lorem ipsum</a>
        </div>
    </div>
    <div class="row">
        <div class="col pl-0 text-center text-md-left">
            <h2 class="d-none d-sm-block">Рекомендации для вас</h2>
            <h3 class="d-sm-none">Рекомендации для вас</h3>
        </div>
    </div>
</div>
<ul class="mt-3 mt-md-5 "  id="cl-advice">
            <?
            $arrays = array(
                array('img'=>'/slider/coffe-4.jfif','href'=>'/product.php','text'=>'Сеть закусочных “DAMI”'),
                array('img'=>'/slider/coffe-3.jfif','href'=>'/product.php','raitting'=>3,'text'=>'Сеть закусочных “DAMI”','comment'=>1900,'bookmark'=>0),
                array('img'=>'/slider/coffe-4.jfif','href'=>'/product.php','raitting'=>2,'text'=>'Сеть закусочных “DAMI”','comment'=>100,'bookmark'=>0),
                array('img'=>'/slider/coffe-3.jfif','href'=>'/product.php','raitting'=>2.8,'text'=>'Сеть закусочных “DAMI”','comment'=>10,'bookmark'=>1),
                array('img'=>'/slider/coffe-4.jfif','href'=>'/product.php','raitting'=>1,'text'=>'Сеть закусочных “DAMI”','comment'=>190,'bookmark'=>0),
                array('img'=>'/slider/coffe-4.jfif','href'=>'/product.php','raitting'=>1.5,'text'=>'Сеть закусочных “DAMI”','comment'=>5500,'bookmark'=>1),
                array('img'=>'/slider/coffe-4.jfif','href'=>'/product.php','raitting'=>1.5,'text'=>'Сеть закусочных “DAMI”','comment'=>5500,'bookmark'=>1),
                array('img'=>'/slider/coffe-4.jfif','href'=>'/product.php','raitting'=>2,'text'=>'Сеть закусочных “DAMI”','comment'=>100,'bookmark'=>0),
                array('img'=>'/slider/coffe-3.jfif','href'=>'/product.php','raitting'=>2.8,'text'=>'Сеть закусочных “DAMI”','comment'=>10,'bookmark'=>1),
                array('img'=>'/slider/coffe-4.jfif','href'=>'/product.php','raitting'=>1,'text'=>'Сеть закусочных “DAMI”','comment'=>190,'bookmark'=>0),
                array('img'=>'/slider/coffe-4.jfif','href'=>'/product.php','raitting'=>2,'text'=>'Сеть закусочных “DAMI”','comment'=>100,'bookmark'=>0),
                array('img'=>'/slider/coffe-3.jfif','href'=>'/product.php','raitting'=>2.8,'text'=>'Сеть закусочных “DAMI”','comment'=>10,'bookmark'=>1),
                array('img'=>'/slider/coffe-4.jfif','href'=>'/product.php','raitting'=>1,'text'=>'Сеть закусочных “DAMI”','comment'=>190,'bookmark'=>0),
                array('img'=>'/slider/coffe-4.jfif','href'=>'/product.php','raitting'=>2,'text'=>'Сеть закусочных “DAMI”','comment'=>100,'bookmark'=>0),
                array('img'=>'/slider/coffe-3.jfif','href'=>'/product.php','raitting'=>2.8,'text'=>'Сеть закусочных “DAMI”','comment'=>10,'bookmark'=>1),
                array('img'=>'/slider/coffe-4.jfif','href'=>'/product.php','raitting'=>1,'text'=>'Сеть закусочных “DAMI”','comment'=>190,'bookmark'=>0),
                array('img'=>'/slider/coffe-4.jfif','href'=>'/product.php','raitting'=>2,'text'=>'Сеть закусочных “DAMI”','comment'=>100,'bookmark'=>0),
            );
            foreach($arrays as $array){
                include('card/advice.php');
            }?>
</ul>
<div class="container mt-3 mt-md-5">
    <div class="row">
        <div class="col-12 col-md-auto text-center text-md-left">
            <h2 class="d-none d-sm-block">Ближайшие события</h2>
            <h3 class="d-sm-none">Ближайшие события</h3>
        </div>
        <div class="col-12 col-md text-center text-md-right align-self-center">
            <a href="/catalog.php" class="brown-color text-decoration-underline pr-4">Бесплатно</a>
            <a href="/catalog.php" class="brown-color text-decoration-underline pl-4 border-left">Все события</a>
        </div>
    </div>
</div>
<ul class="mt-3 mt-md-5" id="cl-events">
            <?
            $arrays = array(
                array('img'=>'/slider/coffe-1.jfif','href'=>'/product.php','date'=>'5–6 марта 11:00–20:00','bookmark'=>0,'age_cens'=>'18+','text'=>'Сеть закусочных “DAMI”'),
                array('img'=>'/slider/coffe-1.jfif','href'=>'/product.php','date'=>'5–6 марта 11:00–20:00','bookmark'=>1,'age_cens'=>'3+','text'=>'Выставка каникулярных программ Language Fair 2020 ','price'=>'от 1000 ₽','bookmarks'=>0),
                array('img'=>'/slider/coffe-2.jfif','href'=>'/product.php','date'=>'5–6 марта 11:00–20:00','bookmark'=>0,'age_cens'=>'2+','text'=>'Выставка каникулярных программ Language Fair 2020','price'=>100,'bookmarks'=>0),
                array('img'=>'/slider/coffe-1.jfif','href'=>'/product.php','date'=>'5–6 марта 11:00–20:00','bookmark'=>1,'age_cens'=>'2.8+','text'=>'Сеть закусочных “DAMI”','price'=>10,'bookmarks'=>1),
                array('img'=>'/slider/coffe-2.jfif','href'=>'/product.php','date'=>'5–6 марта 11:00–20:00','bookmark'=>0,'age_cens'=>'1+','text'=>'Выставка каникулярных программ Language Fair 2020 ','price'=>190,'bookmarks'=>0),
                array('img'=>'/slider/coffe-1.jfif','href'=>'/product.php','date'=>'5–6 марта 11:00–20:00','bookmark'=>1,'age_cens'=>'1.5+','text'=>'Сеть закусочных “DAMI”','price'=>5500,'bookmarks'=>1)
            );
            foreach($arrays as $array){
                include('card/events.php');
            }?>
</ul>
<div class="container mt-3 mt-md-5">
    <div class="row">
        <div class="col-12 pl-md-0 text-center text-md-left">
            <h2 class="d-none d-sm-block">Ближайшие события</h2>
            <h3 class="d-sm-none">Ближайшие события</h3>
        </div>
    </div>
</div>
<ul class="mt-3 mt-md-5"  id="cl-advice2">
    <?
    $arrays = array(
        array('img'=>'/slider/coffe-4.jfif','href'=>'/catalog.php','text'=>'Сеть закусочных “DAMI”'),
        array('img'=>'/slider/coffe-3.jfif','href'=>'/catalog.php','raitting'=>3,'text'=>'Сеть закусочных “DAMI”','comment'=>1900,'bookmark'=>0),
        array('img'=>'/slider/coffe-4.jfif','href'=>'/catalog.php','raitting'=>2,'text'=>'Сеть закусочных “DAMI”','comment'=>100,'bookmark'=>0),
        array('img'=>'/slider/coffe-3.jfif','href'=>'/catalog.php','raitting'=>2.8,'text'=>'Сеть закусочных “DAMI”','comment'=>10,'bookmark'=>1),
        array('img'=>'/slider/coffe-4.jfif','href'=>'/catalog.php','raitting'=>1,'text'=>'Сеть закусочных “DAMI”','comment'=>190,'bookmark'=>0),
        array('img'=>'/slider/coffe-4.jfif','href'=>'/catalog.php','raitting'=>1.5,'text'=>'Сеть закусочных “DAMI”','comment'=>5500,'bookmark'=>1),
        array('img'=>'/slider/coffe-4.jfif','href'=>'/catalog.php','raitting'=>1.5,'text'=>'Сеть закусочных “DAMI”','comment'=>5500,'bookmark'=>1),
        array('img'=>'/slider/coffe-4.jfif','href'=>'/catalog.php','raitting'=>2,'text'=>'Сеть закусочных “DAMI”','comment'=>100,'bookmark'=>0),
        array('img'=>'/slider/coffe-3.jfif','href'=>'/catalog.php','raitting'=>2.8,'text'=>'Сеть закусочных “DAMI”','comment'=>10,'bookmark'=>1),
        array('img'=>'/slider/coffe-4.jfif','href'=>'/catalog.php','raitting'=>1,'text'=>'Сеть закусочных “DAMI”','comment'=>190,'bookmark'=>0),
        array('img'=>'/slider/coffe-4.jfif','href'=>'/catalog.php','raitting'=>2,'text'=>'Сеть закусочных “DAMI”','comment'=>100,'bookmark'=>0),
        array('img'=>'/slider/coffe-3.jfif','href'=>'/catalog.php','raitting'=>2.8,'text'=>'Сеть закусочных “DAMI”','comment'=>10,'bookmark'=>1),
        array('img'=>'/slider/coffe-4.jfif','href'=>'/catalog.php','raitting'=>1,'text'=>'Сеть закусочных “DAMI”','comment'=>190,'bookmark'=>0),
        array('img'=>'/slider/coffe-4.jfif','href'=>'/catalog.php','raitting'=>2,'text'=>'Сеть закусочных “DAMI”','comment'=>100,'bookmark'=>0),
    );
    foreach($arrays as $array){
        include('card/advice.php');
    }?>
</ul>

<link rel="stylesheet"  href="/css/homepage.css"/>
<link rel="stylesheet"  href="/css/lightslider.css"/>
<script src="/js/lightslider.js"></script>
<script>
    $(document).ready(function(){
        $('#cl-events').lightSlider({
            item:4,
            loop:true,
            controls:false,
            slideMove:2,
            currentPagerPosition:'middle',
            easing: 'cubic-bezier(0.25, 0, 0.25, 1)',
            speed:600,
            responsive : [
                {
                    breakpoint:800,
                    settings: {
                        item:3,
                        slideMove:1,
                        slideMargin:6,
                    }
                },
                {
                    breakpoint:480,
                    settings: {
                        item:1,
                        slideMove:1
                    }
                }
            ]
        });
        $("#cl-advice, #cl-advice2").lightSlider({
            item:6,
            loop:true,
            controls:false,
            autoWidth:true,
            slideMargin:15,
            currentPagerPosition:'middle',
            easing: 'cubic-bezier(0.25, 0, 0.25, 1)',
            speed:600,
            responsive : [
                {
                    breakpoint:800,
                    settings: {
                        item:3,
                        slideMove:1,
                        slideMargin:6,
                    }
                },
                {
                    breakpoint:480,
                    settings: {
                        item:2,
                        slideMove:1
                    }
                }
            ]
        });

    });
</script><file_sep><li class="events bg-white mb-3 px-0 owl-item" style="max-width: 540px;width:540px">
    <img src="<?=$array['img']?>" class="w-100 position-absolute">
    <div class="row align-items-start text-white no-gutters p-3">
        <div class="col-auto text-white">
            <? if($array['age_cens']) { ?>
            <div class="cens py-2 px-3">
                <?=$array['age_cens']?>
            </div>i
            <? } ?>
        </div>
        <div class="col-auto  ml-auto">
            <? if($array['price']) { ?>
            <div class="cens py-2 px-3">
                <?=$array['price']=='0'?'Бесплатно':$array['price']?>
            </div>
            <? } ?>
        </div>
    </div>
    <div class="row align-items-end h-75 no-gutters">
        <div class="col">
                <div class="row">
                    <div class="col text-white">
                        <h4><?=$array['text']?></h4>
                    </div>
                </div><div class="row"><div class="col-1"><span class="mdi brown-color mdi-bookmark<?=!$array['bookmark']?'-outline':''?>"></span> </div><div class="col-5 text-white"><span class="mdi mdi-event"></span><?=$array['date']?></div><div class="col-auto ml-auto"><a href="<?=$array['href']?>" class="text-white text-uppercase">Подробнее <span class="mdi mdi-arrow-right"></span></a></div></div>
        </div>
    </div>
</li>
<file_sep><html>
<head>
    <meta name="viewport" content="user-scalable=no, initial-scale = 1, minimum-scale = 1, maximum-scale = 1, width=device-width">
    <script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="<KEY>" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="<KEY>" crossorigin="anonymous"></script>
    <script src="/js/bootstrap.min.js"></script>
</head>
<body>
<?php
include('blocks/header.php');
include('page/profile.php');
include('blocks/footer.php');
?>
<link rel="stylesheet" href="/css/bootstrap.min.css" />
<link rel="stylesheet" href="/css/materialdesignicons.min.css" />
<link rel="stylesheet" href="/css/style.css" />

</body>
</html>
<file_sep><div class="row shadow bg-white d-flex align-items-center mb-sm-4 stocks_mb pr-sm-3 pl-0 pr-0">
    <div class="d-flex justify-content-center col-sm-3  col-12 px-sm-3 px-0 py-sm-2 py-0">
        <img src="<?=$e['src']?>" alt="<?=$e['alt']?>" class="w-100 d-none d-sm-block rounded">
        <img src="<?=$e['src']?>" alt="<?=$e['alt']?>" class="w-100 d-block d-sm-none rounded-top">
    </div>
    <div class="col-sm-9 col-12">
        <div class="row align-items-center">
            <div class="col-auto pl-sm-0">
                <span class=" d-sm-inline-block mdi mdi-bookmark-outline mdi-24px brown-color"></span>
                <a href="<?=$e['href']?>" class="d-inline-block">
                    <<?=$e['tag']?> class="mb-0 text-100 mt-3"><?=$e['title']?></<?=$e['tag']?>>
                </a>
            </div>
            <div class="col text-right">
                <? $raitting=$e['raitting']; include('blocks/raitting.php'); ?>
            </div>
        </div>
        <p class="mt-4 mb-4"><?=$e['description']?></p>
    </div>
</div><file_sep><div class="raitting">
    <? $raitting=round($raitting);
    for($i=0;$i<5;$i++){?>
        <span class="mdi mdi-star<?=$raitting>=$i?'':'-outline'?>"></span>
    <? }?>
    <input type="hidden" name="raitting_star" value="<?=$raitting?>" />
</div>

<file_sep><div class="row mt-4 position-relivate">
    <div class="col-auto pt-3 pb-3 d-inline-block"><?=isset($v['img'])?$v['img']:'<span class="mdi mdi-account-circle mdi-48px grey"></span>'?>
    </div>
    <div class="col d-inline-block">
        <div class="row">
            <div class="col-12">
                <h4><?=$v['name']?></h4>
            </div>
            <div class="col-12">
                <p><?=$v['date']?></p>
            </div>
            <div class="col-12 mb-4">
                <? $raitting=4; include('blocks/raitting.php'); ?>
            </div>
        </div>
    </div>
</div>
<div class="row mb-3">
    <div class="col-12"><?=$v['text']?></div>
</div><file_sep><h4 class="mt-3 mb-4"><?=$element['name']?></h4>
<select name="<?=$element['id']?>" id="<?=$element['id']?>" class="mt-2">
    <? foreach ($element['variants'] as $variant){?>
    <option value="<?=$variant['value']?>"><?=$variant['text']?></option>
    <? } ?>
</select><file_sep><?
$array=array('control_panel'=>true, 'id'=>'carouselProduct',
    'align-text'=>'center',
    'width-text'=>'w-25',
    'elements'=>array(
        array('img'=>'/img/slider-product.png','alt'=>'...','title'=>'First slide label','tag'=>'h1','text'=>'Sint nulla aute sunt irure irure ut laborum aute fugiat culpa exercitation eu et dolore. Minim exercitation mollit irure voluptate proident culpa veniam consequat culpa mollit. Cillum sit ut nulla esse exercitation aliqua nisi proident fugiat consequat dolor Lorem nostrud.'),
        array('img'=>'/img/slider-product.png','alt'=>'...','title'=>'Two slide label','tag'=>'h2','text'=>'Sint nulla aute sunt irure irure ut laborum aute fugiat culpa exercitation eu et dolore. Minim exercitation mollit irure voluptate proident culpa veniam consequat culpa mollit. Cillum sit ut nulla esse exercitation aliqua nisi proident fugiat consequat dolor Lorem nostrud.'),
    )
);

include('blocks/slider-main.php'); ?>
<div class="container product">
    <? $array=array('href'=>'#','alt'=>'...','src'=>'../img/banner.png');?>
    <div class="row">
        <div class="col-8 mt-3 mb-3 d-sm-flex d-none">
                    <? include('card/banner.php')?>
        </div>
        <div class="col-4  text-sm-right mt-3 mb-3 ">
            <a href="#"><span class="mdi mdi-bookmark-outline mdi-24px brown-color"></span></a>
            <a href="#"><span class="mdi mdi-share-variant mdi-24px brown-color"></span></a>
        </div>
    </div>

    <div class="row pl-0 pl-md-3 mb-3">
        <div class="d-none d-xl-inline-block col-xl-4 sidebar"><?
            $viewpoints = array(
                    array('name'=>'<NAME>','date'=>'08.05.2020 13:25','text'=>'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Non ac, nunc, habitasse pulvinar nisl eu lobortis. Nunc quis placerat iaculis gravida nunc, fermentum quam mattis tellus.'),
                    array('name'=>'<NAME>','date'=>'08.05.2020 13:25','text'=>'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Non ac, nunc, habitasse pulvinar nisl eu lobortis. Nunc quis placerat iaculis gravida nunc, fermentum quam mattis tellus.'),
            );
            include('blocks/viewpoint.php'); ?></div>
        <div class="col-12 col-xl-8 ml-0 mt-3 mt-xl-0 ml-xl-0">
            <div class="row"><div class="col ml-0 ml-xl-3 galery px-0 px-xl-3">
                    <?
                    $gallery=array(
                            'id'=>'imageGallery',
                            'elements'=>array(
                                    array('src'=>'/img/largeImage2.jpg','alt'=>'...','thumb'=>'/img/largeImage2.jpg'),
                                    array('src'=>'/img/largeImage3.jpg','alt'=>'...','thumb'=>'/img/largeImage3.jpg'),
                                    array('src'=>'/img/largeImage4.jpg','alt'=>'...','thumb'=>'/img/largeImage4.jpg'),
                                    array('src'=>'/img/largeImage6.jpg','alt'=>'...','thumb'=>'/img/largeImage6.jpg'),
                            )
                    );
                    include('blocks/gallery.php');
                    ?>
            </div>
        </div>
    </div>
</div>
    <div class="list-group list-group-horizontal mt-4 mb-4" id="list-product" role="tablist">
        <a class="btn list-group-item-action active w-auto" data-toggle="list" href="#home" role="tab"><h3>О нас</h3></a>
        <a class="btn list-group-item-action w-auto" data-toggle="list" href="#profile" role="tab"><h3>Оценки и отзывы</h3></a>
    </div>
    <hr class="my-0">
    <div class="row">
        <div class="col-12 py-4">
            <div class="tab-content">
                <div class="tab-pane fade active show" id="home" role="tabpanel">
                    <p>Enim in ad exercitation Lorem ipsum Lorem mollit voluptate laboris ut do commodo eu officia. Nostrud cillum mollit nostrud Lorem duis laborum duis est labore est mollit amet officia nisi. Lorem ea ad cupidatat veniam adipisicing ut consectetur. Magna do minim nulla sint enim nostrud qui laboris non proident. Do in amet tempor mollit ad tempor laboris consequat. Nulla labore dolor qui eiusmod ullamco aliqua Lorem deserunt amet irure id ut. Laboris nostrud est dolor in duis sit.</p>
                    <p>Reprehenderit qui aliquip elit esse ut sit cupidatat adipisicing aute veniam in. Sint nulla proident ea enim deserunt consectetur tempor ullamco laboris et. Sit exercitation nulla velit irure cillum et eu incididunt culpa veniam veniam ad. Excepteur voluptate ut elit non. Quis id mollit minim quis. Irure excepteur non occaecat in laboris ullamco Lorem dolor enim occaecat veniam ex labore et. Ullamco adipisicing proident incididunt minim enim ea cupidatat reprehenderit cillum non adipisicing id.
                        Ut reprehenderit sunt enim ex pariatur magna nostrud Lorem dolore eu. Quis mollit dolore do elit non proident id non do. Laborum minim tempor ut occaecat amet et labore.</p>
                </div>
                <div class="tab-pane fade" id="profile" role="tabpanel">
                    <div class="row">
                        <div class="col-12">
                            <? include('blocks/add_rating_review.php'); ?>
                            <? include('blocks/add_review.php');
                            $comments = array(
                            array('name'=>'<NAME>','date'=>'08.05.2020 13:25','text'=>'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Non ac, nunc, habitasse pulvinar nisl eu lobortis. Nunc quis placerat iaculis gravida nunc, fermentum quam mattis tellus. Lectus cursus et diam praesent enim. Magnis rhoncus neque, sed vel. Enim orci, eget dictum diam a a. Eget phasellus vitae sapien nisi est aliquam sed enim, erat. Eget ullamcorper eget luctus morbi sapien mattis. Lorem nulla integer dui mauris urna nibh diam. Pharetra quis aliquet massa, sit viverra platea molestie. Molestie sit cras semper et. Arcu faucibus integer augue venenatis auctor facilisi pulvinar volutpat enim. Leo pharetra bibendum posuere quisque amet sit porttitor et. Montes, in nisi donec volutpat. Convallis fermentum scelerisque scelerisque neque.
Sem enim consectetur etiam quam sed arcu, nisl. At pellentesque fringilla duis a posuere rhoncus in duis. Facilisis morbi ut vitae ut. Magna leo, metus porttitor blandit cras. Quisque massa faucibus aliquam vitae id egestas odio. Egestas cursus libero amet sed amet mauris sit. Netus cursus viverra in condimentum. Ut senectus aliquam duis leo gravida leo egestas. Neque sed risus sit mus.'),
                            array('name'=>'<NAME>','date'=>'08.05.2020 13:25','text'=>'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Non ac, nunc, habitasse pulvinar nisl eu lobortis. Nunc quis placerat iaculis gravida nunc, fermentum quam mattis tellus.'),
                            );
                            foreach ($comments as $v){?>
                                <div class="py-4">
                               <? include('card/comment.php'); ?>
                                </div>
                            <?
                            }
                            ?>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="row mb-2">
        <div class="col-12 col-md-6"><? include('blocks/map-pannel.php'); ?></div>
        <div class="col-12 col-md-6">
            <div class="row">
                <div class="col-12 mb-2">
                    <span class="mdi mdi-home text-60 mdi-24px mr-2"></span><span>2496 Miller Ave undefined Lansing, Illinois 67658 United States</span>
                </div>
                <div class="col-12 mt-1 mb-2">
                    <span class="mdi mdi-email-open text-60 mdi-24px mr-2"></span><span>dolores.<EMAIL></span>
                </div>
                <div class="col-12 mt-1 mb-2">
                    <span class="mdi mdi-phone-in-talk text-60 mdi-24px mr-2"></span><span>2496 Miller Ave undefined Lansing, Illinois 67658 United States</span>
                </div>
                <div class="col-12 mt-1 mb-2">
                    <span class="mdi mdi-badge-account text-60 mdi-24px mr-2"></span><span>2496 Miller Ave undefined Lansing, Illinois 67658 United States</span>
                </div>
            </div>
        </div>
    </div>
    <div class="row mb-4">
        <div class="col-12"><h2>Что есть поблизости?</h2></div>
    </div>
    <div class="row">
        <div class="col-12 mb-4">
            <? include('blocks/map-pannel.php');?>
        </div>
    </div>
<? $array_figura= array(
        array('a_text'=>'Все места','a_href'=>'#','title'=>'Зоопарки','tag'=>'h3',
            'elements'=>array(
                array('tag'=>'h3','title'=>'Title','src'=>'/img/figura/figura_1.png','alt'=>'...','text'=>'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Amet morbi auctor turpis mattis mattis suscipit ipsum volutpat.'),
                array('tag'=>'h3','title'=>'Title','src'=>'/img/figura/figura_2.png','alt'=>'...','text'=>'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Amet morbi auctor turpis mattis mattis suscipit ipsum volutpat.'),
                array('tag'=>'h3','title'=>'Title','src'=>'/img/figura/figura_3.png','alt'=>'...','text'=>'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Amet morbi auctor turpis mattis mattis suscipit ipsum volutpat.'),
                array('tag'=>'h3','title'=>'Title','src'=>'/img/figura/figura_1.png','alt'=>'...','text'=>'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Amet morbi auctor turpis mattis mattis suscipit ipsum volutpat.'),
            ),

        ),
        array('a_text'=>'Все места','a_href'=>'#','title'=>'Зоопарки','tag'=>'h3',
            'elements'=>array(
                array('tag'=>'h3','title'=>'Title','src'=>'/img/figura/figura_1.png','alt'=>'...','text'=>'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Amet morbi auctor turpis mattis mattis suscipit ipsum volutpat.'),
                array('tag'=>'h3','title'=>'Title','src'=>'/img/figura/figura_2.png','alt'=>'...','text'=>'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Amet morbi auctor turpis mattis mattis suscipit ipsum volutpat.'),
                array('tag'=>'h3','title'=>'Title','src'=>'/img/figura/figura_3.png','alt'=>'...','text'=>'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Amet morbi auctor turpis mattis mattis suscipit ipsum volutpat.'),
                array('tag'=>'h3','title'=>'Title','src'=>'/img/figura/figura_1.png','alt'=>'...','text'=>'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Amet morbi auctor turpis mattis mattis suscipit ipsum volutpat.'),
            ),

        ),
        array('a_text'=>'Все места','a_href'=>'#','title'=>'Зоопарки','tag'=>'h3',
            'elements'=>array(
                array('tag'=>'h3','title'=>'Title','src'=>'/img/figura/figura_1.png','alt'=>'...','text'=>'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Amet morbi auctor turpis mattis mattis suscipit ipsum volutpat.'),
                array('tag'=>'h3','title'=>'Title','src'=>'/img/figura/figura_2.png','alt'=>'...','text'=>'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Amet morbi auctor turpis mattis mattis suscipit ipsum volutpat.'),
                array('tag'=>'h3','title'=>'Title','src'=>'/img/figura/figura_3.png','alt'=>'...','text'=>'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Amet morbi auctor turpis mattis mattis suscipit ipsum volutpat.'),
                array('tag'=>'h3','title'=>'Title','src'=>'/img/figura/figura_1.png','alt'=>'...','text'=>'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Amet morbi auctor turpis mattis mattis suscipit ipsum volutpat.'),
            ),

        ),
);
    include('card/figura_card_mini.php'); ?>

    <script>
        $(function () {
            $('#myList a:last-child').tab('show')
        })
    </script>
    <link type="text/css" rel="stylesheet" href="/css/lightslider.css" />
    <script src="/js/lightslider.js"></script>

</div><file_sep><!--../img/company-slider1.png-->
<div class="card mb-3 pb-3 company_card_mini">
    <div id="<?=$e['id']?>" class="card-img-left">
        <img src="<?=$e['src']?>" class="d-block w-100" alt="<?=$e['title']?>">
    </div>
    <div class="card-body">
        <span class="mdi-24px brown-color mdi mdi-bookmark<?=!$e['bookmark']?'-outline':''?>  d-inline-block mr-3"></span> <a href="#"><h3 class="d-inline-block card-title brown-color"><?=$e['title']?></h3></a>
        <p class="card-text mt-3"><?=$e['description']?></p>
    </div>
</div><file_sep><?
$block_align =isset($array['align-text'])?'align-items-'.$array['align-text'].(isset($array['width-text'])?' '.$array['width-text']:''):'';
$text_align=!isset($array['align-text'])&&isset($array['width-text'])?$array['width-text']:'';
?>
<div id="<?=$array['id']?>" class="carousel slide flex-wrap d-none d-md-block" data-ride="carousel">
    <ol class="carousel-indicators">
        <? foreach ($array['elements'] as $k=>$e){?>
            <li data-target="#carouselExampleCaptions" data-slide-to="<?=$k?>>"<?=$k==0?' class="active"':''?>></li>
        <? } ?>
    </ol>
    <div class="carousel-inner">
        <? foreach ($array['elements'] as $k=>$e){?>
            <div class="carousel-item<?=$k==0?' active':''?>">
                <img src="<?=$e['img']?>" class="d-block w-100" alt="<?=$e['alt']?>">
                    <div class="container carousel-caption d-none d-md-block text-white <?=$block_align?>">
                        <div class="row <?=$text_align?>">
                            <<?=$e['tag']?>><?=$e['title']?></<?=$e['tag']?>>
                            <p class="text-white text-left"><?=$e['text']?></p>
                        </div>
                    </div>
            </div>
        <? } ?>
    </div>
<? if(isset($array['control-pannel'])&&$array['control-pannel']){?>
        <a class="carousel-control-prev" href="#carouselExampleCaptions" role="button" data-slide="prev">
            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
            <span class="sr-only">Previous</span>
        </a>
        <a class="carousel-control-next" href="#carouselExampleCaptions" role="button" data-slide="next">
            <span class="carousel-control-next-icon" aria-hidden="true"></span>
            <span class="sr-only">Next</span>
        </a>
<? } ?>
</div><file_sep><div class="col-12 pr-0 pl-0 mb-3">
    <button class="btn" data-toggle="collapse" data-target="#<?=$ee['id']?>"><<?=$ee['tag']?>><?=$ee['name']?></<?=$ee['tag']?>><span class="mdi mdi-chevron-down"></span></button>
    <div id="<?=$ee['id']?>" class="collapse help_dropdown text-60"><?=$ee['description']?></div>
</div><file_sep><div class="row">
<div class="col col-md-10 offset-md-1">
<div class="row">
    <div class="col-12">
        <h4 class="mt-3 mb-3">Мнения пользователей</h4>
    </div>
</div>
<div class="row">
    <div class="col-12">Incididunt aliquip ex qui eiusmod mollit amet esse nostrud in aliquip eiusmod dolore est esse. Elit officia incididunt aute labore dolore sint.</div>
</div>

<? foreach ($viewpoints as $v){?>
   <? include('card/comment.php') ?>
<? }?>
<div class="row">
    <div class="col-12 text-center mb-3">
        <a href="#" class="btn brown--default shadow align-items-center">ВСЕ ОТЗЫВЫ</a>
    </div>
</div>
</div>
</div>

<file_sep><ul class="mt-3 " id="cl-kitchen" styles="background:#F1F3F5;">
            <?
            $arrays = array(                
                array('img'=>'/img/eat-2.png','href'=>'/product.php'),
                array('img'=>'/img/eat-3.png','href'=>'/product.php'),
                array('img'=>'/img/eat-1.png','href'=>'/product.php'),
                array('img'=>'/img/eat-2.png','href'=>'/product.php'),
                array('img'=>'/img/eat-1.png','href'=>'/product.php'),
                array('img'=>'/img/eat-2.png','href'=>'/product.php'),
                array('img'=>'/img/eat-3.png','href'=>'/product.php'),
            );
            foreach($arrays as $array){
                include('card/menu_kitchen_slide.php');
            }?>
</ul>

<div class="container menu_page">
    <div class="mt-3 mb-2">
	    <h2>Titel</h2>
	    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Netus aliquet faucibus at sollicitudin. Dolor vestibulum pellentesque sit a viverra nam at integer vestibulum. Purus condimentum sem non nulla sollicitudin pharetra turpis massa. Facilisi bibendum consequat, donec neque magnis a senectus id purus. Sed blandit cursus ac sit pellentesque. Dui tellus placerat enim, facilisis morbi morbi neque, integer morbi. Condimentum massa quis est ac eget velit. Interdum nisl cras non eget suspendisse facilisis pellentesque quis. Faucibus ac sed orci, a dui turpis. Ut quisque dignissim magna diam consectetur. Sollicitudin lectus enim sit suspendisse velit massa. Quam facilisis ipsum risus tortor at semper a faucibus.</p>
    </div>  
</div>


<link rel="stylesheet"  href="/css/lightslider.css"/>
<script src="/js/lightslider.js"></script>
<script>
    $(document).ready(function(){
        $('#cl-kitchen').lightSlider({
            item:3,
            loop:true,
            controls:false,
            slideMove:1,
            currentPagerPosition:'middle',
            easing: 'cubic-bezier(0.25, 0, 0.25, 1)',
            speed:600,
            responsive : [
                {
                    breakpoint:800,
                    settings: {
                        item:2,
                        slideMove:1,
                        slideMargin:6,
                    }
                },
                {
                    breakpoint:480,
                    settings: {
                        item:1,
                        slideMove:1
                    }
                }
            ]
        });
    });
</script>



<file_sep><? if(isset($gallery['id'])){?>
<ul id="<?=$gallery['id']?>">
    <? foreach ($gallery['elements'] as $k=>$e){?>
                        <li data-thumb="<?=isset($e['thumb'])?$e['thumb']:$e['src']?>">
                            <img src="<?=$e['src']?>" alt="<?=$e['alt']?>"  class="w-100 shadow rounded"/>
                        </li>
    <? } ?>
</ul>
<script>
    $(document).ready(function() {
        $('#<?=$gallery['id']?>').lightSlider({
                gallery: true,
                auto:true,
                item: 1,
                loop:true,
                adaptiveHeight:true,
                controls:true,
                slideMargin: 0,
                thumbItem: 3
            });
        });
    </script>
    <? } ?>
<file_sep><div class="rating_review">
    <h3 class="mb-4">Оценки и отзывы</h3>
    <div class="row mb-4">
        <div class="col col-md-5">
            <div class="row">
                <div class="col">
                    <input type="radio" name="raitting" value="5" id="rating5" checked><label type="radio" for="rating5" class="text-60"><span class="pl-1">Отлично</span></label>
                </div>
            </div>
            <div class="row">
                <div class="col">
                    <input type="radio" name="raitting" value="4" id="rating4"><label type="radio" for="rating4" class="text-60"><span class="pl-1">Очень хорошо</span></label>
                </div>
            </div>
            <div class="row">
                <div class="col">
                    <input type="radio" name="raitting" value="3" id="rating3"><label type="radio" for="rating3" class="text-60"><span class="pl-1">Неплохо</span></label>
                </div>
            </div>
            <div class="row">
                <div class="col">
                    <input type="radio" name="raitting" value="2" id="rating2"><label type="radio" for="rating2" class="text-60"><span class="pl-1">Плохо</span></label>
                </div>
            </div>
            <div class="row">
                <div class="col">
                    <input type="radio" name="raitting" value="1" id="rating1"><label type="radio" for="rating1" class="text-60"><span class="pl-1">Ужасно</span></label>
                </div>
            </div>
            <? $raitting=4; include('blocks/raitting.php'); ?>
        </div>
        <div class="col-7 d-none d-md-flex">
            <img src="/img/rca.png" class="w-100" />
        </div>
    </div>
</div>
<script>
    function setStars(index){
        $('.rating_review .raitting input').val(index+1);
    }
    function fillStart(index){
        const element = '.rating_review .raitting span';
        $(element).each(function (i,r) {
            if(i<=index) {
                $(this).addClass('mdi-star');
                if($(this).hasClass('mdi-star-outline')) {
                    $(this).removeClass('mdi-star-outline')
                }
            } else {
                $(this).addClass('mdi-star-outline');
                if($(this).hasClass('mdi-star')) {
                    $(this).removeClass('mdi-star')
                }
            }
        });
    }
    $(document).ready(function () {
        var index=$('.rating_review .raitting input').val()-1;
        $('.rating_review').on('mouseover','.raitting span',function () {
            index=$(this).index();
            fillStart(index);
        });
        $('.rating_review').on('mouseover','.raitting',function () {
            fillStart(index);
        });
        $('.rating_review').on('click','.raitting span',function () {
            index=$(this).index();
            fillStart(index);
            setStars(index);
        });
        $('.rating_review .raitting').mouseout(function () {
            var index=$('.rating_review .raitting input').val()-1;
            fillStart(index);
        });

    });
</script><file_sep><!-- $arr=; -->
<!-- $radio=; -->
<? $sidebar=array(
    array('type'=>'select','id'=>'city_filter','name'=>'Город','variants'=>array(array('value'=>'cena','text'=>'По цене'),array('value'=>'name','text'=>'По имени'))),
    array('type'=>'radio','id'=>'name_institution','name'=>'Название заведения','variants'=>array(array('value'=>'1','text'=>'Кафе'),array('value'=>'2','text'=>'Кальянная'),array('value'=>'3','text'=>'Ресторан'))),
    array('type'=>'checkbox','id'=>'name_institution','name'=>'Название заведения','variants'=>array(array('value'=>'1','text'=>'Кафе'),array('value'=>'2','text'=>'Кальянная'),array('value'=>'3','text'=>'Ресторан'))),
);
?>
<div class="row">
    <div class="col">
        <? foreach ($sidebar as $element) {?>
            <? if($element['type']=='select'){
                include('blocks/filter/select.php');
            }  else {
                include('blocks/filter/radiogroup.php');
            }
        } ?>
    </div>
</div><file_sep><h4 class="mt-4"><?=$element['name']?></h4>
<div class="radio-group" id="<?=$element['id']?>">
    <? foreach ($element['variants'] as $k=>$variant){?>
        <div class="row">
            <div class="col">
                <input type="<?=$element['type']?>" name="<?=$element['id']?><? if($element['type']=='checkbox') {?>[]<? } ?>" id="<?=$element['type']?>_<?=$element['id']?>_<?=$k?>" value="<?=$variant['value']?>"><label  type="<?=$element['type']?>" class="text-60" for="<?=$element['type']?>_<?=$element['id']?>_<?=$k?>"><span><?=$variant['text']?></span></label>
            </div>
        </div>
    <? } ?>
</div><file_sep><<?=$e['tag']?> class="mb-4"><?=$e['title']?></<?=$e['tag']?>>
<? foreach ($e['elements'] as $ee){?>
    <? include('card/collapse.php');?>
<?}?><file_sep><?php
$arrays=array(
    array('id'=>1,'name'=>'Поесть','href'=>'#','submenu'=>array(
        array('name'=>'Lorem ipsum','href'=>'#'),
        array('name'=>'Lorem ipsum','href'=>'#'),
        array('name'=>'Lorem ipsum','href'=>'#'),
        array('name'=>'Lorem ipsum','href'=>'#'),
        array('name'=>'Lorem ipsum','href'=>'#'),
        array('name'=>'Lorem ipsum','href'=>'#'),
        array('name'=>'Lorem ipsum','href'=>'#'),
        array('name'=>'Lorem ipsum','href'=>'#'),
        array('name'=>'Lorem ipsum','href'=>'#'),
        array('name'=>'Lorem ipsum','href'=>'#'),
    )),
    array('id'=>2,'name'=>'Развлечения','href'=>'#'),
    array('id'=>3,'name'=>'Красота','href'=>'#'),
    array('id'=>4,'name'=>'Услуги бытовые','href'=>'#','active'=>'active'),
    array('id'=>5,'name'=>'Шопинг','href'=>'#','submenu'=>array(
            array('name'=>'Lorem ipsum','href'=>'#'),
            array('name'=>'Lorem ipsum','href'=>'#'),
            array('name'=>'Lorem ipsum','href'=>'#'),
            array('name'=>'Lorem ipsum','href'=>'#'),
            array('name'=>'Lorem ipsum','href'=>'#'),
            array('name'=>'Lorem ipsum','href'=>'#'),
            array('name'=>'Lorem ipsum','href'=>'#'),
            array('name'=>'Lorem ipsum','href'=>'#'),
            array('name'=>'Lorem ipsum','href'=>'#'),
            array('name'=>'Lorem ipsum','href'=>'#'),
        )
    ),
    array('id'=>6,'name'=>'Авто','href'=>'#'),
    array('id'=>7,'name'=>'Достопримечательности и культура','href'=>'#'),
);

?>
<div id="dropdown-menu" class="container border-0 collapse text-100 py-3 justify-content-center">
    <div class="row">
        <? foreach($arrays as $array) {?>
            <div class="col-auto p-0">
                <a href="<?=$array['href']?>" class="dropdown-item text-100 py-2 px-3<?=' '.$array['active']?>"
                    <?=$array['submenu']?' data-toggle="collapse" data-target="#submenu'.$array['id'].'" aria-expanded="true" aria-controls="collapseOne"':''?>
                ><?=$array['name']?></a>
            </div>
        <? } ?>
    </div>
</div>

<? $submenu = array_filter($arrays,function ($a){return isset($a['submenu']);});
    foreach($submenu as $array){?>
        <div id="submenu<?=$array['id']?>" class="container submenu border-0 collapse text-100 pt-3  pb-3">
            <div class="row">
                <? foreach($array['submenu'] as $sub){?>
                    <div class="col-auto">
                        <a href="<?=$sub['href']?>" class="dropdown-item text-100 py-2 px-3<?=' '.$sub['active']?>"><?=$sub['name']?></a>
                    </div>
                <? } ?>
            </div>
        </div>
   <? } ?>
<script>
    $(document).ready(function(){
        $('#dropdown-menu').on('click','.dropdown-item',function () {
            if($(this).data('target')) {
                $('.submenu:not(' + $(this).data('target') + ')').removeClass('show');
            } else {
                $('.submenu').removeClass('show');
            }
        });
        $('header').on('click','.open-header-menu',function () {
            if($(this).data('expanded')) {
                $('#dropdown-menu').addClass('show');
            } else {
                $('.submenu').removeClass('show');
            }
        });
    });
</script>