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

{% block title %}Factory Email Attachments | {{ parent() }}{% endblock %}

{% block body %}
    {# @var files \Knp\Component\Pager\Pagination\PaginatorInterface #}
    <h1><a href="{{ path('factory_settings') }}">Factory Settings</a> > Factory Email Attachments</h1>
    <hr>
    <form method="GET">
        <div class="form-row align-items-center">
            <div class="col-auto">
                <a href="{{ path('factory_new_email_attachments') }}" class="btn btn-primary">Add New Attachments</a>
            </div>
        </div>
    </form>
    <hr>
    <h5>{{ files.getTotalItemCount }} Files Found</h5>
    <div class="navigation">
        {{ knp_pagination_render(files) }}
    </div>
    <table class="table table-hover table-striped">
        <thead>
        <tr>
            <th>{{ knp_pagination_sortable(files, 'Name', 'file.name') }}</th>
            <th></th>
            <th>{{ knp_pagination_sortable(files, 'Date', 'file.uploadedAt') }}</th>
            <th>{{ knp_pagination_sortable(files, 'Size', 'file.size') }}</th>
        </tr>
        </thead>
        <tbody>
        {% for file in files %}
            {# @var file \App\Entity\File #}
            <tr>
                <td>
                    <a href="{{ path('factory_edit_email_attachment', { 'id' : file.id }) }}">
                        {{ file.name }}
                    </a>
                </td>
                <td>
                    <a href="{{ asset(file.href) }}" target="_blank">
                        {% if file.hasThumbnail %}
                            <img src="{{ asset(file.thumbnailHref) }}" class="img-fluid">
                        {% else %}
                            Link
                        {% endif %}
                    </a>
                </td>
                <td>{{ file.uploadedAt|date('m/d/Y') }}</td>
                <td>{{ file.formattedSize }}</td>
            </tr>
        {% endfor %}
        </tbody>
    </table>
    <h5>{{ files.getTotalItemCount }} Files Found</h5>
    <div class="navigation">
        {{ knp_pagination_render(files) }}
    </div>

{% endblock %}