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

{% block title %}
    {% if magazineNumber.id %}
        {{magazineNumber.name}}
    {% else %}
        {{magazineNumber.magazine}}
    {% endif %}
{% endblock %}

{% block body %}
    {% if magazineNumber.id %}
        <h1>{{magazineNumber.name}}</h1>
    {% else %}
        <h1>{{magazineNumber.magazine}} nouvelle parution</h1>
    {% endif %}

    <div>
        {{ form_start(form) }}

        {{form_row(form.issueNumber) }}
        {{form_row(form.publicationDate) }}

        <div class="form-group row">
            <label class="col-form-label col-sm-2">Image de référence</label>
            <div class="col-sm-5">
                {{ form_widget(form.imageFile) }}
            </div>
            <div class="col-sm-5">
                {% if magazineNumber.image %}
                    {% include 'admin/_print.uploadedfile.html.twig' with {file: magazineNumber.image} %}
                {% endif %}
            </div>
        </div>

        {{ form_row(form.enregistrer) }}

        {{ form_end(form) }}
    </div>

    <h2>Page</h2>
    {% if magazineNumber.id %}
    <p>
        <a href="{{ path('admin_magazine_page_add', {id: magazineNumber.id}) }}" class="btn btn-outline-info">
            + Ajouter une page
        </a>
    </p>
    {% endif %}

    <table id="magazine-page-table" class="data-table">
        <thead>
            <tr class="row-head">
                <th></th>
                <th></th>
                <th>Page N°</th>
            </tr>
        </thead>

        <tbody>
        {% for pageNumber in magazineNumber.pageNumber %}

            <tr class="magazinePageRow">
                <td>
                    <span class="loopindex">
                        {{ loop.index }}
                    </span>
                </td>
                <td>
                    <a href="{{ path('admin_magazine_page_edit', {id: pageNumber.id}) }}">Edit</a>
                    <a href="{{ path('admin_magazine_page_delete', {id: pageNumber.id}) }}"
                       class="delete_magazine_page"
                       data-number="{{ pageNumber.pageNumber }}"
                       data-index="{{ loop.index }}">
                        Delete
                    </a>
                </td>
                <td>{{ pageNumber.pageNumber }}</td>
            </tr>
        {% endfor %}
        </tbody>
    </table>
{% endblock %}

{% block js %}
    <script>
        $(function() {
            $('select').select2();

            tinymce.init({
                selector: 'textarea.tinymce',
                plugins: 'advlist autolink lists link',
                toolbar_mode: 'default',
            });

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

                let numero = $(this).attr('data-number');

                if (confirm('Supprimer la page numéro ' + numero + ' ?')) {
                    document.location.href = $(this).attr('href');
                }
            });

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