{% load static %}
{% block onboarding_incident_created %}

    <div class="modal fade" id="modalOnbIncidentCreated" role="dialog" data-bs-backdrop="static" data-bs-keyboard="false">
        <div class="modal-dialog modal-dialog-centered modal-lg modal-dialog-scrollable">
            <div class="modal-content tc-height-perc-80">
                <div class="modal-header px-3 mx-0 no-border">
                    <button id="btnOnbIncidentCreatedClose" type="button" class="btn-close btn-close-white size-12"></button>
                </div>

                <div class="modal-body">
                    <div class="row mx-0 px-2">
                        <div class="col-md-7">
                            <img class="img-responsive w-100" src="https://taskcallapp.com/images/info-site/collages/CollageIncidentsAndNotifications.png" alt="Mobile App">
                        </div>
                        <div class="col-md-5 grey-text size-13 bold-600">
                            <label class="d-block py-2">
                                {{ onb_incident_created_critical }}
                            </label>
                            <label class="d-block py-2">
                                <strong> {{ det_email_and_push_notifications }} </strong> {{ onb_incident_notf_ext_one }}
                            </label>
                            <label class="d-block py-2">
                                <strong>{{ det_sms_notification }}</strong> {{ onb_incident_notf_ext_two }}
                            </label>
                            <label class="d-block py-2">
                                <strong> {{ det_voice_call_notification }} </strong> {{ onb_incident_notf_ext_three }}
                                <i class="size-10">({{ onb_incident_notf_ext_regulations }})</i>
                            </label>
                            <label class="d-block py-2">
                                {{ onb_incident_respond_by_sms_and_voice_call }}
                            </label>
                            <div class="justify-content-center py-4">
                                <button id="btnOnbIncidentCreatedGotIt" class="btn purple-btn size-14 px-4 py-2 mb-1" type="button"> {{ ins_got_it }} </button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

{% endblock %}