{% extends 'admin/base.html.twig' %}

{% block title %}Thunder Video Game{% endblock %}

{% block body %}

    <h1>Liste de magazines</h1>

    <p class="float-left">
        <a class="btn btn-outline-info" href="{{ path('admin_magazine_add') }}">
            Ajouter
        </a>
    </p>
    <table id="magazine-table" class="data-table">
        <thead>
        <tr>
            <th>Name</th>
            <th>Parution</th>
        </tr>
        </thead>
        <tbody>
            {% for magazine in magazines %}
            <tr>
                <td>
                    <a href="{{ path('admin_magazine_edit', {id: magazine.id}) }}">
                        {{ magazine.name }}
                    </a>
                </td>
                <td>
                    {{ magazine.magazineNumber|length }}
                </td>
            </tr>
            {% endfor %}
        </tbody>
    </table>
{% endblock %}


{% block js %}
    <script>
        $(function() {
            let dataTable = $('#crud-table').DataTable({
                pageLength: 50
            });

            $('.delete_entity').click(function(e) {
                e.preventDefault();

                let $this = $(this),
                    name = $this.attr('data-name'),
                    href  = $this.attr('href');

                if (!confirm('Voulez-vous supprimer '+name+' ?')) {
                    return;
                }

                document.location.href = href;
            });

        });
    </script>
{% endblock %}