{% extends 'base.html.twig' %}
{% block title %}SDD & DSCO{% endblock %}
{% block body %}
<div class="card">
    <h1>SDD &amp; DSCO</h1>
    <p style="color:var(--muted);margin-top:4px">
        Désignez les personnes ayant la qualité de <strong>SDD</strong> (secrétaire de département) ou de
        <strong>DSCO</strong>. Seules les personnes désignées ici seront proposées lors des rattachements
        aux sites (SDD) et aux établissements (DSCO).
    </p>
</div>

<form method="post" action="{{ path('admin_qualifications_save') }}">
    <input type="hidden" name="_token" value="{{ csrf_token('qualifications_save') }}">

    <div class="card">
        <h2 style="font-size:1rem;margin-bottom:8px;color:var(--blue)">Les SDD</h2>
        <select name="sdd[]" multiple class="js-multiselect"
                data-placeholder="Nom ou prénom…" data-empty-label="Aucun SDD désigné.">
            {% for key, label in people %}
                <option value="{{ key }}" {{ key in sddKeys ? 'selected' : '' }}>{{ label }}</option>
            {% endfor %}
        </select>
    </div>

    <div class="card">
        <h2 style="font-size:1rem;margin-bottom:8px;color:var(--blue)">Les DSCO</h2>
        <select name="dsco[]" multiple class="js-multiselect"
                data-placeholder="Nom ou prénom…" data-empty-label="Aucun DSCO désigné.">
            {% for key, label in people %}
                <option value="{{ key }}" {{ key in dscoKeys ? 'selected' : '' }}>{{ label }}</option>
            {% endfor %}
        </select>
        <div class="actions" style="margin-top:16px">
            <button type="submit" class="btn">Enregistrer</button>
        </div>
    </div>
</form>
{% endblock %}