description = "Projects"

[staticPage]
useContent = 0
default = 0

[builderList projects]
modelClass = "Linus\Project\Models\Project"
scope = "-"
scopeValue = "{{ :scope }}"
displayColumn = "slug"
noRecordsMessage = "No records found"
detailsPage = "-"
detailsUrlParameter = "id"
pageNumber = "{{ :page }}"
sortColumn = "order_id"
sortDirection = "asc"
==
<?php
  use System\Classes\CombineAssets;
  use Linus\Project\Models\Project;
  use Linus\Services\Models\Service;
  function onStart(){
    $css = ['assets/css/project.css'];
    $scripts = ['assets/javascript/project.js'];
    $this->addCss(CombineAssets::combine($css, base_path('themes/linus')));
    $this->addJs(CombineAssets::combine($scripts, base_path('themes/linus')));
    $this->prepareVars();
  }
  function onFilter() { $this->prepareVars(); }
  function prepareVars() {
      $options = post('Filter', ['']);
      $this['projects'] = Project::listFrontEnd($options);
      $this['services'] = Service::orderBy('name', 'asc')->get();
      $this['years'] = Project::select(Db::raw('YEAR(`end_date`) as year'))->groupBy(Db::raw('YEAR(`end_date`)'))->get(0);
  }
?>
==
{% 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' %}
<div class="row noPM section-pad-3">
  <div class="bg-pattern"></div>
  <div class="container" id="filter-project">
    {{ form_ajax('onFilter', { update: { 'project-load': '#project-load' } }) }}
      <div class="flex-con filter-con trans">
        <div class="col-sm-5 col-xs-6">
            <div class="adv-con sotl-label year-filter">
                <select name="Filter[year]" data-id="Year" class = "filter-text">
                    <option value="" selected>All</option>
                    {% for i in years %}
                      <option value="{{i.year}}">{{i.year}}</option>
                    {% endfor %}
                </select>
            </div>
        </div>
        <div class="col-sm-5 col-xs-6">
            <div class="adv-con sotl-label service-filter">
                <select name="Filter[service_id]" data-id="Service" class = "filter-text">
                    <option value="" selected>All</option>
                    {% for i in services %}
                        <option value="{{i.id}}">{{ i.name }}</option>
                    {% endfor %}
                </select>
            </div>
        </div>
      </div>
    {{ form_close() }}
  </div>
  <div class="container" id="project-load">
    {% partial 'project-load' %}
  </div>
</div>

{% partial 'site/footer' %}