{% extends '@App/app.html.twig' %}

{% block title %}Règles de conformité{% endblock %}
{% block page_header %}{% endblock %}

{% block content %}
<div class="data-page planning-config-page">
    <nav class="data-breadcrumb" aria-label="Fil d'Ariane">
        <a href="{{ path('planning_index') }}">Plannings</a>
        <i class="ti ti-chevron-right" aria-hidden="true"></i>
        <a href="{{ path('planning_settings_index') }}">Paramètres</a>
        <i class="ti ti-chevron-right" aria-hidden="true"></i>
        <strong>Règles</strong>
    </nav>

    <header class="planning-settings-header">
        <div>
            <h1>Règles de conformité</h1>
            <p>Configuration des alertes et contraintes légales du planning.</p>
        </div>
        <div class="planning-settings-header__actions">
            <a class="data-button data-button--secondary" href="{{ path('planning_settings_index') }}">Retour</a>
            <a class="data-button data-button--primary" href="{{ path('planning_settings_rule_new') }}"><i class="ti ti-plus" aria-hidden="true"></i>Nouvelle règle</a>
        </div>
    </header>

    <section class="planning-config-note planning-config-note--info">
        Ces règles sont configurables par société. Elles servent à détecter les anomalies avant publication du planning.
    </section>

    <div class="planning-config-layout planning-config-layout--wide">
        <main class="planning-config-main">
            <section class="planning-config-card planning-config-card--flush">
                <table class="planning-settings-table">
                    <thead>
                        <tr>
                            <th>Règle</th>
                            <th>Type</th>
                            <th>Valeur</th>
                            <th>Sévérité</th>
                            <th>Activée</th>
                            <th>Actions</th>
                        </tr>
                    </thead>
                    <tbody>
                    {% for rule in rules %}
                        <tr>
                            <td>
                                <strong>{{ rule.nom }}</strong>
                                <span>{{ rule.code }}</span>
                            </td>
                            <td>{{ rule_types[rule.ruleType]|default(rule.ruleType) }}</td>
                            <td>{{ rule.value ?: 'actif' }}{% if rule.unit %} <span>{{ rule.unit }}</span>{% endif %}</td>
                            <td><span class="planning-pill planning-pill--{{ rule.severity == 'blocking' ? 'danger' : 'warning' }}">{{ rule.severity == 'blocking' ? 'Bloquant' : 'Avertissement' }}</span></td>
                            <td>
                                <form method="post" action="{{ path(rule.enabled ? 'planning_settings_rule_disable' : 'planning_settings_rule_enable', {id: rule.id}) }}">
                                    <input type="hidden" name="_token" value="{{ csrf_token((rule.enabled ? 'planning_rule_disable_' : 'planning_rule_enable_') ~ rule.id) }}">
                                    <button class="planning-switch planning-switch--button" type="submit" aria-label="{{ rule.enabled ? 'Désactiver' : 'Activer' }} {{ rule.nom }}"><input type="checkbox" tabindex="-1" {{ rule.enabled ? 'checked' : '' }}><span></span></button>
                                </form>
                            </td>
                            <td>
                                <a class="planning-settings-table__icon" href="{{ path('planning_settings_rule_edit', {id: rule.id}) }}" aria-label="Modifier {{ rule.nom }}"><i class="ti ti-pencil" aria-hidden="true"></i></a>
                            </td>
                        </tr>
                    {% else %}
                        <tr><td colspan="6">Aucune règle configurée.</td></tr>
                    {% endfor %}
                    </tbody>
                </table>
            </section>
        </main>
        <aside class="planning-config-aside">
            <form method="post" class="planning-config-card">
                <input type="hidden" name="_token" value="{{ csrf_token('planning_settings_compliance') }}">
                <h2>Mode de conformité</h2>
                <p>Définissez comment le système réagit aux violations des règles lors de la création d'un planning.</p>
                {% for value, label in {disabled: 'Désactivé', warning: 'Avertissement', blocking: 'Bloquant'} %}
                    <label class="planning-option">
                        <input type="radio" name="complianceMode" value="{{ value }}" {{ settings.complianceMode == value ? 'checked' : '' }}>
                        <span><strong>{{ label }}</strong><small>{{ value == 'disabled' ? 'Aucune détection automatique.' : (value == 'warning' ? 'Affiche des alertes mais permet la sauvegarde.' : 'Empêche la validation si une erreur est présente.') }}</small></span>
                    </label>
                {% endfor %}
                <button class="data-button data-button--primary" type="submit">Enregistrer les réglages</button>
            </form>
            <section class="planning-config-card planning-config-card--dark">
                <h2><i class="ti ti-shield" aria-hidden="true"></i>Expertise RH</h2>
                <p>Consultez le guide de conformité pour adapter les règles à votre convention collective.</p>
            </section>
        </aside>
    </div>
</div>
{% endblock %}