{% extends 'AppBundle::layout.html.twig' %}
{% block sidebar %}
    <h4 class="title">{{ 'STUDIO_PAGE_TITLE'|trans({}, "messages", app.session.get('_locale')) }}</h4>
    <br/>
    <em>Motion Design</em>
    <br/>
    {{ "now"|date('Y') }}
{% endblock %}
{% block body %}
    <div id="video-body-container">
        {% for flashMessage in app.session.flashbag.get('success') %}
            <div class="alert alert-success alert-dismissible flash-message" role="alert">
                <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <span>{{ flashMessage }}</span>
            </div>
        {% endfor %}

        <iframe id="video"
                src="{{ studio.video }}"
                frameborder="0"
                webkitallowfullscreen
                mozallowfullscreen
                allowfullscreen
                >
        </iframe>
        <br/><br/>
        <p style="text-align: justify;">
            {{ studio.content|raw }}
        </p>
    </div>
{% endblock %}