{% extends 'base.html.twig' %}
{% block title %}Types d'entretien — Admin{% endblock %}
{% block content %}

<div class="d-flex flex-wrap justify-content-between align-items-start gap-3 mb-4">
    <div>
        <h1 class="h3 mb-0 fw-bold"><i class="fas fa-tags text-primary me-2"></i>Types d'entretien</h1>
        <p class="text-muted small mb-0 mt-1">{{ types|length }} type(s) de référence — utilisés dans les entretiens &amp; charges</p>
    </div>
    <a href="{{ path('app_admin_maintenance_type_new') }}" class="btn btn-primary">
        <i class="fas fa-plus me-2"></i>Nouveau type
    </a>
</div>

{% for msg in app.flashes('success') %}
    <div class="alert alert-success alert-dismissible fade show d-flex align-items-center gap-2">
        <i class="fas fa-check-circle"></i><span>{{ msg }}</span>
        <button type="button" class="btn-close ms-auto" data-bs-dismiss="alert"></button>
    </div>
{% endfor %}
{% for msg in app.flashes('error') %}
    <div class="alert alert-danger alert-dismissible fade show d-flex align-items-center gap-2">
        <i class="fas fa-exclamation-circle"></i><span>{{ msg }}</span>
        <button type="button" class="btn-close ms-auto" data-bs-dismiss="alert"></button>
    </div>
{% endfor %}

<div class="alert alert-info d-flex gap-2 align-items-start">
    <i class="fas fa-info-circle mt-1"></i>
    <div class="small">
        Le type <strong>Assurance</strong> active automatiquement un champ <em>Date d'expiration</em> dans le formulaire d'entretien, et met à jour la date d'expiration du véhicule.
    </div>
</div>

<div class="card border-0 shadow-sm">
    <div class="table-responsive">
        <table class="table table-hover align-middle mb-0">
            <thead class="table-light small text-uppercase text-muted">
                <tr>
                    <th>#</th>
                    <th>Libellé</th>
                    <th>Comportement spécial</th>
                    <th class="text-end">Actions</th>
                </tr>
            </thead>
            <tbody>
                {% for type in types %}
                <tr>
                    <td class="text-muted small">{{ type.id }}</td>
                    <td class="fw-semibold">
                        {% set lbl = type.label|lower %}
                        {% if lbl == 'assurance' %}
                            <span class="badge rounded-pill bg-danger me-2"><i class="fas fa-shield-alt"></i></span>
                        {% elseif lbl == 'vignette' %}
                            <span class="badge rounded-pill bg-warning text-dark me-2"><i class="fas fa-tag"></i></span>
                        {% elseif lbl in ['vidange', 'révision générale'] %}
                            <span class="badge rounded-pill bg-success me-2"><i class="fas fa-oil-can"></i></span>
                        {% elseif lbl == 'contrôle technique' %}
                            <span class="badge rounded-pill bg-info text-dark me-2"><i class="fas fa-clipboard-check"></i></span>
                        {% else %}
                            <span class="badge rounded-pill bg-primary me-2"><i class="fas fa-wrench"></i></span>
                        {% endif %}
                        {{ type.label }}
                    </td>
                    <td>
                        {% if type.label|lower == 'assurance' %}
                            <span class="badge bg-danger bg-opacity-10 text-danger border border-danger">
                                <i class="fas fa-calendar-times me-1"></i>Active le champ date d'expiration
                            </span>
                        {% else %}
                            <span class="text-muted small">—</span>
                        {% endif %}
                    </td>
                    <td class="text-end text-nowrap">
                        <a href="{{ path('app_admin_maintenance_type_edit', {id: type.id}) }}"
                           class="btn btn-sm btn-outline-primary" title="Modifier">
                            <i class="fas fa-edit"></i>
                        </a>
                        <form action="{{ path('app_admin_maintenance_type_delete', {id: type.id}) }}"
                              method="post" class="d-inline">
                            <input type="hidden" name="_token" value="{{ csrf_token('delete_maintenance_type_' ~ type.id) }}">
                            <button type="submit" class="btn btn-sm btn-outline-danger" title="Supprimer"
                                    onclick="return confirm('Supprimer ce type ?')">
                                <i class="fas fa-trash"></i>
                            </button>
                        </form>
                    </td>
                </tr>
                {% else %}
                <tr>
                    <td colspan="4" class="text-center py-5 text-muted">
                        <i class="fas fa-tags fa-2x mb-2 d-block opacity-25"></i>
                        Aucun type d'entretien défini.
                    </td>
                </tr>
                {% endfor %}
            </tbody>
        </table>
    </div>
</div>
{% endblock %}