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

{% block title %}{{ entityParam.name is defined ? entityParam.name : entityName }}{% endblock %}

{% block body %}
    <p>
        <a class="btn btn-outline-info" href="{{ path('admin_crud_add', {entityName: entityName}) }}">
            Ajouter
        </a>
    </p>

    <h1>Liste : {{ entityParam.name is defined ? entityParam.name : entityName }}</h1>

    {% if entities|length %}
        <table id="crud-table" class="data-table" style="width:100%">
            <thead>
                <tr>
                    <th>Name</th>
                    {% for prop in entityPropertyList %}
                        {% if 'name' != prop %}
                            <th>{{ prop }}</th>
                        {% endif %}
                    {% endfor %}
                    <th></th>
                </tr>
            </thead>
            <tbody>
            {% for entity in entities %}
                <tr id="person{{ entity.id }}">
                    <td>
                        {% if entityName == 'person'%}
                            <span
                                class="btn btn-warning btn-xs transform-company"
                                data-name="{{ entity.name }}"
                                data-id="{{ entity.id }}">
                                >company<
                            </span>
                        {% endif %}

                        <a href="{{ path('admin_crud_edit', {entityName: entityName, id: entity.id}) }}">
                            {{ entity.name }}
                        </a>
                    </td>
                    {% for prop in entityPropertyList %}
                        {% if 'name' != prop %}
                            <td>{{ entity.__getString(prop) }}</td>
                        {% endif %}
                    {% endfor %}
                    <td>
                        <a href="{{ path('admin_crud_delete', {entityName: entityName, id: entity.id}) }}"
                            class="delete_entity"
                            data-name="{{ entity.name }}">
                            delete
                        </a>
                    </td>
                </tr>
            {% endfor %}
            </tbody>
        </table>
    {% else %}
        Aucun élément à afficher
    {% endif %}
{% 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;
            });

            {% if entityName == 'person'%}

                function transformCompany() {
                    $('.transform-company').unbind('click').click(function (e) {
                        e.preventDefault();

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

                        if (!confirm('Transformer '+name+' en company ?')) {
                            return;
                        }

                        $.post('/admin/person/to/company/'+id, {}, function(json) {
                            if (json.success) {
                                $('#person'+id).remove();
                            } else {
                                alert('impossible de transformer '+name+' en company : '+json.error);
                            }
                        }, 'json');
                    });
                }

                transformCompany();
                dataTable.on('draw', transformCompany);
            {% endif %}
        });
    </script>
{% endblock %}