{% extends "base.html.twig" %}

{% block content %}
    <!--Hero Slider-->
    <section class="promo-post py-5 border-top">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-lg-8 col-sm-10 mx-auto text-center">
                    <span class="entry-meta text-primary">{{ content.category.name }}</span>
                    <h1 class="my-3 pt-2">{{ content.title }}</h1>
                    <span class="author-meta fs-sm">{{ created | date('d F Y') }} - par <a href="author.html">
                    {% if changer %}
                        {% set author = sulu_resolve_user(changer) %}
                    {% else %}
                        {% set author = sulu_resolve_user(creator) %}
                    {% endif %}
                    {{ author.contact.firstName }} </a></span>
                </div>
            </div>
        </div>
    </section>
    <!--Hero Slider/-->
    {#
    <div class="jarallax promo-parallax" style="background-image: url({{ asset('/build/website/images/ps8-1.jpg') }});">
    </div> 
    #}

    <main class="main-content py-3 mt-2">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <article class="single-post post">
                        <div class="entry-content">
                            {% include "includes/blocks_articles.html.twig" with { blocks: content.blocks } %}
                        </div>
                    </article>
                    {#
                    <div class="more-articles my-5 pt-5 post-container">
                        <div class="widget-line-bg">
                            <h2>Read More</h2>
                        </div>
                        <div class="row gx-3">
                            <div class="col-lg-4 col-sm-4">
                                <div class="single-entry mb-5">
                                    <div class="entry-thumb mb-2">
                                        <a href="post-style-1.html"> <img src="{{ asset('/build/website/images/b-2.jpg')}}" class="img-fluid"
                                                alt="blog"></a>
                                        <div class="entry-share d-flex">
                                            <a href="#"><i class="fa fa-heart"></i></a>
                                            <a href="#"><i class="fa fa-link"></i></a>
                                        </div>
                                    </div>
                                    <div class="entry-content">
                                        <h3 class="entry-title mb-4"><a href="post-style-1.html">Do interesting things,
                                                and
                                                interesting things will happen</a></h3>
                                    </div>
                                </div>
                            </div> <!-- Single Entry End -->
                            <div class="col-lg-4 col-sm-4">
                                <div class="single-entry mb-5">
                                    <div class="entry-thumb mb-2">
                                        <a href="post-style-1.html"> <img src="{{ asset('/build/website/images/b-1.jpg')}}" class="img-fluid"
                                                alt="blog"></a>
                                        <div class="entry-share d-flex">
                                            <a href="#"><i class="fa fa-heart"></i></a>
                                            <a href="#"><i class="fa fa-link"></i></a>
                                        </div>
                                    </div>
                                    <div class="entry-content">
                                        <h3 class="entry-title mb-4"><a href="post-style-1.html">Do interesting things,
                                                and
                                                interesting things will happen</a></h3>
                                    </div>
                                </div>
                            </div> <!-- Single Entry End -->
                            <div class="col-lg-4 col-sm-4">
                                <div class="single-entry mb-5">
                                    <div class="entry-thumb mb-2">
                                        <a href="post-style-1.html"> <img src="{{ asset('/build/website/images/b-3.jpg')}}" class="img-fluid"
                                                alt="blog"></a>
                                        <div class="entry-share d-flex">
                                            <a href="#"><i class="fa fa-heart"></i></a>
                                            <a href="#"><i class="fa fa-link"></i></a>
                                        </div>
                                    </div>
                                    <div class="entry-content">
                                        <h3 class="entry-title mb-4"><a href="post-style-1.html">Do interesting things,
                                                and
                                                interesting things will happen</a></h3>
                                    </div>
                                </div>
                            </div> <!-- Single Entry End -->
                        </div>
                    </div>
                    #}
                </div>
            </div>
        </div>
    </main>
{% endblock %}