{% comment %}
Data-reset selection modal (superuser). Shown after the password prompt; its list
is populated by data_reset.js from the preview endpoint. DSRP-1: no inline JS.
{% endcomment %}
<div class="modal fade" id="dluxDataResetModal" tabindex="-1" aria-hidden="true"
     aria-labelledby="dluxDataResetTitle" data-data-reset-modal>
    <div class="modal-dialog modal-dialog-centered modal-lg modal-dialog-scrollable">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="dluxDataResetTitle">{{ DLUX_STRINGS.data_reset_title|default:'Reset data' }}</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-danger d-flex align-items-start gap-2" role="alert" data-autoclose="false">
                    <i class="bi bi-exclamation-octagon-fill flex-shrink-0 mt-1"></i>
                    <span>{{ DLUX_STRINGS.data_reset_warning|default:'Scoped models are soft-deleted (recoverable); everything else is permanently removed. Superusers and system settings are never touched.' }}</span>
                </div>
                <div class="d-flex flex-wrap align-items-center gap-2 mb-3">
                    <button type="button" class="btn btn-sm btn-outline-secondary" data-data-reset-select-all>{{ DLUX_STRINGS.data_reset_select_all|default:'Select all' }}</button>
                    <button type="button" class="btn btn-sm btn-outline-secondary" data-data-reset-select-none>{{ DLUX_STRINGS.data_reset_select_none|default:'Clear selection' }}</button>
                    <div class="form-check form-switch ms-auto mb-0">
                        <input class="form-check-input" type="checkbox" role="switch" id="dluxDataResetMedia" data-data-reset-media>
                        <label class="form-check-label" for="dluxDataResetMedia">{{ DLUX_STRINGS.data_reset_delete_media|default:'Also delete related media files' }}</label>
                    </div>
                </div>
                <div class="form-check form-switch mb-3">
                    <input class="form-check-input" type="checkbox" role="switch" id="dluxDataResetPermanent" data-data-reset-permanent>
                    <label class="form-check-label fw-semibold text-danger" for="dluxDataResetPermanent">{{ DLUX_STRINGS.data_reset_mode_permanent|default:'Delete permanently instead of soft-deleting' }}</label>
                </div>
                <div class="alert alert-danger d-none" role="alert" data-autoclose="false" data-data-reset-permanent-panel>
                    <div class="d-flex align-items-start gap-2">
                        <i class="bi bi-fire flex-shrink-0 mt-1"></i>
                        <span>{{ DLUX_STRINGS.data_reset_permanent_warning|default:'Permanent mode removes every selected row for good — including rows already soft-deleted earlier — and cannot be undone. Related lines are removed with their parent record.' }}</span>
                    </div>
                    <label class="form-label small fw-semibold mt-3 mb-1" for="dluxDataResetConfirm" data-data-reset-confirm-label></label>
                    <input type="text" class="form-control" id="dluxDataResetConfirm" autocomplete="off"
                           spellcheck="false" dir="auto" data-data-reset-confirm
                           data-confirm-word="{{ DLUX_STRINGS.data_reset_confirm_word|default:'DELETE' }}"
                           data-confirm-template="{{ DLUX_STRINGS.data_reset_confirm_label|default:'Type {word} to confirm' }}">
                </div>
                <div class="dlux-data-reset-list" data-data-reset-list></div>
                <div class="mt-3 d-none" data-data-reset-result aria-live="polite"></div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">{{ DLUX_STRINGS.cancel|default:'Cancel' }}</button>
                <button type="button" class="btn btn-danger" data-data-reset-execute disabled>
                    <i class="bi bi-trash3-fill me-1"></i>{{ DLUX_STRINGS.data_reset_execute|default:'Reset selected data' }}
                </button>
            </div>
        </div>
    </div>
</div>