{% include 'admin_menu.html.twig' %}

{% block body %}
    <div class="container">
        <table class="table" id="translation-table">
            <thead>
            <th>
                Id
            </th>
            <th>
                LT
            </th>
            <th>
                EN
            </th>
            <th>
                Actions
            </th>
            </thead>
            <tbody>
            {% for translation in translations %}
                <tr>
                    <td>
                        {{ translation.id }}
                    </td>
                    <td>
                        {{ translation.lt }}
                    </td>
                    <td>
                        {{ translation.en }}
                    </td>
                    <td>
                        <a class="btn btn-info" href="{{ path('translation_edit', { id: translation.id }) }}">Edit</a>
                        <a class="btn btn-danger" href="{{ path('translation_delete', { id: translation.id }) }}">Delete</a>
                    </td>
                </tr>
            {% endfor %}
            </tbody>
        </table>
        <a class="btn btn-dark" href={{ path('translation_new') }}>Create translation</a>
    </div>
{% endblock %}

{% block javascripts %}
    <script>
        $(document).ready(function() {
            $('#translation-table').DataTable();
        });
    </script>
{% endblock %}