<div class="loading-overlay hidden">
  <div class="text-center">
    <div class="spinner-border text-light mb-3" role="status">
      <span class="sr-only">Loading…</span>
    </div>
    <h4>[*waiting overlay]0</h4>
    <p>[*waiting overlay]1</p>
  </div>
</div>
<script>
function showOverlay() {
  const overlay = document.querySelector('.loading-overlay');
  if (overlay) {
    overlay.classList.remove('hidden');
  }
}
function hideOverlay() {
  const overlay = document.querySelector('.loading-overlay');
  if (overlay) {
    overlay.classList.add('hidden');
  }
}
document.addEventListener('DOMContentLoaded', function() {
  hideOverlay();
});
</script>
