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

{% block title %}Compétences disponibles{% endblock %}

{% block body %}
    <h1 class="mb-4">📘 Liste des compétences</h1>

    <table class="table table-striped table-bordered align-middle">
        <thead class="table-dark">
        <tr>
            <th>ID</th>
            <th>Nom</th>
            <th>Description</th>
            <th class="text-center">Actions</th>
        </tr>
        </thead>
        <tbody>
        {% for skill in skills %}
            <tr>
                <td>{{ skill.id }}</td>
                <td>{{ skill.Wording }}</td>
                <td>{{ skill.Description }}</td>
                <td class="text-center">
                    <a href="{{ path('app_skill_show', {'id': skill.id}) }}" class="btn btn-info btn-sm">👁️ Voir</a>
                    <a href="{{ path('app_skill_edit', {'id': skill.id}) }}" class="btn btn-warning btn-sm">✏️ Modifier</a>
                </td>
            </tr>
        {% else %}
            <tr>
                <td colspan="4" class="text-center text-muted">Aucune compétence enregistrée.</td>
            </tr>
        {% endfor %}
        </tbody>
    </table>

    <a href="{{ path('app_skill_new') }}" class="btn btn-success mt-3">➕ Ajouter une compétence</a>
{% endblock %}