{% extends 'admin/base_admin.html.twig' %}
{% block title %}Réalisations{% endblock %}
{% block breadcrumb %}Réalisations{% endblock %}
{% block content %}
    <div class="head-row">
        <div><h1 class="page-title" style="font-size:26px">Réalisations</h1><p class="page-sub">{{ realisations|length }} projet(s) · glissez les lignes pour réordonner</p></div>
        <a class="btn btn--primary" href="{{ path('admin_realisation_new') }}">+ Nouvelle réalisation</a>
    </div>
    <div class="card table-wrap"><div class="table-scroll">
        <table class="data">
            <thead><tr><th style="width:28px"></th><th>VISUEL</th><th>TITRE</th><th>SECTEUR</th><th>ACTIVE</th><th style="text-align:right">ACTIONS</th></tr></thead>
            <tbody id="realisation-rows" data-reorder="{{ path('admin_realisation_reorder') }}">
            {% for r in realisations %}
                {% set shot = r.screenshot %}
                {% set shotUrl = shot ? (shot.webpPath ? '/uploads/' ~ shot.webpPath : '/uploads/' ~ shot.path) : '' %}
                <tr draggable="true" data-id="{{ r.id }}">
                    <td style="cursor:grab;color:var(--muted);text-align:center" title="Glisser">⠿</td>
                    <td>{% if shotUrl %}<img src="{{ shotUrl }}" alt="" style="width:56px;height:38px;object-fit:cover;border-radius:6px;display:block">{% else %}<span style="color:var(--muted);font-size:11px">—</span>{% endif %}</td>
                    <td style="font-weight:600">{{ r.title }}</td>
                    <td style="color:var(--muted)">{{ r.category ?? '—' }}</td>
                    <td><span class="st-badge {{ r.active ? 'st-published' : 'st-draft' }}"><span></span>{{ r.active ? 'Oui' : 'Non' }}</span></td>
                    <td style="text-align:right;white-space:nowrap">
                        <a class="pill-btn" href="{{ path('admin_realisation_edit', {id: r.id}) }}">Éditer</a>
                        <form method="post" action="{{ path('admin_realisation_delete', {id: r.id}) }}" style="display:inline" onsubmit="return confirm('Supprimer ?')">
                            <input type="hidden" name="_token" value="{{ csrf_token('delete' ~ r.id) }}">
                            <button class="pill-btn" style="color:var(--red)">Suppr.</button>
                        </form>
                    </td>
                </tr>
            {% else %}<tr><td colspan="6" style="color:var(--muted)">Aucune réalisation.</td></tr>{% endfor %}
            </tbody>
        </table>
    </div></div>
{% endblock %}