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

{% block body %}
    <div class="container">
        <table class="table" id="url-table">
            <thead>
            <th>
                Id
            </th>
            <th>
                Video
            </th>
            <th>
                Product
            </th>
            <th>
                Actions
            </th>
            </thead>
            <tbody>
            {% for url in urls %}
                <tr>
                    <td>
                        {{ url.id }}
                    </td>
                    <td>
                        {{ url.url }}
                    </td>
                    <td>
                        {{ url.product.name }}
                    </td>
                    <td>
                        <a class="btn btn-danger" href="{{ path('url_delete', { id: url.id }) }}">Delete</a>
                    </td>
                </tr>
            {% endfor %}
            </tbody>
        </table>
        <a class="btn btn-dark" href={{ path('url_new') }}>Create url</a>
    </div>
{% endblock %}

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