description = "News Inside Page"

[blogPost article]
slug = "{{ :slug }}"
categoryPage = 404

[nextAndPrev]
category = "noFilter"
postPage = 404

[blogRelated]
slug = "{{ :slug }}"
results = 3
orderBy = 0
direction = "desc"
postPage = "article"
==
<?php
use System\Classes\CombineAssets;
  use RainLab\Blog\Models\Post as Art;
  function onStart(){
    $css = ['assets/css/news.css'];
    //$scripts = ['assets/unitegallery/js/unitegallery.min.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' %}
<div class="row noPM section-pad-2">
  <div class="bg-pattern"></div>
</div>
{% set article = article.post %}
<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('/news')}}">News</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">
          {{article.title}}
        </li>
      </ul>
      <h1 class="article-title text-center">{{article.title}}</h1>
      <p class="published-label text-center">Published on <span>{{article.published_at|date('F d, Y')}}</span></p>
    </div>
  </div>
</div>
<div class="row noPM news-img bg-img" style="background-image: url({{article.featured_images[0].path}});"></div>
<div class="row noPM section-pad-3">
  <div class="bg-pattern"></div>
  <div class="container">
    <div class="col-sm-2 col-xs-12 share-inside">
      <p class="sub-label">SHARE</p> <div><div class="addthis_inline_share_toolbox"></div></div>
    </div>
    <div class="col-sm-10 col-xs-12 article-content">
      <div class="p-text">
        {{article.content_html|raw}}
      </div>
    </div>
    <div class="col-sm-12 col-xs-12">
    <div class="noP col-sm-12 col-xs-12 control-bottom flex-con">
      <div class="noPL col-sm-8 col-xs-12 article-tag-base">
        {% if article.tags|length > 0 %}
          <p class="published-label">TAGS</p>
          <ul class="tag-base flex-con justify-start">
            {% for tag in article.tags %}
              <li class="tag-text">{{tag.name}}</li>
            {% endfor %}
          </ul>
        {% endif %}
      </div>
      <div class="col-sm-4 col-xs-12 flex-con justify-end noP article-control-base">
        {% set prev = nextAndPrev.prevPost %}
        {% set next = nextAndPrev.nextPost %}
        {% if prev %}
          <a href="{{prev.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 %}
          <a href="{{next.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 class="col-sm-12 col-xs-12 other-news section-pad-3">
      <h3 class="block-header text-center">Other News you might find interesting</h3>
      <br>
      <div class="flex-con row">
        {% for latest in blogRelated.posts %}
          <div class="col-sm-4 col-xs-6 home-news-base hover-base trans wowa fadeIn" data-wow-delay="{{loop.index / 2}}s">
            <a href="{{url('/article/'~latest.slug)}}">
              <div class="home-news-con hover-base card-shadow ">
                <div class="home-news-image bg-img hover-zoom" style="background-image: url('{% if latest.featured_images.count %}{{latest.featured_images[0].path}}{% else %}{{'assets/img/mecha-grayscale.png'|theme}}{% endif %}')"></div>
                <div class="home-news-det">
                  <h6 class="service-category-title">{{latest.title}}</h6>
                  <p class="published-label">Published on <span>{{latest.published_at|date('M d, Y')}}</span></p>
                </div>
              </div>
            </a>
          </div>
        {% endfor %}
      </div>
    </div>
    <div class="col-sm-12 col-xs-12 disqus-base">
      <div class="col-sm-2 div col-xs-12"></div>
      <div class="col-sm-8 div col-xs-12">
        <div id="disqus_thread"></div>
        <script>
          /**
          *  RECOMMENDED CONFIGURATION VARIABLES: EDIT AND UNCOMMENT THE SECTION BELOW TO INSERT DYNAMIC VALUES FROM YOUR PLATFORM OR CMS.
          *  LEARN WHY DEFINING THESE VARIABLES IS IMPORTANT: https://disqus.com/admin/universalcode/#configuration-variables*/
          /*
          var disqus_config = function () {
          this.page.url = PAGE_URL;  // Replace PAGE_URL with your page's canonical URL variable
          this.page.identifier = PAGE_IDENTIFIER; // Replace PAGE_IDENTIFIER with your page's unique identifier variable
          };
          */
          (function() { // DON'T EDIT BELOW THIS LINE
          var d = document, s = d.createElement('script');
          s.src = 'https://mechtrendsph.disqus.com/embed.js';
          s.setAttribute('data-timestamp', +new Date());
          (d.head || d.body).appendChild(s);
          })();
        </script>
        <noscript>Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
      </div>
    </div>
  </div>
</div>

{% partial 'site/footer' %}