@php
/**
 * Live password checklist - the rules the validator enforces, one row each, ticked as the
 * visitor types (app.js: [data-pw-rules]). Replaces the old one-sentence hint so the
 * conditions are visible AND their state is, instead of a sentence the visitor has to parse.
 *
 * @var string $for   id of the password input this list watches
 * @var int    $min   minimum length (mirrors Validator::password's $minLen)
 * @var bool   $full  true = also uppercase / number / symbol (Validator::password); false = length only
 * @var string $id    element id, so an input's aria-describedby can keep pointing at the rules
 */
$for  = (string) ($for ?? 'password');
$min  = (int) ($min ?? 12);
$full = $full ?? true;
$id   = (string) ($id ?? ($for . '-hint'));
@endphp
<ul class="qm-pw-rules" id="{{ $id }}" data-pw-rules="{{ $for }}" data-pw-min="{{ $min }}" aria-label="{{ t_raw('auth.pw_rules_aria') }}">
    <li data-pw-rule="length"><i class="fas fa-check" aria-hidden="true"></i><span>{{ t_raw('auth.pw_rule_length', [':n' => $min]) }}</span></li>
@if ($full)
    <li data-pw-rule="upper"><i class="fas fa-check" aria-hidden="true"></i><span>{{ t_raw('auth.pw_rule_upper') }}</span></li>
    <li data-pw-rule="number"><i class="fas fa-check" aria-hidden="true"></i><span>{{ t_raw('auth.pw_rule_number') }}</span></li>
    <li data-pw-rule="symbol"><i class="fas fa-check" aria-hidden="true"></i><span>{{ t_raw('auth.pw_rule_symbol') }}</span></li>
    @php // Not a condition to satisfy - an alert: hidden until the field contains a space, then red with an X.
@endphp
    <li data-pw-rule="space" data-pw-alert hidden><i class="fas fa-times" aria-hidden="true"></i><span>{{ t_raw('auth.pw_rule_space') }}</span></li>
@endif
</ul>