[staticPage]
useContent = 0
default = 0

[builderList gallery]
modelClass = "Linus\Gallery\Models\Gallery"
scope = "-"
scopeValue = "{{ :scope }}"
displayColumn = "id"
noRecordsMessage = "No records found"
detailsPage = "-"
detailsUrlParameter = "id"
pageNumber = "{{ :page }}"
sortDirection = "desc"
==
<?php
use System\Classes\CombineAssets;
  function onStart(){
    $css = ['assets/css/about.css', 'assets/reveal/css/modal-reveal.css', 'assets/reveal/css/normalize.css'];
    $scripts = ['assets/javascript/organization.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' %}
{% set gall = gallery.records %}
{% set displayColumn = gallery.displayColumn %}
{% set noRecordsMessage = gallery.noRecordsMessage %}
{% set detailsPage = gallery.detailsPage %}
{% set detailsKeyColumn = gallery.detailsKeyColumn %}
{% set detailsUrlParameter = gallery.detailsUrlParameter %}


{variable tab="Hero" type="mediafinder" mode="image" name="heroImage" label="Image" span="full" comment="1300px X 500px"}{/variable}
{variable tab="Hero" label="Header" type="textarea" size="large" name="heroHeader" span="left"}{/variable}
{% partial 'hero-banner' %}
<div class="row noPM section-pad-3 organization">
    <div class="bg-pattern"></div>
  <div class="row pads">
    <div class="container">
        <div class = "row respo-nav">
          <ul class="nav-pill flex-con trans">
            <li>
              <a href="{{url('/about')}}">
                <div class = "btn-text-b">BRIEF HISTORY OF MECHATRENDS</div>
              </a>
            </li>
            <li>
              <a href="{{url('/mission-vision')}}">
                <div class = "btn-text-b">MISSION AND VISION</div>
              </a>
            </li>
            <li>
              <a href="{{url('/organization')}}">
                <div class = "btn-text-b">OUR ORGANIZATION</div>
              </a>
            </li>
             <li>
              <a href="{{url('/corporate-social-responsibility-policy')}}">
                <div class = "btn-text-b pill-active">CORPORATE SOCIAL RESPONSIBILITY POLICY</div>
              </a>
            </li>
          </ul>
        </div>
    {variable type="text" name="head" label="Header" tab="Header" span="left"}{/variable}
    {variable type="textarea" size="large" name="subtitle" label="Teaser" tab="Header" span="left"}{/variable}
    <div class="row noPM text-center">
      <h3 class="block-header">{{head|raw}}</h3>
      <div class="subtitle text-center">
        <p class="p-text" style="width: auto">{{subtitle|raw}}</p>
      </div>
    </div>

    {variable type="richeditor" name="table" label="Content" tab="Table" span="full" height="large"}{/variable}
      <div class="row noPM">
        <div class="container">
          <div class="table padB-40 hidden">
            {{table|raw}}
          </div>
            {% if gall is not empty %}
              <div class="gall-album">
                <div class="album-con">
                  {% for album in gall %}
                    <a href="{{url('/responsibility/'~album.slug)}}">
                        <div class="album-img" style="background:url({{album.gall_photos[0].path}}) scroll no-repeat center / cover; height: 300px; width: 100%; "></div>
                        <div class="album-dets">
                        <div class="album-name">{{album.name|raw}}</div>
                          {% if album.gall_photos|length < 1 %}
                              <div class="album-count"> {{album.gall_photos|length}} Photo</div>
                              {% else %}
                                <div class="album-count"> {{album.gall_photos|length}} Photos</div>
                          {% endif %}
                        </div>
                    </a>
                  {% endfor %}
                </div>
            </div>
          {% endif %}
        </div>
      </div>
    </div>
  </div>
</div>

{% if gall is not empty %}
  <div class="row noPM hidden" style="background: #F8F9FB;">
    <div class="container">
      <div class="gall-header hidden">
        <h3 class="block-title">PHOTO GALLERY</h3>
        <h1 class="block-header">OUR SOCIAL RESPONSIBILITY</h1>
      </div>

      <div class="gall-album">
        <div class="album-con">
          {% for album in gall %}
            <a href="{{url('/responsibility/'~album.slug)}}">
                <div class="album-img" style="background:url({{album.gall_photos[0].path}}) scroll no-repeat center / cover; height: 300px; width: 100%; "></div>
                <div class="album-dets">
                <div class="album-name">{{album.name|raw}}</div>
                  {% if album.gall_photos|length < 1 %}
                      <div class="album-count"> {{album.gall_photos|length}} Photo</div>
                      {% else %}
                        <div class="album-count"> {{album.gall_photos|length}} Photos</div>
                  {% endif %}
                </div>
            </a>
          {% endfor %}
        </div>
      </div>
    </div>
  </div>
{% endif %}
{% partial 'site/footer' %}