{% extends 'common/list-base.html.twig' %}
{% block metaTitle %}Liste des précommandes{% endblock %}
{% block body %}
    {% include 'embed/breadcrumb/breadcrumb.html.twig' with {'items': {'home': {'active': false, 'path': 'homepage', 'label': 'Kollect'}, 'preorders': {'active': true, 'path': '', 'label': 'Précommandes'} }} %}
    <h1 class="mt-4">Liste des précommandes</h1>
    {% include 'embed/alerts/alerts.html.twig' %}
    {% set games = preorders.games %}
    {% set platforms = preorders.platforms %}
    {% set figurines = preorders.figurines %}
    {% set cds = preorders.cds %}
    <div class="row">
        <div class="col-xl-6">
            <div class="card mb-4">
                <div class="card-header">
                    <i class="fas fa-table me-1"></i>
                    Jeux
                </div>
                <div class="card-body">
                    <div class="table-responsive">
                        <table class="table table-bordered collection-table" id="games-preorder">
                            <thead>
                            <tr>
                                <th scope="col">Nom</th>
                                <th scope="col">Plateforme</th>
                                <th scope="col">Date de sortie</th>
                                <th scope="col">Prix</th>
                                <th scope="col">Actions</th>
                            </tr>
                            </thead>
                            <tbody>
                            {% for game in games %}
                                {% include 'embed/modal/confirm-deletion.html.twig' with {'link': path('delete_preorder', {id: game.id, type: 'game'}), 'name': game.name, 'title': 'du jeu en précommande', 'id': 'game-'~game.id} %}
                                <tr>
                                    <td><a href="{{ path('game_edit', {'id': game.id}) }}">{{ game.name }}</a></td>
                                    <td>{{ game.platform.name }}</td>
                                    <td>{{ game.releaseDate|date('d/m/Y') }}</td>
                                    <td>{{ game.price }} €</td>
                                    <td>
                                        <a href="{{ path('validate_preorder', {id: game.id, type: 'game'}) }}" title="Marquer comme reçu" class="icon-link">
                                            {% include 'embed/svg/valid.html.twig' %}
                                        </a>
                                        <a data-toggle="modal" data-target="#delete-game-{{ game.id }}" title="Suppression de la précommande" class="icon-link">
                                            {% include 'embed/svg/delete.html.twig' %}
                                        </a>
                                    </td>
                                </tr>
                            {% endfor %}
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-xl-6">
            <div class="card mb-4">
                <div class="card-header">
                    <i class="fas fa-table me-1"></i>
                    Consoles
                </div>
                <div class="card-body">
                    <div class="table-responsive">
                        <table class="table table-bordered collection-table" id="platforms-preorder">
                            <thead>
                            <tr>
                                <th scope="col">Nom</th>
                                <th scope="col">Date de sortie</th>
                                <th scope="col">Prix</th>
                                <th scope="col">Actions</th>
                            </tr>
                            </thead>
                            <tbody>
                            {% for platform in platforms %}
                                {% include 'embed/modal/confirm-deletion.html.twig' with {'link': path('delete_preorder', {id: platform.id, type: 'platform'}), 'name': platform.name, 'title': 'de la console en précommande', 'id': 'platform-'~platfoem.id} %}

                                <tr>
                                    <td><a href="{{ path('platform_edit', {'id': platform.id}) }}">{{ platform.name }}</a></td>
                                    <td>{{ platform.releaseDate|date('d/m/Y') }}</td>
                                    <td>{{ platform.price }} €</td>
                                    <td>
                                        <a href="{{ path('validate_preorder', {id: platform.id, type: 'platform'}) }}" title="Marquer comme reçu" class="icon-link">
                                            {% include 'embed/svg/valid.html.twig' %}
                                        </a>
                                        <a data-toggle="modal" data-target="#delete-platform-{{ platform.id }}" title="Suppression de la précommande" class="icon-link">
                                            {% include 'embed/svg/delete.html.twig' %}
                                        </a>
                                    </td>
                                </tr>
                            {% endfor %}
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-xl-6">
            <div class="card mb-4">
                <div class="card-header">
                    <i class="fas fa-table me-1"></i>
                    Figurines
                </div>
                <div class="card-body">
                    <div class="table-responsive">
                        <table class="table table-bordered collection-table" id="figurines-preorder">
                            <thead>
                            <tr>
                                <th scope="col">Nom</th>
                                <th scope="col">Date de sortie</th>
                                <th scope="col">Prix</th>
                                <th scope="col">Actions</th>
                            </tr>
                            </thead>
                            <tbody>
                            {% for figurine in figurines %}
                                {% include 'embed/modal/confirm-deletion.html.twig' with {'link': path('delete_preorder', {id: figurine.id, type: 'figurine'}), 'name': figurine.name, 'title': 'de la figurine en précommande', 'id': 'figurine-'~figurine.id} %}
                                <tr>
                                    <td><a href="{{ path('figurine_edit', {'id': figurine.id}) }}">{{ figurine.name }}</a></td>
                                    <td>{{ figurine.releaseDate|date('d/m/Y') }}</td>
                                    <td>{{ figurine.price }} €</td>
                                    <td>
                                        <a href="{{ path('validate_preorder', {id: figurine.id, type: 'figurine'}) }}" title="Marquer comme reçu" class="icon-link">
                                            {% include 'embed/svg/valid.html.twig' %}
                                        </a>
                                        <a data-toggle="modal" data-target="#delete-figurine-{{ figurine.id }}" title="Suppression de la précommande" class="icon-link">
                                            {% include 'embed/svg/delete.html.twig' %}
                                        </a>
                                    </td>
                                </tr>
                            {% endfor %}
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-xl-6">
            <div class="card mb-4">
                <div class="card-header">
                    <i class="fas fa-table me-1"></i>
                    CDs
                </div>
                <div class="card-body">
                    <div class="table-responsive">
                        <table class="table table-bordered collection-table" id="cds-preorder">
                            <thead>
                            <tr>
                                <th scope="col">Nom</th>
                                <th scope="col">Artiste</th>
                                <th scope="col">Date de sortie</th>
                                <th scope="col">Prix</th>
                                <th scope="col">Action</th>
                            </tr>
                            </thead>
                            <tbody>
                            {% for cd in cds %}
                                {% include 'embed/modal/confirm-deletion.html.twig' with {'link':path('delete_preorder', {id: cd.id, type: 'cd'}), 'name': cd.name, 'title': 'du cd en précommande', 'id': 'cd-'~cd.id} %}

                                <tr>
                                    <td><a href="{{ path('cd_edit', {'id': cd.id}) }}">{{ cd.name }}</a></td>
                                    <td>{{ cd.artist.name }}</td>
                                    <td>{{ cd.releaseDate|date('d/m/Y') }}</td>
                                    <td>{{ cd.price }} €</td>
                                    <td>
                                        <a href="{{ path('validate_preorder', {id: cd.id, type: 'cd'}) }}" title="Marquer comme reçu" class="icon-link">
                                            {% include 'embed/svg/valid.html.twig' %}
                                        </a>
                                        <a data-toggle="modal" data-target="#delete-cd-{{ cd.id }}" title="Suppression de la précommande" class="icon-link">
                                            {% include 'embed/svg/delete.html.twig' %}
                                        </a>
                                    </td>
                                </tr>
                            {% endfor %}
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
{% endblock %}