description = "Contact Form Mechatrends"

[Contact]

[staticPage]
useContent = 0
default = 0

[builderList office]
modelClass = "Linus\Offices\Models\Office"
scope = "-"
scopeValue = "{{ :scope }}"
displayColumn = "name"
noRecordsMessage = "No records found"
detailsPage = "-"
detailsUrlParameter = "id"
pageNumber = "{{ :page }}"
==
<?php
use System\Classes\CombineAssets;
  function onStart(){
    $css = ['assets/css/contact.css'];
    $scripts = ['assets/javascript/contact.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="Header" type="text" name="conHeader" span="left"}{/variable}
{variable tab="Content" label="Teaser" type="text" name="conTeaser" span="left"}{/variable}
<div class="row noPM section-pad-3">
  <div class="bg-pattern"></div>
  <div class="bg-sea-map"></div>
  <div class="container">
    <div class="linus-form">
      <div class="col-sm-12 col-xs-12">
        <h3 class="block-header">{{conHeader}}</h3>
        <p class="p-text">{{conTeaser}}</p>
        <br>
      </div>
      {% component 'Contact' %}
    </div>
  </div>
</div>
<div class="row noPM section-pad-3 bg-block">
  <div class="container text-center">
    <h1 class="block-header">Our Locations</h1>
    <br>
  </div>
  <div class="container flex-con-stretch">
    {% set offices = office.records %}
    {% for office in offices %}
      <div class="col-sm-4 col-xs-6 office-base">
        <div class="office-con card-shadow">
          <div class="office-det">
            <h5 class="service-category-title">{{office.name}}</h5>
            <ul class="office-det-list">
              {% if office.phone %}
                <li class="flex-con justify-start bread-text" id="list-phone">
                    <a href="tel:{{office.phone}}">{{office.phone}}</a>
                    {% if office.phone2 %} / <a href="tel:{{office.phone2}}">{{office.phone2}}</a>{% endif %}
                    {% if office.phone3 %} / <a href="tel:{{office.phone3}}">{{office.phone3}}</a>{% endif %}
                </li>
              {% endif %}
              {% if office.email %}
                <li class="flex-con justify-start bread-text" id="list-email"><a href="mailto:{{office.email}}">{{office.email}}</a></li>
              {% endif %}
              {% if office.location %}
                <li class="flex-con justify-start bread-text" id="list-location">{{office.location}}</li>
              {% endif %}
            </ul>
          </div>
          {% if office.waze %}
            <div class="office-waze">
              {{office.waze|raw}}
            </div>
          {% endif %}
        </div>
      </div>
    {% endfor %}
  </div>
</div>
{% partial 'site/footer' %}