{% extends 'partials/base.html.twig' %}
{% set page_class = 'row p-3' %}
{% block content %}
<div class="col-12 col-md-3 p-3">
    {% set portret = page.header.portret ? page.media[page.header.portret].url : url('theme://images/portret-1.jpg') %}
    <img src="{{ portret }}" class="img-fluid mb-3" alt="Portret Natascha Rieter">
    {% if page.header.extra_1 %}
    <img src="{{ page.media[page.header.extra_1].url }}" class="img-fluid mb-3 d-none d-md-block" loading="lazy" alt="Portret Natascha Rieter">
    {% endif %}
</div>
<div class="col-12 col-md-6 p-3 text-start">
    <h1 class="funky-font main-header text-center">{{ page.title }}</h1>
    {{ content|raw }}
</div>
<div class="col-12 col-md-3 p-3 text-center">
    {% set logo = page.header.logo ? page.media[page.header.logo].url : url('theme://images/logo-blauw.png') %}
    <img src="{{ logo }}" class="img-fluid mb-3" loading="lazy" alt="Logo Galerie Groot Welsden">
    {% if page.header.extra_2 %}
    <img src="{{ page.media[page.header.extra_2].url }}" class="img-fluid d-none d-md-block" loading="lazy" alt="Portret Natascha Rieter">
    {% endif %}
</div>
{% endblock %}