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;

   * @var \artbox\core\components\SeoComponent $seo;

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

      use yii\web\View;

      $seo = Yii::$app->get('seo');

      \frontend\assets\ScrollAsset::register($this);

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

            if($(window).width() > 767) {
          $('.for-hidden-mob').mCustomScrollbar(
              {
                  autoHideScrollbar: true,
                  theme: 'minimal'
              }
          );
      }

            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>

  <?php if (!empty($seo->text)){?>

  
  <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">

            <h1 class="box3-text-title"><?=$seo->h1?></h1>

            <div class="hidden-sm hidden-md hidden-lg row box3-img-hidden-wrapp">

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

            </div>

            <div class="for-hidden-mob style status-hide">

                <?=$seo->text?>

            </div>

            <div class="show-txt-mo hide-status" data-langshow="развернуть" data-langhide="свернуть"><span>
                    <b><?=\Yii::t('app','Slide Up')?></b>
                </span></div>

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

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

    </div>
  </section>

  <?php }?>

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

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

    <div class="container">

      <div class="row">
        <div class="col-xs-12">

          <div class="title-bx4"><?=\Yii::t('app','Package offerings')?></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) ? $item->image->getPath() : null)

                                           ->cropResize(388, 240)
                                           ->quality(84)
                                           ->renderImage()?></div>

            <div class="rotate"><?=ImageHelper::set(($item->image) ? $item->image->getPath() : null)

                                              ->cropResize(388, 240)
                                              ->quality(84)
                                              ->renderImage()?></div>
            <p><?=$item->title?></p>

            <span class="btn_"><?=\Yii::t('app','Buy')?></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"><?=\Yii::t('app','Callbacks')?> <br />
              <?=\Yii::t('app','ours clients')?></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_"><?=\Yii::t('app','Give feedback')?></span>

        </div>

      </div>
    </div>

  </div>

  <?php }?>