{{-- one field of the setup page (setup/page.blade.php): label, input, hint, and its refusal under it. a password-type
     field is never filled back (the controller passes an empty value for every secret). --}}
@php
    $mzError = $problems[$field] ?? null;
    $mzType = $type ?? 'text';
    $mzDescribed = trim((isset($hint) ? 'mz-' . $field . '-hint ' : '') . 'mz-' . $field . '-error');
@endphp
<div class="mz-field">
    <label class="mz-label" for="mz-{{ $field }}">{{ $label }}</label>
    <input class="mz-input @if ($ltr ?? false) mz-input--ltr @endif @if ($short ?? false) mz-input--short @endif" id="mz-{{ $field }}" name="{{ $field }}"
           type="{{ $mzType }}" @if ($ltr ?? false) dir="ltr" @endif @if ($numeric ?? false) inputmode="numeric" @endif spellcheck="false"
           @if ($mzType === 'password') autocomplete="new-password" @else value="{{ $value }}" @endif
           aria-describedby="{{ $mzDescribed }}" @if ($mzError) aria-invalid="true" @endif>
    @isset($hint)
        <span class="mz-hint" id="mz-{{ $field }}-hint">{{ $hint }}</span>
    @endisset
    <p class="mz-error" id="mz-{{ $field }}-error" role="alert">{{ $mzError }}</p>
</div>