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

{% block title %}Votre demande{% endblock %}

{% block content %}

    <div class="block">
        <div class="content">
        <p>Ce formulaire vous permet de demander une partie particulière. Votre demande sera traitée par les gestionnaires qui vous proposeront des horaires sur l'événements selon les disponibilités du(e la) meneur(euse) de jeu. Vous recevrez un mail avec la proposition de partie. Si vous êtes accompagné, merci de l'indiquer dès maintenant dans le message (nombre d'accompagnant(e)s, précisions particulières sur vos disponibilités..).</p>
        <ol>
            <li>Choisissez votre jeu</li>
            <li>Choisissez votre MJ</li>
            <li>Ajoutez un message</li>
        </ol>
        </div>
    </div>

    {{ form_errors(form) }}
    {{ form_start(form, {action: path(pathController, {id: event.getId}), attr: {'data-turbo-frame': 'modal-content'}}) }}

    <div id="game-controller" class="field" {{ stimulus_controller('partyrequest_selector') }}>
        <label class="label">Jeu de rôle</label>
        <select id="party_game" name="party_game" class="input">
            <option value=""></option>
            {% for game in event.gameAssigned %}
            <option value="{{ game.id }}" data-gamemasters="{{ game.gamemasters|map(gm => gm.getId)|join('|')}}">{{ game.getName() }}</option> 
            {% endfor %}
        </select>
    </div>

    <div id="gamemaster-controller" class="field">
        <label class="label">Meneur(euse) de jeu</label>
        <select id="party_gamemaster" name="party_gamemaster" class="input">
            <option value=""></option>
            {% for gamemaster in event.gamemastersAssigned %}
            <option value="{{ gamemaster.id }}" disabled>{{ gamemaster.getPreferedName() }} </option> 
            {% endfor %}
        </select>
    </div>

    {{ form_row(form.message) }}

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

    {{ form_end(form) }}

{% endblock %}
