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

{% block body %}
    <div class="container">
        <table class="table" id="manufacturing-table">
            <thead>
            <th>
                Id
            </th>
            <th>
                Name
            </th>
            <th>
                Description
            </th>
            <th>
                Header
            </th>
            <th>
                Main image
            </th>
            <th>
                Images
            </th>
            <th>
                Actions
            </th>
            </thead>
            <tbody>
            {% for manufacturing in manufacturings %}
                <tr>
                    <td>
                        {{ manufacturing.id }}
                    </td>
                    <td>
                        {{ manufacturing.title }}
                    </td>
                    <td>
                        {{ manufacturing.description }}
                    </td>
                    <td>
                        {{ manufacturing.header }}
                    </td>
                    <td>
                        {% if manufacturing.image is not null %}
                            <img src="{{ asset('uploads/images/') ~ manufacturing.image }}" style="width: 20%">
                        {% endif %}
                    </td>
                    <td>
                        {% for image in manufacturing.gifs %}
                            <img src="{{ asset('uploads/images/') ~ image.fileName }}" style="width: 20%">
                        {% endfor %}
                    </td>
                    <td>
                        <a class="btn btn-info" href="{{ path('manufacturing_images', {'id': manufacturing.id}) }}">Replace Images</a>
                        <a class="btn btn-info" href="{{ path('manufacturing_image', {'id': manufacturing.id}) }}">Replace Header</a>
                        <a class="btn btn-info" href="{{ path('manufacturing_texts', {'id': manufacturing.id}) }}">Edit texts</a>
                        <a class="btn btn-danger" href="{{ path('manufacturing_delete', {'id': manufacturing.id}) }}">Delete</a>
                    </td>
                </tr>
            {% endfor %}
            </tbody>
        </table>
        <a class="btn btn-dark" href={{ path('manufacturing_create') }}>Create new</a>
    </div>
{% endblock %}

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