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

{% block title %}Ajouter une partie{% endblock %}

{% block content %}

    

    {{ form_errors(form) }}
    {{ form_start(form) }}

    <div id="gamemaster-controller" class="field" {{ stimulus_controller('party_selector') }}>
        <label class="label">Meneur(euse) de jeu</label>
        <select id="party_gamemaster" name="party_gamemaster" class="input">
            <option value=""></option>
            {% for gamemaster in gamemasters %}
            <option value="{{ gamemaster.id }}" data-games="{{ gamemaster.getGamesCanMaster|map(game => game.getId)|join('|') }}">{{ gamemaster.getPreferedName()|capitalize }}</option> 
            {% endfor %}
        </select>
    </div>

    <div id="game-controller" class="field">
        <label class="label">Jeu de rôle</label>
        <select id="party_game" name="party_game" class="input">
            <option value=""></option>
            {% for game in games %}
            <option value="{{ game.id }}" disabled>{{ game.getName() }}</option> 
            {% endfor %}
        </select>
    </div>
    
    <div class="field">
        {{ form_widget(form.gamemasterIsAuthor) }}
        {{ form_label(form.gamemasterIsAuthor) }}
        {{ form_help(form.gamemasterIsAuthor) }}
    </div>
    {{ form_row(form.description) }}

    <div class="box">
        <div class="columns">
            <div class="column">
                {{ form_row(form.minParticipants) }}
            </div>
            <div class="column">
                {{ form_row(form.maxParticipants) }}
            </div>
        </div>
    </div>

    <div class="box">
         <div class="columns">
            <div class="column">
                <div class="field">
                    <label class="label">Horaire de début</label>
                    <select id="party_start_slot" name="party_start_slot" class="input">
                        <option value="{{ slotStart.id }}">{{ slotStart.startOn|date('d/m/Y H:i', app_timezone) }}</option>
                    </select>
                </div>
            </div>
            <div class="column">
                <div class="field">
                    <label class="label">Horaire de fin</label>
                    <select id="party_slots" name="party_slots" class="input">
                    {% set SlotC = [] %}
                    {% for slot in slotsAvailables %}
                        {% set SlotC = SlotC|merge([slot.id]) %}
                        <option value="{{ SlotC|join("|") }}">{{ slot.endOn|date('d/m/Y H:i', app_timezone) }}</option>
                    {% endfor %}
                    </select>
                </div>
            </div>
        </div>       
    </div>

    {{ form_widget(form) }}
    
    <div class="control">
        <button class="button is-primary" type="submit">Envoyer</button>
    </div>

    {{ form_end(form) }}

{% endblock %}