{% load static %}
{% block snooze_modal %}

    <div class="modal fade" id="{{ modal_id }}" role="dialog">
        <div class="modal-dialog modal-dialog-centered">

            <div class="modal-content">
                <div class="modal-header">
                    <h6 class="modal-title"> {{ ttl_snooze }} </h6>
                    <button type="button" class="btn-close size-10" data-bs-dismiss="modal"></button>
                </div>
                <div class="modal-body">

                    <div class="d-flex align-items-center">
                        <input id="snoozeHour" type="number" class="form-control grey-text size-13 tc-width-60" value=0 min=0 max=23>
                        <label class="form-label grey-text size-13 px-2"> {{ dsm_hour }} </label>
                        <input id="snoozeMinutes" type="number" class="form-control grey-text size-13 tc-width-60" value=30 min=0 max=59>
                        <label class="form-label grey-text size-13 px-2"> {{ dsm_minutes }} </label>
                    </div>

                </div>
                <div class="modal-footer d-flex justify-content-start">
                    <button id="{{ btn_id }}" type="button" class="plain-btn px-3" data-bs-dismiss="modal"> {{ ins_set }} </button>
                </div>
            </div>
        </div>
    </div>

{% endblock %}