{{ define "removeModal" }}
<link href="/static/css/pages/src-dst.css" rel="stylesheet">

<div class="modal" id="removeModal" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" role="dialog" aria-labelledby="removeModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered modal-max-content-size">
        <div class="modal-content">
            <div class="modal-header info-header justify-content-between">
                <span class="modal-title" id="removeModalLabel"><i class="icon-delete icon-white"></i> Confirm Delete {{ if eq .PageType "source" }}Source{{ else }}Destination{{ end }}s</span>
                <span class="btn btn-transparent" onclick="hideDialog('removeModal');"><i class="icon-close-header"></i></span>
            </div>
            <div class="modal-body">
                <p class="container-data">Are you sure you want to delete the selected {{ .PageType }}?</p>
            </div>
            <div class="modal-footer justify-content-between">
                <button class="btn btn-text btn-outline-secondary" tabindex="1" onclick="hideDialog('removeModal');">Cancel</button>
                <button class="btn btn-text" tabindex="0" onclick="removeLogicalEndRows({{ .PageType }})">Apply</button>
            </div>
        </div>
    </div>
</div>
{{ end }}