<script setup lang="ts">
const config = useRuntimeConfig()
</script>

<template>
  <div>
    <header class="site-header">
      <div class="container header-inner">
        <NuxtLink to="/" class="brand">
          <span class="brand-mark">✚</span>
          <span>
            <span class="brand-title">{{ config.public.siteName }}</span>
            <span class="brand-subtitle">راهنمای داروخانه‌های ایران</span>
          </span>
        </NuxtLink>

        <nav class="nav">
          <NuxtLink to="/">خانه</NuxtLink>
          <NuxtLink to="/#pharmacies">داروخانه‌ها</NuxtLink>
          <NuxtLink to="/introduce-pharmacy">معرفی داروخانه</NuxtLink>
        </nav>

        <div class="header-actions">
          <NuxtLink class="primary-btn" to="/introduce-pharmacy">ثبت داروخانه</NuxtLink>
        </div>
      </div>
    </header>

    <main>
      <slot />
    </main>

    <footer class="footer">
      <div class="container footer-inner">
        <div><strong>{{ config.public.siteName }}</strong>؛ شروع MVP معرفی داروخانه‌ها</div>
        <div>ساخته شده با Nuxt SSR + Laravel API + Filament</div>
      </div>
    </footer>
  </div>
</template>
