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

{% block body %}
    <div class="container-fluid">
    	<div class="container">
            <p class="ariane mt-2"><a href="{{ path('categorievideos', {'categorieSlug': video.categorie.slug}) }}">{{ video.categorie.nom }}</a> > {{ video.titre }}</p>
            <div class="mt-4">
                <div class="encart">
                    <p class="cat cat-video"><span>{{ video.categorie.nom }}</span></p>
                    <h1>{{ video.titre }}</h1>
                </div>
            </div>  

            <div class="row mt-4">
                <div class="col-md-6">
                    <div class="encart">
                        <p>
                            <span class="synopsis">
                                {{ video.description | raw }}
                            </span>
                        </p>
                    </div>
                </div>
                {% if video.video %}
                <div class="col-md-6">
                    <div class="embed-responsive embed-responsive-16by9">
                        {{ video.video|videopreview|raw }}
                    </div>
                </div>
                {%  endif %}
            </div>
    	</div>
	</div>
{% endblock %}