<?php
defined('C5_EXECUTE') or die("Access Denied.");
$th = Loader::helper('text');
$c = Page::getCurrentPage();
$dh = Core::make('helper/date'); /* @var $dh \Concrete\Core\Localization\Service\Date */
$i = 0;
?>
<?php if ( $c->isEditMode() && $controller->isBlockEmpty()) { ?>
    <div class="ccm-edit-mode-disabled-item"><?php echo t('Empty Page List Block.')?></div>
<?php } else { ?>
 
<div class="pagelistwrapper">
    <?php if ($rssUrl): ?>
        <a class="pull-right" href="<?php echo $rssUrl ?>" target="_blank" class="ccm-block-page-list-rss-feed"><i class="fa fa-rss"></i></a>
    <?php endif; ?>
    <?php if ($pageListTitle): ?>
        <div class="ccm-block-page-list-header">
            <h2><?php echo $pageListTitle?></h2>
        </div>
    <?php endif; ?>
    <div class="pagelistwrapper">
     <div class="pagelistcont">
  <div class="row"> 
  <div class="carousel slide" id="fourcolumn-carousel">
          <div class="carousel-inner">
    <?php foreach ($pages as $page):
    $i++;
        $buttonClasses = 'ccm-block-page-list-read-more';
        $entryClasses = 'ccm-block-page-list-page-entry';
        $title = $th->entities($page->getCollectionName());
        $url = $nh->getLinkToCollection($page);
        $target = ($page->getCollectionPointerExternalLink() != '' && $page->openCollectionPointerExternalLinkInNewWindow()) ? '_blank' : $page->getAttribute('nav_target');
        $target = empty($target) ? '_self' : $target;
        $description = $page->getCollectionDescription();
        $description = $controller->truncateSummaries ? $th->wordSafeShortText($description, $controller->truncateChars) : $description;
        $description = $th->entities($description);
 
            $thumbnail = $page->getAttribute('thumbnail');
 
        $includeEntryText = false;
        if ($includeName || $includeDescription || $useButtonForLink) {
            $includeEntryText = true;
        }
        if (is_object($thumbnail) && $includeEntryText) {
            $entryClasses = 'ccm-block-page-list-page-entry-horizontal';
        }
        $date = $dh->formatDateTime($page->getCollectionDatePublic(), true);
         ?>
        <div class="item <?php if($i == 1){echo "active";} ?>">
                <div class="col-sm-3 col-md-3">
                <?php if (is_object($thumbnail)): ?>
                  <h3>
                          <a class="img-bgcover" href="<?php echo $url; ?>" style="height:150px; background: url(<?php
                $tag = $thumbnail->getRelativePath();
                echo $tag;
                ?>) no-repeat center center;-webkit-background-size: cover;
                -moz-background-size: cover;
                -o-background-size: cover;
                background-size: cover;">
                           
                      </a>
                      </h3>
          <?php endif; ?>
          <?php if ($includeEntryText): ?>
          <?php if ($includeName): ?>
                    <?php if ($useButtonForLink) { ?>
                        <h3><?php echo $title; ?></h3>
                    <?php } else { ?>
                        <h3><a href="<?php echo $url ?>" target="<?php echo $target ?>"><?php echo $title ?></a></h3>
                    <?php } ?>
 
                <?php endif; ?>
 
                <?php if ($includeDate): ?>
                    <p class="brimdate"><i class="fa fa-calendar"></i> <?php echo $date?></p>
                <?php endif; ?>
 
                <?php if ($includeDescription): ?>
                    <p>
                        <?php echo $description ?>
                    </p>
                <?php endif; ?>
 
                <?php if ($useButtonForLink): ?>
                <p>
                    <a class="btn btn-default <?php echo $buttonClasses?>" href="<?php echo $url?>"><?php echo $buttonLinkText?></a>
                </p>
                <?php endif; ?>
 
      </div>
      </div>
      <?php endif; ?>
 
    <?php endforeach; ?>
 
    </div>
    <a class="left carousel-control" href="#fourcolumn-carousel" data-slide="prev"><i class="fa-chevron-circle-left"></i></a>
    <a class="right carousel-control" href="#fourcolumn-carousel" data-slide="next"><i class="fa-chevron-circle-right "></i></a>
    </div></div></div></div>
 
    <?php if (count($pages) == 0): ?>
        <div class="ccm-block-page-list-no-pages"><?php echo $noResultsMessage?></div>
    <?php endif;?>
</div>
<?php if ($showPagination): ?>
    <?php echo $pagination;?>
<?php endif; ?>
 
<?php } ?>
 
 

 
if($(window).width() < 767){
  $('#fourcolumn-carousel').carousel({
    interval: 0,
  });
}else{
  $('#fourcolumn-carousel').carousel({
    interval: 3000,
  });
}
var maxheight = 0;
 
(function(){
  if ($(window).width() > 767){
  $('#fourcolumn-carousel .item').each(function(){
    var itemToClone = $(this);
 
    for (var i=1;i<4;i++) {
      itemToClone = itemToClone.next();
 
      // wrap around if at end of item collection
      if (!itemToClone.length) {
        itemToClone = $(this).siblings(':first');
      }
      // grab item, clone, add marker class, add to collection
      itemToClone.children(':first-child').clone()
        .addClass("cloneditem-"+(i))
        .appendTo($(this));
    }
  });
  $('#fourcolumn-carousel .item > div').each(function(){
    if($(this).height() > maxheight){
        maxheight = $(this).height();
    }
  });
 
  $("#fourcolumn-carousel .carousel-inner").css({
      minHeight: maxheight
  });  
}
if($(window).width() < 767){
  $("#fourcolumn-carousel .item").css({
      "display": "block"
  });
  $(".carousel-control").css({
    "display": "none"
  })
}
}());