index.php 7.55 KB
<?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
          //первый слайдер

          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">
<<<<<<< HEAD
          <h1 class="box3-text-title"><?=$seo->h1?></h1>
=======
          <div class="box3-text-title"><?=\Yii::t('app','ABC short')?></div>
>>>>>>> d9c166d79d2f2d83bd6f8ed4519df3d4c81e1f2f
          <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">
              <?=$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.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 }?>