{# templates/admin/fields/show_attachments.html.twig #}
{% extends '@SonataAdmin/CRUD/base_show_field.html.twig' %}

{% block field %}
    {% if object.attachments is empty %}
        <span class="text-muted"><i class="fa fa-exclamation-triangle"></i> No files attached to this exam paper record.</span>
    {% else %}
        <div class="row">
            <div class="col-xs-12">
                <table class="table table-bordered table-striped table-hover">
                    <thead>
                        <tr style="background-color: #f4f4f4;">
                            <th style="width: 10px">#</th>
                            <th>Document Label</th>
                            <th style="width: 120px; text-align: center;">Actions</th>
                        </tr>
                    </thead>
                    <tbody>
                        {% for index, attachment in object.attachments %}
                            <tr>
                                <td>{{ index + 1 }}</td>
                                <td>
                                    <i class="fa fa-file-pdf-o text-danger" style="margin-right: 5px;"></i> 
                                    <strong>{{ attachment.label|default('Unnamed Material') }}</strong>
                                </td>
                                <td style="text-align: center;">
                                    {# Assumes files are located in your public/uploads/exam_papers path #}
                                    <a href="{{ asset('uploads/exam_papers/' ~ attachment.filePath) }}" 
                                       target="_blank" 
                                       class="btn btn-xs btn-primary" 
                                       title="View file in browser">
                                        <i class="fa fa-eye"></i> View PDF
                                    </a>
                                </td>
                            </tr>
                        {% endfor %}
                    </tbody>
                </table>
            </div>
        </div>
    {% endif %}
{% endblock %}