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

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

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

    <div>
        {{ form_start(form) }}  


        {{ form_row(form.name) }}
        {{ form_row(form.description) }}
        {{ form_row(form.creationDate) }}
        
        <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.coverFile) }}
            </div>
            <div class="col-sm-5">
                {% if magazine.cover %}
                    {% include 'admin/_print.uploadedfile.html.twig' with {file: magazine.cover} %}
                {% endif %}
            </div>
        </div>

        {{ form_row(form.enregistrer) }}

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


    <h2>Parution</h2>
    {% if magazine.id %}
    <p>
        <a href="{{ path('admin_magazine_issue_add', {id: magazine.id}) }}" class="btn btn-outline-info">
            + Ajouter une parution
        </a>
    </p>
    {% endif %}

    <table id="magazine-number-table" class="data-table">
        <thead>
            <tr class="row-head">
                <th></th>
                <th></th>
                <th>Nom</th>
                <th>Date de sortie</th>
                <th>Numéro</th>
            </tr>
        </thead>

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

            <tr class="magazineNumberRow">
                <td>
                    <span class="loopindex">
                        {{ loop.index }}
                    </span>
                </td>
                <td>
                    <a href="{{ path('admin_magazine_issue_edit', {id: magazineNumber.id}) }}">Edit</a>
                    <a href="{{ path('admin_magazine_issue_delete', {id: magazineNumber.id}) }}"
                       class="delete_magazine_issue"
                       data-index="{{ loop.index }}"
                       data-name="{{ magazineNumber.name }}">
                        Delete
                    </a>
                </td>
                <td>{{ magazineNumber.name }}</td>
                <td>{{ magazineNumber.publicationDate|date('m/Y') }}</td>
                <td>{{ magazineNumber.issueNumber }}</td>
            </tr>
        {% endfor %}
        </tbody>
    </table>
{% endblock %}

{% block js %}
    <script>
        $(function() {
            
            $('#magazine-number-table').DataTable({pageLength: 50});

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

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

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

                if (confirm('Supprimer ' + name + ' ?')) {
                    document.location.href = $(this).attr('href');
                }
            });
        });
    </script>
{% endblock %}