<div class="modal fade" id="confirm-public-chart-modal" data-bs-backdrop="static" tabindex="-1" role="dialog"
    aria-labelledby="confirm-public-chart" 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-chartLabel">Confirmation</h4>
            </div>
            <div class="modal-body">
                <p>Note: If you choose to make this chart public, it will be accessible to any user, even those not
                    logged into the system. This option is ideal for showcasing the chart externally or embedding it on
                    a web page. Are you sure that this is what you want to do?</p>
                <div class="text-center" style="text-align:center!important">
                    <button type="button" class="btn btn-danger" id="saveBtn-confirm-public-chart"
                        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-chart"
                        style="outline: none;margin: 5px 3px;padding: 10px 50px;">
                        No
                    </button>
                </div>

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