{% extends 'HitsoCommonBundle::layout.html.twig' %}
{% block stylesheets %}
{{ parent() }}
<link rel="stylesheet" href="{{ asset('juki/source/css/articles-critical.css') }}">
<link rel="preload" as="style" href="{{ preload(asset('juki/source/css/articles-critical.css')) }}">
<link rel="preload" href="{{ preload(asset('juki/source/css/articles.css')) }}" as="style" onload="this.onload=null;this.rel='stylesheet'">
{# Previous / Next #}
{% if articles.hasPreviousPage|default(false) %}<link rel="prev" href="{{ path('article_category_page', {'slug': currentCategory.slug, 'page': articles.currentPage-1 }) }}" />{% endif %}
{% if articles.hasNextPage|default(false) %}<link rel="next" href="{{ path('article_category_page', {'slug': currentCategory.slug, 'page': articles.currentPage+1 }) }}" />{% endif %}
{% endblock %}
{% block body_class %}{{ parent() }} page--articles{% endblock %}
{% block content %}
<main class="main">
<section class="articles">
<div class="articles__header">
<h2 class="articles__header-title section-title section-title--h2">
Articles
</h2>
<div class="articles__categories">
<div class="articles__categories-inner">
<a href="{{ path('article_category_index') }}" rel="category" class="articles__categories-item">All</a>
{% for tmpCategory in article_categories() %}
{% set tmpArticles = category_articles(tmpCategory) %}
<a href="{{ dynamic_url(tmpCategory.route.id) }}" rel="category" class="articles__categories-item {% if tmpCategory.id == currentCategory.id %}articles__categories-item--active{% endif %}">{{ tmpCategory.name }} ({{ tmpArticles.count }})</a>
{% endfor %}
</div>
</div>
</div>
<div class="articles__content">
<div class="entries" itemscope itemtype="http://schema.org/ItemList">
{% include 'HitsoContentBundle:Front/ArticleCategory:entry_loop.html.twig' %}
{% if articles.haveToPaginate|default(false) %}
<noscript>
{% include 'HitsoContentBundle:Front/Article/Partials:pagination.html.twig' with { 'paginator': articles, 'route': 'article_category_page', 'routeParams': {'slug': currentCategory.slug}} %}
</noscript>
<div class="entries__loading">
Loading next 6 of 12 articles
</div>
{% endif %}
</div>
</div>
</section>
</main>
{% endblock %}
{% block footer_javascripts %}
<script src="{{ asset('juki/source/js/articles.js') }}" defer></script>
{% endblock %}