{# Champs du sourceur et de son contact. `values` : tableau des valeurs (ressaisie conservée après erreur). #}
{% set input = 'mt-1 block w-full rounded-md border border-gray-300 px-3 py-2 text-sm text-pepite-ink' %}
<fieldset class="rounded-md border border-gray-200 bg-white p-4">
    <legend class="px-1 font-structure text-sm font-semibold text-pepite-ink">Organisation</legend>
    <div class="grid gap-4 sm:grid-cols-2">
        <label class="text-xs text-pepite-ink/60">Nom <span class="text-red-600">*</span>
            <input type="text" name="name" value="{{ values.name }}" required maxlength="255" class="{{ input }}">
        </label>
        <label class="text-xs text-pepite-ink/60">Pays
            <input type="text" name="country" value="{{ values.country }}" maxlength="100" class="{{ input }}">
        </label>
        <label class="text-xs text-pepite-ink/60">Contact principal (libellé)
            <input type="text" name="contactName" value="{{ values.contactName }}" maxlength="255" class="{{ input }}">
        </label>
        <label class="text-xs text-pepite-ink/60 sm:col-span-2">Notes internes (jamais visibles du sourceur)
            <textarea name="notes" rows="3" class="{{ input }}">{{ values.notes }}</textarea>
        </label>
    </div>
</fieldset>

<fieldset class="mt-4 rounded-md border border-gray-200 bg-white p-4">
    <legend class="px-1 font-structure text-sm font-semibold text-pepite-ink">Compte de connexion</legend>
    <div class="grid gap-4 sm:grid-cols-2">
        <label class="text-xs text-pepite-ink/60">Prénom <span class="text-red-600">*</span>
            <input type="text" name="firstName" value="{{ values.firstName }}" required maxlength="255" class="{{ input }}">
        </label>
        <label class="text-xs text-pepite-ink/60">Nom <span class="text-red-600">*</span>
            <input type="text" name="lastName" value="{{ values.lastName }}" required maxlength="255" class="{{ input }}">
        </label>
        <label class="text-xs text-pepite-ink/60">Email <span class="text-red-600">*</span>
            <input type="email" name="email" value="{{ values.email }}" required maxlength="180" class="{{ input }}">
        </label>
        <label class="text-xs text-pepite-ink/60">Langue de l'interface
            <select name="locale" class="{{ input }}">
                {% for locale in locales %}
                    <option value="{{ locale }}" {{ values.locale == locale ? 'selected' : '' }}>{{ ('lang.' ~ locale)|trans }}</option>
                {% endfor %}
            </select>
        </label>
        <label class="text-xs text-pepite-ink/60 sm:col-span-2">{{ password_label }}
            <input type="text" name="password" value="" autocomplete="off" minlength="8" class="{{ input }}" {{ password_required ? 'required' : '' }}>
            <span class="mt-1 block text-[11px] text-pepite-ink/40">Au moins 8 caractères. À transmettre au sourceur par un canal séparé ; jamais réaffiché ici.</span>
        </label>
    </div>
</fieldset>