{% comment %}
Global confirm-password prompt (admin-modal styling). One instance lives in
base.html for authenticated users; drive it from anywhere with
window.dluxConfirmPassword({ title, description, confirmLabel, requirePassword,
danger, onConfirm }). All copy is set per-call by confirm_password.js — the
strings here are only fallbacks. DSRP-1: no inline JS; JS reads/writes via data-*.
{% endcomment %}
<div class="modal fade dlux-confirm-modal" id="dluxConfirmModal" tabindex="-1" aria-hidden="true"
     aria-labelledby="dluxConfirmTitle" data-dlux-confirm-modal>
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="dluxConfirmTitle" data-dlux-confirm-title>{{ DLUX_STRINGS.modal_confirm_title|default:'Please confirm' }}</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="{{ DLUX_STRINGS.btn_close|default:'Close' }}"></button>
            </div>
            <div class="modal-body">
                <div class="alert alert-warning d-flex align-items-start gap-2 mb-3" role="alert" data-autoclose="false" data-dlux-confirm-alert>
                    <i class="bi bi-exclamation-triangle-fill flex-shrink-0 mt-1" data-dlux-confirm-icon></i>
                    <span data-dlux-confirm-description>{{ DLUX_STRINGS.modal_confirm_msg|default:'Are you sure?' }}</span>
                </div>
                <div class="d-none" data-dlux-confirm-password-wrap>
                    <label for="dluxConfirmPasswordInput" class="form-label">{{ DLUX_STRINGS.current_password|default:'Current password' }}</label>
                    <input type="password"
                           class="form-control"
                           id="dluxConfirmPasswordInput"
                           autocomplete="current-password"
                           data-1p-ignore data-lpignore="true"
                           data-dlux-confirm-password
                           data-required-msg="{{ DLUX_STRINGS.current_password_required|default:'Please enter your current password.' }}">
                    <div class="form-text">{{ DLUX_STRINGS.current_password_prompt|default:'Enter your current password to confirm.' }}</div>
                </div>
                <div class="text-danger small mt-2 d-none" data-dlux-confirm-error aria-live="polite"></div>
                <div class="text-success small mt-2 d-none" data-dlux-confirm-success aria-live="polite"></div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal" data-dlux-confirm-cancel>{{ DLUX_STRINGS.cancel|default:'Cancel' }}</button>
                <button type="button" class="btn btn-primary" data-dlux-confirm-submit>{{ DLUX_STRINGS.confirm|default:'Confirm' }}</button>
            </div>
        </div>
    </div>
</div>