description = "Project Inside Page"

[builderDetails project]
modelClass = "Linus\Project\Models\Project"
identifierValue = "{{ :slug }}"
modelKeyColumn = "slug"
displayColumn = "slug"
notFoundMessage = "Record not found"
==
<?php
  use System\Classes\CombineAssets;
  use Linus\Project\Models\Project as Art;
  function onStart(){
    $css = ['assets/css/project.css', 'assets/unitegallery/css/unite-gallery.css'];
    $scripts = ['assets/unitegallery/js/unitegallery.min.js', 'assets/unitegallery/themes/tiles/ug-theme-tiles.js', 'assets/javascript/project.js'];
    $this->addCss(CombineAssets::combine($css, base_path('themes/linus')));
    $this->addJs(CombineAssets::combine($scripts, base_path('themes/linus')));
    //Next Prev
    $details = Art::where('slug','=', $this->param('slug'))->first();
    if(!empty($details['id'])){
      $next = Art::where('id','<>', $details['id'])->where('order_id', '>', $details['id'])->orderBy('order_id', 'ASC')->first();
      $prev = Art::where('id','<>', $details['id'])->where('order_id', '<', $details['id'])->orderBy('order_id', 'ASC')->first();
      if(!empty($next['slug'])){
          $this['next_page_url'] = $next['slug'];
      }
      if(!empty($prev['slug'])){
          $this['prev_page_url'] = $prev['slug'];
      }
    }
  }
?>
==
{% partial 'site/head' %}
{% partial 'site/header' %}
<div class="row noPM section-pad-2">
  <div class="bg-pattern"></div>
</div>
{% set project = project.record %}
<div class="row noPM section-pad-3">
  <div class="bg-pattern"></div>
  <div class="container">
    <div class="row">
      <ul class="bread-base flex-con justify-start">
        <li>
          <a href="{{url('/')}}">
            <img src="{{'assets/svg/ico-bread-home.svg'|theme}}" alt="" class="center-block img-responsive">
          </a>
        </li>
        <li class="bread-divider">
          <img src="{{'assets/svg/ico-bread-divider.svg'|theme}}" alt="" class="center-block img-responsive">
        </li>
        <li>
          <a class="bread-text" href="{{url('/projects')}}">Projects</a>
        </li>
        <li class="bread-divider">
          <img src="{{'assets/svg/ico-bread-divider.svg'|theme}}" alt="" class="center-block img-responsive">
        </li>
        <li class = "published-label">
          {{project.name}}
        </li>
      </ul>
      <h1 class="article-title text-center">{{project.name}}</h1>
      <p class="p-text block-teaser text-center">{{project.description}}</p>
      <br>
    </div>
    <div class="row text-center">
      <div class="col-sm-12 col-xs-12">
        <div class="col-sm-4 col-xs-12">
          <h5 class="project-sub-label">Services</h5>
          <p class="project-sub-text">{{project.service.name}}</p>
        </div>
        <div class="col-sm-4 col-xs-12">
          <h5 class="project-sub-label">Location</h5>
          <p class="project-sub-text">{{project.location}}</p>
        </div>
        <div class="col-sm-4 col-xs-12">
          <h5 class="project-sub-label">Date started and completed:</h5>
          <p class="project-sub-text">{{project.start_date|date('M Y')}} - {{project.end_date|date('M Y')}}</p>
        </div>
      </div>
      <div class="col-sm-12 col-xs-12"><br></div>
    </div>
    <div class="row">
      <div id="gallery" style="display:none;">
  			{% for photo in project.proj_images %}
  				<a data-title="{{ photo.title }}" data-order="" href="">
  					<img alt="{{ photo.title }}" src="{{ photo.path }}" data-image="{{ photo.path }}" data-description="{{ photo.title }}" style="display:none">
          </a>
  			{% else %}
  				<div class="col-xs-12 no-data">No photos yet.</div>
  			{% endfor %}
  		</div>
      <div class="row control-bottom flex-con">
        <div class="col-sm-6 col-xs-6 flex-con justify-start">
          <p class="sub-label hidden">SHARE</p> <div><div class="addthis_inline_share_toolbox hidden"></div></div>
        </div>
        <div class="col-sm-6 col-xs-6 flex-con justify-end noP">
          {% if prev_page_url %}
            <a href="{{url('project/'~prev_page_url)}}">
              <div class="proj-ctrl btn-text-b flex-con trans">
                <svg id="ico-proj-prev" width="22" height="23" viewBox="0 0 22 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <g>
                    <path id="icon/action/trending_flat_24px" d="M2.29232 11.5L5.95899 7.83334V10.5833H19.709V12.4167H5.95899V15.1667L2.29232 11.5Z" fill="#181818"/>
                  </g>
                </svg>
                PREVIOUS
              </div>
            </a>
          {% endif %}
          {% if next_page_url %}
            <a href="{{url('project/'~next_page_url)}}">
              <div class="proj-ctrl btn-text-b flex-con trans">
                NEXT
                <svg id="ico-proj-next" width="22" height="23" viewBox="0 0 22 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <g>
                    <path id="icon/action/trending_flat_24px" d="M19.7077 11.5L16.041 7.83334V10.5833H2.29102V12.4167H16.041V15.1667L19.7077 11.5Z" fill="#181818"/>
                  </g>
                </svg>
              </div>
            </a>
          {% endif %}
        </div>
      </div>
    </div>
  </div>
</div>

{% partial 'site/footer' %}