<template>
  <main id="page-content" class="d-flex nm-aic nm-vh-md-100">
    <!-- Router View for Auth Pages -->
    <router-view />

    <!-- Non-form side (Background Image) -->
    <div id="non-form-side" class="col-lg-6 col-xl-6 d-none d-lg-flex nm-aic nm-vh-100">
      <div class="overlay"></div>
    </div>
  </main>
</template>

<script setup>
import { onMounted } from 'vue'

onMounted(() => {
  // Hide preloader after component mounts
  setTimeout(() => {
    const preloader = document.getElementById('nm-preloader')
    if (preloader) {
      preloader.style.display = 'none'
    }
  }, 500)
})
</script>

<style scoped>
/* Component-specific styles if needed */
</style>