description = "Partners Page"

[staticPage]
useContent = 0
default = 0

[builderList partners]
modelClass = "Linus\Partners\Models\Partner"
scope = "-"
scopeValue = "{{ :scope }}"
displayColumn = "slug"
noRecordsMessage = "No records found"
detailsPage = "-"
detailsUrlParameter = "id"
pageNumber = "{{ :page }}"
sortColumn = "order_id"
sortDirection = "asc"

[Partner]
==
<?php
use System\Classes\CombineAssets;
  function onStart(){
    $css = ['assets/css/partners.css'];
    $scripts = ['assets/javascript/project.js'];
    $this->addCss(CombineAssets::combine($css, base_path('themes/linus')));
    $this->addJs(CombineAssets::combine($scripts, base_path('themes/linus')));
  }
?>
==
{% partial 'site/head' %}
{% partial 'site/header' %}
{% component 'staticPage' %}
{variable tab="Hero" type="mediafinder" mode="image" name="heroImage" label="Image" span="full" comment="1300px X 500px"}{/variable}
{variable tab="Hero" label="Header" type="text" name="heroHeader" span="left"}{/variable}
{% partial 'hero-banner' %}
{variable tab="Content" label="Teaser" type="textarea" name="conTeaser" span="left"}{/variable}
<div class="row noPM section-pad-3">
  <div class="bg-pattern"></div>
  <div class="container text-center">
    <h5 class="block-title">Trusted</h5>
    <p class="p-text block-teaser">{{conTeaser}}</p>
  </div>
  <div class="container">
    {% set partners = partners.records %}
    <div class="col-sm-12 col-xs-12 cert-base flex-con-stretch">
      {% for partner in partners %}
        <div class="col-sm-3 col-xs-6 cert-con wow fadeIn text-center" data-wow-delay="{{loop.index0 / 3}}">
          <a href="{{url('/partner/'~partner.slug)}}">
            <div style="background-image: url({% if partner.part_logo %}{{partner.part_logo.path}}{% else %}{{'assets/img/mecha-grayscale.png'|theme}}{% endif %})" class="trans center-block bg-img cert-img card-shadow"></div>
            <p class="service-category-title">{{partner.name}}</p>
          </a>
        </div>
      {% endfor %}
    </ul>
  </div>
</div>
<div class="row noPM section-pad-3 bg-block member-block">
  <div class="container">
    <div class="col-sm-5 col-xs-12">
      {variable tab="Membership" label="Header" type="text" name="memHeader" span="left"}{/variable}
      {variable tab="Membership" label="Teaser" type="richeditor" name="memTeaser" span="full"}{/variable}
      <h4 class="block-title">WHY SHOULD YOU PARTNER WITH US?</h4>
      <h3 class="block-header">{{memHeader}}</h3>
      <br>
      <div class="p-text mem-content">{{memTeaser|raw}}</div>
      <div class="row cert-base flex-con justify-start">
        {repeater tab="Certifications" label = "Certifications" name="certs" prompt="Add New"}
          {variable name="certName" label="Title" type="text"}{/variable}
          {variable name="certImage" label="Image" type="mediafinder" mode="image" comment="200px X 200px"}{/variable}
          <div class="col-sm-5 col-xs-6 cert-con wow fadeIn text-center" data-wow-delay="{{loop.index0 / 3}}">
            <div style="background-image: url({{fields.certImage|media}})" class="center-block bg-img cert-img"></div>
            <p class="published-label">{{fields.certName}}</p>
          </div>
        {/repeater}
      </div>
    </div>
    <div class="col-sm-7 col-xs-12">
      <div class="linus-form member-form">
        <label class="policy-title">Interested? Fill up the form below so we can contact you.</label>
        <br><br>
        <div class="row">{% component 'Partner' %}</div>
      </div>
    </div>
  </div>
</div>
{% partial 'site/footer' %}