{% extends 'frontend/front-end-base.html.twig' %}

{% block title %} {{ page_title|default('News Article')|raw|striptags }} {% endblock %}

{% block body %}

    {% set title = 'Content has been removed' %}
    {% if blogArticle is not null %}
        {% set title = blogArticle.title|default('News Article') %}
    {% endif %}

    {% embed "frontend/panel/content-page-title.html.twig" %}
        {% block pageTitle %}
            {{ page_title|raw|default('News Article') }}
        {% endblock %}

        {% block bannerImage %}
            {% if blogArticle is not null and blogArticle.imagePath is not null %}
                {% set imagePath = asset(imageDirectory ~ blogArticle.imagePath) %}
                background: url('{{ imagePath }}') top center no-repeat; background-size: cover;
            {% endif %}
        {% endblock %}

        {% block headerFontClass %} text-white {% endblock %}
    {% endembed %}
    <!-- ======= Single Blog Section ======= -->

    <section class="col-md-12 text-start py-5 my-4 acba-blue-font">
        <div class="container">
            {% if blogArticle.subtitle is defined and blogArticle.subtitle is not null %}
                <h2 class="py-5 my-4 acba-blue-font text-center">{{ blogArticle.subtitle }}</h2>
            {% endif %}

            {% if blogArticle is not null %}
                <div class="col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 my-2">
                    {{ blogArticle.content|raw }}
                </div>
            {% else %}
                <p>Oops! The article you are trying to access is currently not available. Please try again later</p>
            {% endif %}
        </div>
    </section>

{% endblock %}

{% block javascripts %}
    <script type="text/javascript">
    </script>
{% endblock %}