{% extends '_common/base.html.twig' %}

{% block body %}
    {% if post.headerType == "image" %}
        <style type="text/css">
            {% if post.headerMobile is not empty %}
            @media (max-width: 768px) {
                #page_hero_wrap{
                    background-image:url(/uploads/pictures/{{ post.headerMobile }}) !important;
                }
            }
            {% endif %}
        </style>
        <div style="background-image:url(/uploads/pictures/{{ post.header }});" id="page_hero_wrap" class="page_hero_wrap">
            <div class="container-fluid h-100">
                <div class="col-12">
                </div>
            </div>
        </div>
    {% else %}
        {% include "/elements/hero_page_animated.html.twig" with {post:post} %}
    {% endif %}
    <div class="container-fluid">
        <div class="row">
            <div class="page-text">
                <h1>{{ post.title }}</h1>
                <div class="post-date">{{ post.publishTime.format("F d, Y") }}</div>
                {{ post.content|raw }}
            </div>
        </div>
    </div>

{% endblock %}

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

    </script>
{% endblock %}