Anastasia / clinica

  <?php
  
  /* @var $this yii\web\View
   * @var \common\models\slider\Slide[] $slides;
   * @var \common\models\blog\Article[] $articles

   * @var \common\models\Service[] $services
   * @var \common\models\Comment[] $comments
   * @var \common\models\Settings $settings

   * @var \common\models\Package[] $package;

   */
      
      use artbox\core\helpers\ImageHelper;
      use artbox\core\helpers\Url;

      use yii\web\View;

      
      $this->title = 'My Yii Application';

      $js = <<<JS
            //первый слайдер

            setTimeout(function() {
                if ($(".slider-first")
                        .children().length > 1) {
  
                    $(".slider-first")
                        .owlCarousel({
                            responsiveClass: true,
                            navSpeed: 600,
                            smartSpeed: 600,
                            dots: true,
                            nav: true,
                            navText: [],
                            items: 1,
                            autoplay: true,
                            autoplayTimeout: 6000,
                            autoplayHoverPause: true,
                            loop: true,
                            autoHeight: true,
                            onInitialized: function() {
                                $(".slider-first")
                                    .find('.owl-nav')
                                    .addClass('wrapp-navi')
                                $(".slider-first")
                                    .find('.owl-dots')
                                    .addClass('wrapp-navi')
                                $(".slider-first")
                                    .find('.wrapp-navi')
                                    .wrapAll("<div class='owl-controls-wrapp'><div class='container'><div class='row'><div class='owl-controls-pre-bl col-xs-12 col-sm-5 col-lg-5 col-sm-push-7'><div class='owl-controls'></div></div></div></div></div>");
                                //                $(".slider-first").find('.wrapp-navi').wrapAll( "<div class='owl-controls-wrapp'><div class='container'><div class='row'><div class='hidden-xs col-sm-7 col-md-7'></div><div class='col-xs-12 col-sm-5 col-md-5'><div class='owl-controls'></div></div></div></div></div>");
                            }
                        });
  
                }
            }, 2200)
        
  
  JS;
  
      $this->registerJs($js, View::POS_LOAD);
  ?>
  <?php if (!empty($slides)) {?>
  <section class="slider-category-wrapp hidden-xs">
    <div class="slider-first-wrapp">
      <div class="style slider-first owl-carousel">
        <?php foreach ($slides as $slide){?>
        <div class="slider-first-items">
          <a href="<?=$slide->link?>">
            <!--размер img 1920x556-->
              <?=ImageHelper::set($slide->language->image->getPath())
                            ->cropResize(1920, 556)
                            ->quality(84)
                            ->renderImage()?>
          </a>

        </div>

        <?php }?>
      

      </div>
    </div>

  </section>
  <?php }?>
  

  <section class="section-box-2">
      <?php if (!empty($services)){?>

    <div class="container">

      <div class="row">
        <?php foreach ($services as $service){?>
        <div class="col-xs-6 col-sm-3 col-md-3 categories-home-wr">
          <div class="categories-home">
            <div class="img">
              <!--263x146px-->
                <?=ImageHelper::set($service->image->getPath())
                              ->cropResize(263, 146)
                              ->quality(84)
                              ->renderImage()?>

            </div>

            <div class="style categories-home-links-wr">
              <div class="style categories-home-links-title">
                <!--если есть вложенность добавить класс для а "arrow"-->

                <a <?=(count($service->services) > 0 ? 'class="arrow"' : '')?> href="<?=Url::to(['alias' => $service->language->alias])?>"><span><?=$service->title?></span></a>

              </div>

              <?php if (count($service->services) > 0){?>
              <!--если есть вложенность-->
              <div class="style categories-home-links-hidden">
                <ul>
                  <?php foreach ($service->services as $item){?>

                  <li><a href="<?=Url::to(['alias' => $item->language->alias])?>"><?=$item->title?></a></li>

                  <?php } ?>
                </ul>

              </div>

              <?php } ?>

            </div>
          </div>
        </div>

        <?php } ?>
    </div>
        <?php }?>
  </section>
  
  
  <section class="section-box-3">
    <div class="container">
      
      <div class="row">
        <div class="hidden-xs col-sm-5 col-md-5 col-lg-5"></div>
        <div class="col-sm-7 col-md-7 col-lg-7">
          <div class="style box3-text-wr">
            <div class="box3-text-title">ABClinic — медицинский центр</div>
            <div class="hidden-sm hidden-md hidden-lg row box3-img-hidden-wrapp">
              <img class="box3-img-hidden" src="images/box-3/box3.jpg" alt="">

            </div>

            <div class="for-hidden-mob style status-hide">
              <p>Медицина (лат. medicina от словосочетания ars medicina — «лечебное искусство», «искусство исцеления», и имеет тот же корень, что и глагол medeor, «исцеляю») — раздел биологии, изучающий диагностику, лечение и профилактику заболеваний, способы сохранения и укрепления здоровья и трудоспособности людей, продления жизни, а также облегчения страданий от физических и психических недугов.</p>
              <p>При необходимости противопоставления «народной», «нетрадиционной» медицинам и прочим «практикам» уточняют — общепринятая медицина (либо конвенциональная, от англ. conventional — обычный, традиционный; общепринятый). </p>
              <p>В современном мире наибольшее символическое значение для обозначения медицины получили четыре варианта.</p>
              <p>Один из внешних символов медицины с конца XX века — шестиконечная «Звезда жизни». Более древним символом медицины является посох Асклепия, который, согласно преданию, принадлежал великому целителю. Третий популярный знак — красный крест и красный полумесяц; его слава тесно связана с деятельностью Международного движения Красного Креста и Красного Полумесяца. Четвертый символ медицины — чаша с обвившейся вокруг неё змеёй — связан с Авиценной, который в лечении применял яд змей и древнегреческой богиней здоровья Гигиеей, изображавшейся с чашей и со змеёй. </p>

            </div>

            <div class="show-txt-mo hide-status" data-langshow="развернуть" data-langhide="свернуть"><span><b>развернуть</b></span></div>

          </div>
        </div>
      </div>

      <img class="hidden-xs box3-img" src="images/box-3/box3.jpg" alt="">

    </div>
  </section>
  

  <section class="section-box-4">

      <?php if (!empty($package)){?>

    <div class="container">

      <div class="row">
        <div class="col-xs-12">
          <div class="title-bx4">Пакетные предолжения</div>

        </div>

      </div>
      <div class="row">

        <?php foreach ($package as $item){?>

        <div class="col-xs-12 col-sm-4 package-offers-wr">

          <a href="<?=Url::to(['alias' => $item->alias])?>">
            <div class="img"><?=ImageHelper::set($item->image->getPath())
                                           ->cropResize(388, 240)
                                           ->quality(84)
                                           ->renderImage()?></div>
            <div class="rotate"><?=ImageHelper::set($item->image->getPath())
                                              ->cropResize(388, 240)
                                              ->quality(84)
                                              ->renderImage()?></div>
            <p><?=$item->title?></p>

            <span class="btn_">Купить</span>
          </a>

        </div>

        <?php }?>

      </div>

    </div>

    <?php }?>

  </section>

  <?php if (!empty($comments)){?>

  <div class="section-box-5 fix-map-margin">

    <div class="container">
      <div class="row">

        <div class="col-xs-12">
          <div class="title-bx4">Отзывы <br />наших клиентов</div>
        </div>
      </div>
      <div class="row slider-home sliders">
        <?php foreach ($comments as $comment){?>
        <div class="col-xs-12 col-sm-4">
          <div class="style comments-h-autor"><?=$comment->name?></div>
          <div class="style comments-h-text"><?=$comment->comment?></div>
        </div>
        <?php }?>
      <div class="row add-comment-h-wr">
        <div class="col-xs-12 add-comment-h">
          <span class="btn_">Оставить отзыв</span>

        </div>

      </div>
    </div>

  </div>

  <?php }?>