{% extends "base.html.twig" %}
{% block title %}Report de {{ report.event.name }}, {{ report.event.hall.name }}, le {{ report.event.dateStart|format_date('full') }}{% endblock %}
{% block description %}
    Retrouvez le live report de {{ report.reporterName }}, pour {% if report.reporter is not null %}{{ report.reporter.name }}{% else %}Noiser{% endif %}, pour l'évènement {{ report.event.name }}, {{ report.event.hall.name }}, le {{ report.event.dateStart|format_date('full')}} à  {{ report.event.city }}{% endblock %}
{% block body %}
    {% include 'parts/menu.html.twig' %}
    <div class="topTitle">
        <h1>Report de {{ report.event.name }}</h1>
    </div>
    <div class="fond-bleu">
        <div class="container">
            <div class="photoReportGalerie">
                <h2>Photos par {{ report.reporterName }}, pour
                    {% if report.reporter is not null %}
                        {{ report.reporter.name }}
                    {% else %}
                        Noiser
                    {% endif %}
                </h2>
                <h3><em>Concert du {{ report.event.dateStart|format_date('full')|capitalize }}, {{ report.event.hall.name }}, {{ report.event.city }}</em></h3>
                <div class="photosContainer">
                    <ul>
                        {% for photo in photos %}
                            <li>
                                <a href="{{ photo }}" data-lightbox="roadtrip"><img src="{{ photo }}" alt=""></a>
                            </li>
                        {% endfor %}
                    </ul>
                </div>
                {{ knp_pagination_render(photos) }}
            </div>
        </div>
    </div>
    <div class="fond-blanc">
        <div class="pad_40">
            <a href="{{ path('live_reports') }}" class="return"><< Retour à la liste des live reports</a>
        </div>
    </div>
{% endblock %}