<div class="modal fade" id="confirm-public-metric-modal" data-bs-backdrop="static" tabindex="-1" role="dialog"
    aria-labelledby="confirm-public-metric" aria-hidden="true">
    <div class="modal-dialog " role="document" style="min-height: calc(100% - 3.5rem);">
        <div class="modal-content custom-rounded-edges">
            <div class="modal-header">
                <h4 class="modal-title" id="confirm-public-metricLabel">Confirmation</h4>
            </div>
            <div class="modal-body">
                <p>Note: If you opt to make this Metric public, both the metric itself and its drill-down/details data
                    will be accessible to any user, regardless of whether they are logged into the system. This option
                    is particularly suited for showcasing the Metric externally or embedding it on a web page. Are you
                    certain this aligns with your intentions?</p>
                <div class="text-center" style="text-align:center!important">
                    <button type="button" class="btn btn-danger" id="saveBtn-confirm-public-metric"
                        style="outline: none;margin: 5px 3px;padding: 10px 50px;">
                        Yes
                    </button>
                    <button type="button" class="btn btn-light" data-dismiss="modal"
                        id="cancelBtn-confirm-public-metric" style="outline: none;margin: 5px 3px;padding: 10px 50px;">
                        No
                    </button>
                </div>

            </div>
        </div>
    </div>
</div>