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

{% block title %}Administration > Événement > Configurer{% endblock %}

{% block content %}

    <nav class="breadcrumb has-arrow-separator" aria-label="breadcrumbs">
      <ul>
        <li><a href="{{ path('app_main') }}">Accueil</a></li>
        <li><a href="{{ path('app_admin') }}">Administration</a></li>
        <li><a href="{{ path('app_admin_event') }}">Gestion des événements</a></li>
        <li class="is-active"><a>Configuration</a></li>
      </ul>
    </nav>

    <div class="box has-text-centered">
      <strong class="has-text-primary">{{ event.name }}</strong> du {{ event.startOn|date('d/m/Y H:i', app_timezone) }} au {{ event.endOn|date('d/m/Y H:i', app_timezone) }}
    </div>

    <div class="tabs is-boxed">
        <ul>
            <li><a href="{{ path('app_admin_event_config', {'id': event.id}) }}">Accueil</a></li>
            <li><a href="{{ path('app_admin_event_config_space', {'id': event.id}) }}">Espaces</a></li>
            <li><a href="{{ path('app_admin_event_config_period', {'id': event.id}) }}">Périodes</a></li>
            <li><a href="{{ path('app_admin_event_config_slot', {'id': event.id}) }}">Slots</a></li>
            <li><a href="{{ path('app_admin_event_config_gamemaster', {'id': event.id}) }}">Meneur(euse)s de jeu</a></li>
            <li><a href="{{ path('app_admin_event_config_game', {'id': event.id}) }}">Jeux</a></li>
            <li class="is-active"><a>Parties</a></li>
        </ul>
    </div>

    <div id="tabs-content">

    {% if event.getGameAssigned|length < 1 %}
            <article class="message is-danger">
              <div class="message-header">
                <p>Aucun jeu de rôle assigné</p>
              </div>
              <div class="message-body">
                  La liste des jeux de rôle doit être déterminée pour enregistrer des parties sur le planning de cet événement.
              </div>
          </article>
    {% else %}
        <div id="planning">
          {{ component('Planning', {event: event, pathEmptySlot: 'app_main', pathFullSlot: 'app_main'}) }}
        </div>
    {% endif %}

    </div>

{% endblock %}