plateforme-tfjm2/draw/templates/draw/tournament_content.html

{% load i18n %}

<div  id="banner-not-started-{{ tournament.id }}" class="alert alert-warning{% if tournament.draw %} d-none{% endif %}">
    {% trans "The draw has not started yet." %}

    {% if user.registration.is_volunteer %}
        <form id="format-form-{{ tournament.id }}">
            <div class="col-md-3">
                <div class="input-group">
                    <label class="input-group-text" for="format-{{ tournament.id }}">
                        {% trans "Configuration:" %}
                    </label>
                    <input type="text" class="form-control" id="format-{{ tournament.id }}"
                           pattern="^[345](\+[345])*$"
                           placeholder="{{ tournament.best_format }}"
                           value="{{ tournament.best_format }}">
                    <button class="btn btn-success input-group-btn">{% trans "Start!" %}</button>
                </div>
            </div>
        </form>
    {% endif %}
</div>

<div id="draw-content-{{ tournament.id }}" class="{% if not tournament.draw %}d-none{% endif %}">
    <div class="container">
        <div class="card col-md-12">
            <div class="card-header">
                <h2>Last dices</h2>
            </div>
            <div class="card-body">
                <div class="row">
                    {% for participation in tournament.participations.all %}
                        <div class="col-md-1">
                            <div id="dice-{{ tournament.id }}-{{ participation.team.trigram }}"
                                 class="badge rounded-pill text-bg-{% if participation.teamdraw_set.all.first.current.last_dice %}success{% else %}warning{% endif %}"
                                 {% if request.user.registration.is_volunteer %}
                                 onclick="drawDice({{ tournament.id }}, '{{ participation.team.trigram }}')"
                                 {% endif %}>
                                {{ participation.team.trigram }} 🎲 {{ participation.teamdraw_set.all.first.current.last_dice|default:'??' }}
                            </div>
                        </div>
                    {% endfor %}
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-md-3">
                <div class="card">
                    <div class="card-header">
                        Recap
                    </div>
                    <div class="card-body">
                        <ul>
                            <li>
                                <strong>{% trans "Round 1" %}:</strong>
                                <ul>
                                    <li>
                                        <strong>Poule A</strong>
                                        <ul>
                                            <li>
                                                <div class="badge rounded-pill text-bg-warning">
                                                    MSR 📃 ?
                                                </div>
                                                <div class="badge rounded-pill text-bg-danger">
                                                    🗑️ 2, 3
                                                </div>
                                            </li>
                                            <li>
                                                <div class="badge rounded-pill text-bg-success">
                                                    PON 📃 4
                                                </div>
                                                <div class="badge rounded-pill text-bg-danger">
                                                    🗑️ 5, 6, 7, 8
                                                </div>
                                                <div class="badge rounded-pill text-bg-info">
                                                    ❌ 0.5
                                                </div>
                                            </li>
                                            <li>
                                                <div class="badge rounded-pill text-bg-success">
                                                    CMS 📃 1
                                                </div>
                                                <div class="badge rounded-pill text-bg-danger">
                                                    🗑️
                                                </div>
                                            </li>
                                        </ul>
                                    </li>
                                    <li>
                                        <strong>Poule B</strong>
                                        <ul>
                                            <li>
                                                <div class="badge rounded-pill text-bg-warning">
                                                    ANT 📃 ?
                                                </div>
                                                <div class="badge rounded-pill text-bg-danger">
                                                    🗑️
                                                </div>
                                            </li>
                                            <li>
                                                <div class="badge rounded-pill text-bg-success">
                                                    PBM 📃 ?
                                                </div>
                                                <div class="badge rounded-pill text-bg-danger">
                                                    🗑️
                                                </div>
                                            </li>
                                            <li>
                                                <div class="badge rounded-pill text-bg-success">
                                                    LHP 📃 ?
                                                </div>
                                                <div class="badge rounded-pill text-bg-danger">
                                                    🗑️
                                                </div>
                                            </li>
                                        </ul>
                                    </li>
                                    <li>
                                        <strong>Poule C</strong>
                                        <ul>
                                            <li>
                                                <div class="badge rounded-pill text-bg-warning">
                                                    GJS 📃 ?
                                                </div>
                                                <div class="badge rounded-pill text-bg-danger">
                                                    🗑️
                                                </div>
                                            </li>
                                            <li>
                                                <div class="badge rounded-pill text-bg-success">
                                                    DAT 📃 ?
                                                </div>
                                                <div class="badge rounded-pill text-bg-danger">
                                                    🗑️
                                                </div>
                                            </li>
                                            <li>
                                                <div class="badge rounded-pill text-bg-success">
                                                    LHM 📃 ?
                                                </div>
                                                <div class="badge rounded-pill text-bg-danger">
                                                    🗑️
                                                </div>
                                            </li>
                                        </ul>
                                    </li>
                                </ul>
                            </li>
                            <li><strong>{% trans "Round 2" %}:</strong></li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="col-md-9">
                <div class="card">
                    <div class="card-body">
                        <div id="messages-{{ tournament.id }}" class="alert alert-info">
                            {{ tournament.draw.information|safe }}
                        </div>

                        <div id="launch-dice-{{ tournament.id }}"
                                {% if tournament.draw.get_state != 'DICE_SELECT_POULES' %}{% if tournament.draw.get_state != 'DICE_ORDER_POULE' or user.registration.team.trigram not in tournament.draw.current_round.current_pool.trigrams %}class="d-none"{% endif %}{% endif %}>
                            <div class="text-center">
                                <button class="btn btn-lg" style="font-size: 100pt" onclick="drawDice({{ tournament.id }})">
                                    🎲
                                </button>
                            </div>
                            <h2 class="text-center">
                                {% trans "Launch dice" %}
                            </h2>
                        </div>

                        <div class="d-grid">
                            <div class="btn-group">
                                <button class="btn btn-success disabled">
                                    {% trans "Accept" %}
                                </button>
                                <button class="btn btn-danger disabled">
                                    {% trans "Decline" %}
                                </button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="row">
            <div class="card col-md-6">
                <div class="card-header">
                    <h2>
                        {% trans "Round 1" %}
                    </h2>
                </div>
                <div class="card-body">
                    <div class="card">
                        <div class="card-header">
                            <h3>
                                Poule A
                            </h3>
                        </div>
                        <div class="card-body">
                            <table class="table table-striped">
                                <thead>
                                    <tr>
                                        <th>Problem n°?</th>
                                        <th>Problem n°?</th>
                                        <th>Problem n°?</th>
                                    </tr>
                                </thead>
                                <tbody>
                                <tr>
                                    <td>???</td>
                                    <td>???</td>
                                    <td>???</td>
                                </tr>
                                <tr>
                                    <td>???</td>
                                    <td>???</td>
                                    <td>???</td>
                                </tr>
                                <tr>
                                    <td>???</td>
                                    <td>???</td>
                                    <td>???</td>
                                </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
            <div class="card col-md-6">
                <div class="card-header">
                    <h2>
                        {% trans "Round 2" %}
                    </h2>
                </div>
                <div class="card-body">
                    <div class="card">
                        <div class="card-header">
                            <h3>
                                Poule A
                            </h3>
                        </div>
                        <div class="card-body">
                            <table class="table table-striped">
                                <thead>
                                    <tr>
                                        <th>Problem n°?</th>
                                        <th>Problem n°?</th>
                                        <th>Problem n°?</th>
                                    </tr>
                                </thead>
                                <tbody>
                                <tr>
                                    <td>???</td>
                                    <td>???</td>
                                    <td>???</td>
                                </tr>
                                <tr>
                                    <td>???</td>
                                    <td>???</td>
                                    <td>???</td>
                                </tr>
                                <tr>
                                    <td>???</td>
                                    <td>???</td>
                                    <td>???</td>
                                </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>