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

{% block body %}
    <div class="container">
        <table class="table" id="banner-table">
            <thead>
            <th>
                Id
            </th>
            <th>
                Image
            </th>
            <th>
                Tag
            </th>
            <th>
                Actions
            </th>
            </thead>
            <tbody>
            {% for banner in banners %}
                <tr>
                    <td>
                        {{ banner.id }}
                    </td>
                    <td>
                        {% if banner.fileName is not null %}
                            <img src="{{ asset('uploads/mains/' ~ banner.fileName) }}" width="200px">
                        {% endif %}
                    </td>
                    <td>
                        {{ banner.tag }}
                    </td>
                    <td>
                        <a class="btn btn-info" href="{{ path('upload-banner', {id: banner.id }) }}">Edit</a>
                        <a class="btn btn-danger" href="{{ path('delete_banner', { id: banner.id }) }}">Delete</a>
                    </td>
                </tr>
            {% endfor %}
            </tbody>
        </table>
        <a class="btn btn-dark" href={{ path('upload-banner') }}>Upload banner</a>
    </div>
{% endblock %}

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