{% if category %}
    <div class="bg-primary mt-10 pb-10">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-lg-7 content-space-2">
                    <p class="text-warning text-uppercase">Jelenleg aktív kategória</p>
                    <h2 class="display-4 text-white fw-lighter">{{ category.displayTitle|raw }}</h2>
                    <p class="text-white fs-4 fw-light mt-7 mb-5">{{ category.intro }}</p>
                    <a class="btn btn-lg text-primary btn-wide btn-white rounded-pill" href="{{ path('app_lesson_category',{'category':category.slug}) }}">
                        Elkezdem
                    </a>
                </div>

                <div class="col-lg-5">
                    <img class="mt-lg-n10 img-fluid" src="{{ (category.highlightedImage) ? asset(category.highlightedImage) : '' }}" alt="">
                </div>
            </div>
        </div>
    </div>
{% endif %}