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

{% block title %}{{ activity.title }} — {{ site.schoolName }}{% endblock %}
{% block meta_description %}{{ activity.excerpt ?: activity.title }}{% endblock %}
{% block og_image %}{% if activity.image %}{{ absolute_url(media_url('uploads/images/' ~ activity.image)) }}{% else %}{{ parent() }}{% endif %}{% endblock %}

{% block body %}
<section class="page-hero">
    <div class="wrap">
        <p class="eyebrow">Aula extracurricular</p>
        <h1>{{ activity.title }}</h1>
        {% if activity.schedule %}<p class="lead">{{ activity.schedule }}</p>{% endif %}
    </div>
</section>
<article class="wrap page-layout">
    {% if activity.image %}
        {% include '_picture.html.twig' with {
            src: 'uploads/images/' ~ activity.image,
            alt: activity.title,
            class: 'page-layout__image',
            lazy: false,
            fetchpriority: 'high'
        } %}
    {% endif %}
    <div class="prose">
        {% if activity.instructorName or activity.priceLabel %}
            <p>
                {% if activity.instructorName %}<strong>{{ activity.instructorName }}</strong>{% endif %}
                {% if activity.instructorName and activity.priceLabel %} · {% endif %}
                {% if activity.priceLabel %}{{ activity.priceLabel }}{% endif %}
            </p>
        {% endif %}
        {{ activity.content|raw }}
        <p><a class="btn btn-gold" href="{{ path('app_contact') }}">Falar com a secretaria</a></p>
        {% include '_share.html.twig' with { title: activity.title } %}
    </div>
</article>
{% endblock %}