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

{% block body %}
    <div class="container mx-auto p-4">
        <h1 class="text-3xl font-bold text-center mb-6">{{ page.title }}</h1>

        {% for block in page.blocks %}
            {% if block.type == 'text' %}
                <div class="text-gray-700 text-lg mb-6">
                    {{ block.content|raw }}
                </div>
            {% elseif block.type == 'image' and block.image %}
                <div class="mb-6">
                    <img src="{{ vich_uploader_asset(block, 'imageFile') }}" alt="" class="w-full h-auto rounded-lg">
                </div>
            {% elseif block.type == 'video' and block.videoUrl %}
                <div class="mb-6">
                    <iframe width="100%" height="400" src="{{ block.videoUrl }}" frameborder="0" allowfullscreen></iframe>
                </div>
            {% endif %}
        {% endfor %}
    </div>
{% endblock %}