{% extends '@layout/dashboard.html.twig' %}

{% import "@macros/flash-messenger.html.twig" as flashM %}

{% block title %}Hit Lokal Awards
{% endblock %}

{% block content %}
    <div class="card border-dark">
        <div class="card-header">
            <h1>Information du titre : <strong>{{ title.title }}</strong></h1>
        </div>

        <div class="card-body">
            <ul class="list-group list-group-flush">
                <li class="list-group-item">
                    <h4>Artistes : <strong>{{title.artists}}</strong></h4>
                </li>
                <li class="list-group-item">
                    <img src="/img/titles/{{ title.img }}" class="img-fluid rounded card-img border border-secondary" style="width:750px; height:500px;" alt="{{ title.artists }}">
                </li>
                <li class="list-group-item">
                    <iframe width="750" height="500" src="https://www.youtube.com/embed/{{title.youtube}}" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
                </li>
            </ul>
        </div>
        <div class="card-footer">
            <a href="{{ path('dashboard-titles')}}" class="btn btn-danger mt-2">Retour</a>
            <a href="{{ path('dashboard-titles-mod',{'id' : title.id})}}" class="btn btn-secondary mt-2">Modifier</a>
        </div>
    </div>

{% endblock %}