description = "Service Page"

[builderList services]
modelClass = "Linus\Services\Models\Service"
scope = "-"
scopeValue = "{{ :scope }}"
displayColumn = "name"
noRecordsMessage = "No records found"
detailsPage = "-"
detailsUrlParameter = "id"
pageNumber = "{{ :page }}"
sortColumn = "order_id"
sortDirection = "asc"
==
<?php
use System\Classes\CombineAssets;
  function onStart(){
    $css = ['assets/css/service.css'];
    $scripts = ['assets/javascript/service.js'];
    $this->addCss(CombineAssets::combine($css, base_path('themes/linus')));
    $this->addJs(CombineAssets::combine($scripts, base_path('themes/linus')));

    $theme = Cms\Classes\Theme::getEditTheme();
    $pageList = new RainLab\Pages\Classes\PageList($theme);
    $allPages = $pageList->listPages();
    $this['heroIn'] = null;
    foreach ($allPages as $pg) {
        if($pg->id == 'service-banner') {
            $this['heroIn'] = $pg;
        }
    }
    $this['slug'] = $this->param('slug');
  }
?>
==
{% partial 'site/head' %}
{% partial 'site/header' %}
{% partial 'hero-banner' %}
<div class="row noPM section-pad-3">
  <div class="bg-pattern"></div>
  <div class="container">
    <br>
    <h3 class="block-header text-center">{{heroIn.header}}</h3>
    <p class="p-text block-teaser text-center">{{heroIn.teaser}}</p>
    <br>
    <!--<ul class="nav-pill service-nav flex-con trans-2">
      {% for cat in category %}
        <li>
          <a href="{{url('services/'~cat.slug)}}">
            <div class = "btn-text-b {% if slug == cat.slug %}pill-active{% endif %}">{{cat.name}}</div>
          </a>
        </li>
      {% endfor %}
    </ul>-->
  </div>
  <div class="container">
    <div class="flex-con-stretch">
      {% set serv = services.records %}
      {% for service in serv %}
        <div class="col-sm-4 col-xs-6 service-base trans wow fadeIn" data-wow-delay="{{loop.index0 / 3}}s">
          <a href="{{url('service/'~service.slug)}}">
            <div class="service-con card-shadow">
              <div class="service-img bg-img hover-zoom-gray" style="{% if service.serv_images[0].path %}background-image: url({{service.serv_images[0].path}}){% else %}background-image: url({{'assets/img/mecha-grayscale.png'|theme}}); background-size: 200px; background-color: white;{% endif %}"></div>
              <div class="service-det text-center">
                <h5 class="service-category-title">{{service.name}}</h5>
                <p class="p-text">{{str_limit(service.content, 75)}}</p>
                <div class="btn-anc flex-con">LEARN MORE
                  <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <g id="trending_flat_24px">
                      <path id="icon/action/trending_flat_24px" d="M21.5 12L17.5 8V11H2.5V13H17.5V16L21.5 12Z" fill="#D6312B"/>
                    </g>
                  </svg>
                </div>
              </div>
            </div>
          </a>
        </div>
      {% else %}
        <div class="col-sm-12 col-xs-12 flex-con">
          <div class="no-record text-center">
            <img src="{{'assets/svg/ico-no-result.svg'|theme}}" class="img-responsive">
            <h3>No projects yet with this service.</h3>
            <p>You can browse our other services.</p>
          </div>
        </div>
      {% endfor %}
    </div>
  </div>
</div>

{% partial 'site/footer' %}