{% extends 'layout.html.twig' %}

{% set seo_entity = article %}
{% set body_class = 'news-article' %}

{% block content %}
    <div class="container">
        <div class="breadcrumbs">
            <div class="breadcrumbs-item">
                <a href="{{ path('news_index') }}" class="breadcrumbs-link">News</a>
            </div>
        </div>

        <div class="action-header news-article-header">
            <h1 class="action-header-title news-article-title">{{ article.title }}</h1>
            <div class="action-header-actions">
                <a href="{{ path('news_print', {'urlTitle': article.urlTitle}) }}" target="_blank" class="action-header-actions-item">
                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 58" width="25" height="23" role="presentation">
                        <use xlink:href="{{ asset('assets/images/sprite.svg') }}#icon-print"></use>
                    </svg>
                    Print
                </a>
            </div>
        </div>

        {% if is_texstyle_au() %}
            <div class="news-article-date">{{ article.postDate|date('jS F, Y') }}</div>
        {% endif %}

        <div class="row">
            <div class="col-lg-9">
                <div class="news-article-content" data-component="fitvids">
                    {{ article.content|raw }}
                </div>
            </div>
            <div class="col-lg-3">
                <div class="sidebar sidebar-right">
                    <div class="sidebar-block">
                        <div class="sidebar-title no-underline">Share This Article</div>
                        <div class="news-sharing">
                            <div class="news-sharing-item">
                                <a href="https://www.facebook.com/sharer/sharer.php?u={{ url('news_show', {'urlTitle': article.urlTitle})|url_encode }}" target="_blank" rel="nofollow" class="news-sharing-link" data-component="share-link">
                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="46" height="46" aria-label="Facebook" role="img">
                                        <use xlink:href="{{ asset('assets/images/sprite.svg') }}#icon-facebook"></use>
                                    </svg>
                                </a>
                            </div>
                            <div class="news-sharing-item">
                                <a href="https://www.linkedin.com/shareArticle?mini=true&url={{ url('news_show', {'urlTitle': article.urlTitle})|url_encode }}&title={{ article.title|url_encode }}" target="_blank" rel="nofollow" class="news-sharing-link" data-component="share-link">
                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="46" height="46" aria-label="LinkedIn" role="img">
                                        <use xlink:href="{{ asset('assets/images/sprite.svg') }}#icon-linkedin"></use>
                                    </svg>
                                </a>
                            </div>
                            <div class="news-sharing-item">
                                <a href="javascript:void(0)" class="news-sharing-link" data-toggle="modal" data-target="#emailModal">
                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="46" height="46" aria-label="Email" role="img">
                                        <use xlink:href="{{ asset('assets/images/sprite.svg') }}#icon-email"></use>
                                    </svg>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    {{ render(controller('Texstyle\\Controller\\NewsController::latestArticles', {'title': 'More News'})) }}
{% endblock %}

{% block callouts %}
    {% include '_includes/subscribe-callout.html.twig' %}
    {% include '_includes/email-modal.html.twig' with {'title': 'Email This News Article', 'action': path('news_email', {'urlTitle': article.urlTitle})} %}
{% endblock %}