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

{% block title %} {{ page_title|default('Block Content')|raw|striptags }} {% endblock %}

{% block body %}

    {% set title = 'Content has been removed' %}
    {% if page is not null %}
        {% set title = page.title|default('Not found') %}
    {% endif %}

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

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

        {% block headerFontClass %} text-white {% endblock %}
    {% endembed %}


    <section class="site-section mb-4">
        <div class="container">
            <div class="row">
                <div class="col-md-12 blog-content">
                    {% if page is defined and page is not null %}

                        {% if page.subtitle is defined and page.subtitle is not null %}
                            <section class="py-5">
                                <div class="container">
                                    <div class="row align-items-center py-5">
                                        <div class="col-md-12 acba-blue-font">
                                            <h2>{{ page.subtitle }}</h2>
                                        </div>
                                    </div>
                                </div>
                            </section>
                        {% endif %}

                        <div class="row">
{#                            <div class="col-12 col-sm-12 col-md-12 col-lg-4 col-xl-4 my-2 py-3">#}
{#                                {% if page.imagePath is not null %}#}
{#                                    <img id="profile-pic-update" class="img-fluid"#}
{#                                         src="{{ asset(imageDirectory ~ page.imagePath) }}"#}
{#                                         alt="Banner "#}
{#                                    />#}
{#                                {% endif %}#}
{#                            </div>#}

                            <div class="col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 my-2 py-3">
                                {{ page.content|raw }}

                                {% if page.document is not null %}
                                    <p class="my-3">
                                        <a class="btn btn-secondary rounded-pill"
                                         href="{{ path('frontend_download_resource', {'filename':page.document}) }}"
                                         title="Download PDF Document" rel="noopener noreferrer"
                                          target="_blank">View PDF Document</a>
                                    </p>
                                {% endif %}

{#                                <p>#}
{#                                    <a class="pdf-modal-view btn btn-secondary rounded-pill" href="{{ absolute_url(path('frontend_download_resource', {'filename':'ACBA Draft Strategic Plan 19 April 2021.pdf'})) }}"#}
{#                                       title="Read more about {{ system_name }}">Read More About {{ system_name }}</a>#}
{#                                </p>#}
                            </div>
                        </div>
                    {% else %}
                        <p>Oops! Looks like you found this page after it had been removed. Please try again later</p>
                    {% endif %}
                </div>
            </div>
        </div>
    </section>

{% endblock %}

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