{% extends '@Salaire/salaire/layout.html.twig' %}
{% block salary_title %}Nouvelle période{% endblock %}
{% block salary_content %}
{% set month_names=['','Janvier','Février','Mars','Avril','Mai','Juin','Juillet','Août','Septembre','Octobre','Novembre','Décembre'] %}
<header class="salary-heading capsule-heading"><div class="capsule-heading-content"><h1 class="capsule-heading-title">Nouvelle période mensuelle</h1><p class="capsule-heading-subtitle">Une seule période est autorisée par société et par mois.</p></div></header>
<form method="post" class="salary-form"><input type="hidden" name="_token" value="{{ csrf_token('salary_period_new') }}"><section class="salary-card"><div class="salary-card-title"><div><h2><span class="salary-section-icon"><i class="ti ti-calendar-plus"></i></span>Période à créer</h2><p>Les fiches peuvent être générées immédiatement depuis les profils actifs.</p></div></div>{% for error in errors %}<div class="alert alert-danger">{{ error }}</div>{% endfor %}<div class="row g-3"><div class="col-md-6"><label class="form-label" for="period-month">Mois *</label><select id="period-month" class="form-select" name="period[month]">{% for month in 1..12 %}<option value="{{ month }}" {{ data.month == month ? 'selected' }}>{{ month_names[month] }}</option>{% endfor %}</select></div><div class="col-md-6"><label class="form-label" for="period-year">Année *</label><input id="period-year" type="number" class="form-control" name="period[year]" value="{{ data.year }}" min="2000" max="2200" required></div><div class="col-12"><label class="form-check"><input class="form-check-input" type="checkbox" name="period[generateRecords]" value="1" {{ data.generateRecords ? 'checked' }}><span class="form-check-label">Générer immédiatement les fiches depuis les profils actifs</span></label></div></div></section><div class="salary-actions"><a class="capsule-button capsule-button--secondary" href="{{ path('salaire_period_index') }}">Annuler</a><button class="capsule-button capsule-button--primary">Créer la période</button></div></form>
{% endblock %}