{% extends "Global/layout.html.twig" %}

{% set pagetitle = 'Reserved seats'|trans %}

{% block title %}{{pagetitle}}{% endblock %}

{% block stylesheets %}

    <style>

        .container {
            max-width: none;
            width: 100% !important;
            padding-right: 15px !important;
            padding-left: 15px !important;
            margin-right: auto !important;
            margin-left: auto !important;
        }

    </style>

{% endblock %}


{% block content %}

    {% if is_granted("ROLE_ADMINISTRATOR") %}
        {% set navigation = [{"dashboard_administrator_event": ("Manage events"|trans), (path("dashboard_administrator_event", {slug: eventDate.event.slug})): eventDate.event.name, "current":(pagetitle)}] %}
    {% elseif is_granted("ROLE_ORGANIZER") %}
        {% set navigation = [{"dashboard_organizer_event": ("My events"|trans), (path("dashboard_organizer_event", {slug: eventDate.event.slug})): eventDate.event.name, "current":(pagetitle)}] %}
    {% endif %}

    {% include "Global/navigation.html.twig" with navigation %}

    <section class="section-content padding-y bg-white">
        <div class="{{ services.getSetting("app_layout") }}">
            <div class="row">
                <aside class="col-lg-3 pt-3 pt-lg-0">
                    {% include "Dashboard/sidebar.html.twig" %}
                </aside>
                <div class="col-lg-9 mt-4 mt-lg-0">
                    <div class="card">
                        <div class="card-header">
                            <h4><i class="dropdown-icon fas fa-chart-line fa-fw text-muted"></i> {{ eventDate.event.name }}</h4>
                            <p><span class="badge badge-{{ eventDate.stringifyStatusClass }} mt-2">{{ eventDate.stringifyStatus|trans }}</span></p>
                            <p>{{ "When"|trans }}: {{ eventDate.startdate|localizeddate('none', 'none', app.request.locale, date_timezone, date_format) }}</p>
                            <p>{{ "Where"|trans }}: {% if eventDate.venue %} {{ eventDate.venue.name ~ ": " ~ eventDate.venue.stringifyAddress }}</p>{% else %}{{ "Online"|trans }}{% endif %}
                            <p><a href="#event-date-details" class="btn btn-primary has-tooltip btn-sm" data-toggle="collapse" title="{{ "Toggle display the event date details"|trans }}" aria-expanded="false" aria-controls="event-date-details"><i class="fas fa-list"></i></a></p>
                        </div>
                        <div class="card-body">

                            <div id="event-date-details" class="row mb-5 collapse">
                                <div class="col-12">
                                    <div class="card">
                                        <div class="card-header">
                                            {{ "Details"|trans }}
                                        </div>
                                        <div class="card-body">
                                            <div class="table-responsive">
                                                <table class="table table-borderless table-striped table-hover table-sm mb-0">
                                                    <tbody>
                                                        {% if eventDate.payoutRequested %}
                                                            <tr>
                                                                <td width="30%">{{ "Payout request"|trans }}</td>
                                                                <td>
                                                                    <a href="{{ path("dashboard_organizer_payout_requests", {eventdate: eventDate.reference}) }}"><i class="fas fa-file-invoice-dollar"></i> {{ "View details"|trans }}</a>
                                                                </td>
                                                            </tr>
                                                        {% endif %}
                                                        <tr>
                                                            <td width="30%">{{ "Status"|trans }}</td>
                                                            <td>
                                                                <span class="badge badge-{{ eventDate.stringifyStatusClass }}">{{ eventDate.stringifyStatus|trans }}</span>
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td>{{ "Reference"|trans }}</td>
                                                            <td>{{ eventDate.reference }}</td>
                                                        </tr>
                                                        {% if eventDate.venue %}
                                                            <tr>
                                                                <td width="50%">{{ "Venue"|trans }}</td>
                                                                <td>{{ eventDate.venue.name }}</td>
                                                            </tr>
                                                            <tr>
                                                                <td>{{ "Address"|trans }}</td>
                                                                <td>{{ eventDate.venue.stringifyAddress }}</td>
                                                            </tr>
                                                        {% else %}
                                                            <tr>
                                                                <td width="50%">{{ "Where"|trans }}</td>
                                                                <td>{{ "Online"|trans }}</td>
                                                            </tr>
                                                        {% endif %}
                                                        <tr>
                                                            <td>{{ "Tickets types"|trans }}</td>
                                                            <td>{{ eventDate.tickets|length }}</td>
                                                        </tr>
                                                        {% if eventDate.startdate|length %}
                                                            <tr>
                                                                <td>{{ "Start date"|trans }}</td>
                                                                <td>{{ eventDate.startdate|localizeddate('none', 'none', app.request.locale, date_timezone, date_format)}}</td>
                                                            </tr>
                                                        {% endif %}
                                                        {% if eventDate.enddate|length %}
                                                            <tr>
                                                                <td>{{ "End date"|trans }}</td>
                                                                <td>{{ eventDate.enddate|localizeddate('none', 'none', app.request.locale, date_timezone, date_format)}}</td>
                                                            </tr>
                                                        {% endif %}
                                                        {% if eventDate.scanners|length %}
                                                            <tr>
                                                                <td>{{ "Scanners"|trans }}</td>
                                                                <td>{{ eventDate.displayScannersNames }}</td>
                                                            </tr>
                                                        {% endif %}
                                                        {% if eventDate.pointofsales|length %}
                                                            <tr>
                                                                <td>{{ "Point of sales"|trans }}</td>
                                                                <td>{{ eventDate.displayPosNames }}</td>
                                                            </tr>
                                                        {% endif %}
                                                    </tbody>
                                                </table>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="mt-3">
                                {% include "Dashboard/Shared/Venue/SeatingPlans/seating-plan-seats.html.twig" with {seatingPlan: eventDate.seatingPlan} %}
                            </div>

                            {% include "Dashboard/Shared/Venue/SeatingPlans/seating-plan-sections-modals.html.twig" with {seatingPlan: eventDate.seatingPlan, eventDate: eventDate, disallowSeatsSelection: true} %}

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
{% endblock %}