{% extends 'base_admin.html.twig' %}

{% block title %}Destination index{% endblock %}

{% block body %}
    <h1 style="color: red">Destination index</h1>

    <table class="table">
        <thead>
        <tr>
            <th>Order</th>
            <th>City</th>
            <th>Region</th>
            <th></th>
        </tr>
        </thead>
        <tbody>
        {% for destination in destinations %}
            <tr>
                <td>{{ destination.sortOrder }}</td>
                <td>{{ destination.city }}</td>
                <td>{{ destination.region }}</td>
                <td><a class="btn btn-outline-danger" href="{{ path('admin_destination_edit', {'id': destination.id}) }}">Edit</a></td>
            </tr>
        {% endfor %}
        </tbody>
    </table>
    <hr>
    <a class="btn btn-info" href="{{ path('admin_destination_new') }}">New</a>
{% endblock %}
{% block datatable %}
    <script>
        $(document).ready(function () {
            $('.table').DataTable({
                'pageLength': 50,
                "order": [[0, 'asc']],
                "paging": false,
                "searching": false,
                "bInfo": false
            });
        });
    </script>
{% endblock datatable %}