{% extends '@App/app.html.twig' %}
{% block title %}{{ policy.nom }}{% endblock %}
{% block content %}
<div class="data-page">
    <form method="post">
        <input type="hidden" name="_token" value="{{ csrf_token('leave_policy_edit_' ~ policy.id) }}">
        <div class="data-page__header">
            <div>
                <nav class="data-breadcrumb"><span>Congés</span><i class="ti ti-chevron-right" aria-hidden="true"></i><span>Paramètres</span><i class="ti ti-chevron-right" aria-hidden="true"></i><span>Politiques</span><i class="ti ti-chevron-right" aria-hidden="true"></i><strong>{{ policy.nom }}</strong></nav>
                <h1>{{ policy.nom }}</h1>
            </div>
            <div class="data-page__actions">
                <a class="data-button data-button--secondary" href="{{ path('app_leave_settings_policies') }}"><i class="ti ti-arrow-back-up" aria-hidden="true"></i>Restaurer défaut</a>
                <button class="data-button data-button--primary" type="submit"><i class="ti ti-device-floppy" aria-hidden="true"></i>Enregistrer</button>
            </div>
        </div>

        {% include '@Leave/leave/settings/_settings_nav.html.twig' with {active: 'policies'} %}
        <section class="settings-note settings-note--blue">
            <i class="ti ti-info-circle" aria-hidden="true"></i>
            <span><strong>Paramètres propres à la société</strong><br>Ces paramètres sont propres à la société courante. Les modifications s'appliquent à tous les salariés rattachés à cette politique.</span>
        </section>

        <section class="settings-panel">
            <div class="settings-panel__header">
                <div class="settings-panel__title">
                    <span class="settings-panel__icon settings-panel__icon--blue"><i class="ti ti-info-circle" aria-hidden="true"></i></span>
                    <div><h2>Informations générales</h2><span>Identification et statut de la politique</span></div>
                </div>
            </div>
            <div class="settings-form">
                <div class="settings-form__grid">
                    <label class="settings-field"><span>Nom de la politique *</span><input class="form-control" name="nom" value="{{ policy.nom }}" required></label>
                    <label class="settings-field"><span>Société</span><input class="form-control" value="{{ policy.societe }}" disabled></label>
                    <label class="settings-field settings-field--full"><span>Description</span><textarea class="form-control" name="description" rows="3">{{ policy.description }}</textarea></label>
                </div>
                <div class="settings-switch-row">
                    <label class="settings-toggle"><input type="checkbox" disabled {{ policy.defaultPolicy ? 'checked' : '' }}> Politique par défaut</label>
                    <label class="settings-toggle"><input type="checkbox" disabled {{ policy.actif ? 'checked' : '' }}> Active</label>
                </div>
            </div>
        </section>

        <section class="settings-panel">
            <div class="settings-panel__header">
                <div class="settings-panel__title">
                    <span class="settings-panel__icon settings-panel__icon--purple"><i class="ti ti-calendar-stats" aria-hidden="true"></i></span>
                    <div><h2>Décompte des jours</h2><span>Mode de calcul de la durée des absences</span></div>
                </div>
            </div>
            <div class="settings-form">
                <div class="settings-form__grid">
                    <label class="settings-field"><span>Mode de décompte *</span><select class="form-select" name="workingDayMode"><option value="jours_ouvres" {{ policy.workingDayMode == 'jours_ouvres' ? 'selected' : '' }}>Jours ouvrés</option><option value="jours_ouvrables" {{ policy.workingDayMode == 'jours_ouvrables' ? 'selected' : '' }}>Jours ouvrables</option></select></label>
                    <label class="settings-field"><span>Arrondi</span><select class="form-select" name="roundingMode"><option value="nearest_half" {{ policy.roundingMode == 'nearest_half' ? 'selected' : '' }}>Demi-journée proche</option><option value="ceil_half" {{ policy.roundingMode == 'ceil_half' ? 'selected' : '' }}>Demi-journée supérieure</option><option value="none" {{ policy.roundingMode == 'none' ? 'selected' : '' }}>Aucun arrondi</option></select></label>
                    <div class="settings-field settings-field--full">
                        <span>Jours de week-end comptabilisés</span>
                        <div class="settings-chip-list">
                            {% for day, label in {1: 'L', 2: 'Ma', 3: 'Me', 4: 'J', 5: 'V', 6: 'S', 7: 'D'} %}
                                <label class="settings-chip"><input type="checkbox" name="weekendDays[]" value="{{ day }}" {{ day in policy.weekendDays ? 'checked' : '' }}> {{ label }}</label>
                            {% endfor %}
                        </div>
                    </div>
                </div>
                <div class="settings-switch-row">
                    <label class="settings-toggle"><input type="checkbox" name="excludePublicHolidays" {{ policy.excludePublicHolidays ? 'checked' : '' }}> Exclure les jours fériés chômés</label>
                    <label class="settings-toggle"><input type="checkbox" name="allowHalfDay" {{ policy.allowHalfDay ? 'checked' : '' }}> Autoriser les demi-journées</label>
                    <label class="settings-toggle"><input type="checkbox" name="allowHourly" {{ policy.allowHourly ? 'checked' : '' }}> Autoriser les heures</label>
                </div>
            </div>
        </section>

        <section class="settings-panel">
            <div class="settings-panel__header">
                <div class="settings-panel__title">
                    <span class="settings-panel__icon settings-panel__icon--green"><i class="ti ti-chart-line" aria-hidden="true"></i></span>
                    <div><h2>Acquisition</h2><span>Règles d'acquisition des droits à congés</span></div>
                </div>
            </div>
            <div class="settings-form">
                <div class="settings-form__grid">
                    <label class="settings-field"><span>Mode d'acquisition</span><select class="form-select" name="acquisitionMode"><option value="monthly" {{ policy.acquisitionMode == 'monthly' ? 'selected' : '' }}>Mensuelle</option><option value="annual" {{ policy.acquisitionMode == 'annual' ? 'selected' : '' }}>Annuelle</option></select></label>
                    <label class="settings-field"><span>Jour d'acquisition mensuelle</span><select class="form-select" name="monthlyAccrualDay"><option value="31">Dernier jour du mois</option><option value="1" {{ policy.monthlyAccrualDay == 1 ? 'selected' : '' }}>Premier jour du mois</option></select></label>
                    <label class="settings-field"><span>Congés payés acquis / mois</span><input class="form-control" type="number" step="0.01" name="paidLeaveAccrualRate" value="{{ policy.paidLeaveAccrualRate }}"></label>
                    <label class="settings-field"><span>RTT acquis / mois</span><input class="form-control" type="number" step="0.01" name="rttAccrualRate" value="{{ policy.rttAccrualRate }}"></label>
                </div>
                <span class="settings-note settings-note--warning"><i class="ti ti-bulb" aria-hidden="true"></i> Avec {{ policy.paidLeaveAccrualRate|number_format(2, ',', ' ') }} jours/mois, un salarié acquiert environ {{ (policy.paidLeaveAccrualRate * 12)|number_format(0, ',', ' ') }} jours de congés payés sur 12 mois.</span>
            </div>
        </section>

        <section class="settings-panel">
            <div class="settings-panel__header">
                <div class="settings-panel__title">
                    <span class="settings-panel__icon settings-panel__icon--orange"><i class="ti ti-checks" aria-hidden="true"></i></span>
                    <div><h2>Validation</h2><span>Workflow d'approbation des demandes</span></div>
                </div>
            </div>
            <div class="settings-form">
                <div class="settings-option-grid">
                    <label class="settings-option"><input type="radio" name="approvalWorkflow" value="manager" {{ policy.approvalWorkflow == 'manager' ? 'checked' : '' }}><span><strong>Manager</strong></span></label>
                    <label class="settings-option"><input type="radio" name="approvalWorkflow" value="rh" {{ policy.approvalWorkflow == 'rh' ? 'checked' : '' }}><span><strong>RH</strong></span></label>
                    <label class="settings-option"><input type="radio" name="approvalWorkflow" value="manager_rh" {{ policy.approvalWorkflow == 'manager_rh' ? 'checked' : '' }}><span><strong>Double</strong></span></label>
                </div>
            </div>
        </section>
    </form>
</div>
{% endblock %}