{% extends 'admin/admin.html.twig' %}

{% block title %}Photo de profil{% endblock %}

{% block titrepage %}
    Photo de profil
{% endblock %}

{% block body %}
<div class="row">
    <div class="col-md-4 mb-4">
        <a href="{{ path('admin.photo.new') }}" class="btn btn-outline-primary">Nouvelle photo</a>
    </div>
</div>
<div class="card shadow mb-4">
    <div class="card-body">
        <div class="table-responsive">

            <table class="table table-bordered" id="dataTable">
                <thead>
                <tr>
                    <th>Photo</th>
                    <th>Utilisateur</th>
                    <th style="width: 200px">Actions</th>
                </tr>
                </thead>
                <tbody>
                {% for photo in photos %}
                    <tr>
                        <td><img src="/images/profil/{{ photo.image }}" alt="" width="100"></td>
                        <td>{{ photo.user.username }}</td>
                        <td>
                            <div class="d-flex gap-1">
                                <a href="{{ path('admin.photo.edit', {id: photo.id}) }}"
                                   class="btn btn-outline-primary btn-sm">Editer</a>
                                {% if is_granted('ROLE_ADMIN') %}
                                <form action="{{ path('admin.photo.remove', {id: photo.id}) }}"
                                      method="post">
                                    <input type="hidden" name="_method" value="DELETE">
                                    <button type="submit" class="btn btn-danger btn-sm">Supprimer</button>
                                </form>
                                {% endif %}
                            </div>
                        </td>
                    </tr>
                {% endfor %}
                </tbody>
            </table>
        </div>
    </div>
{% endblock %}