import { Routes, Route } from 'react-router-dom';

// 레이아웃
import { Layout } from '@/components/mobile';

// 페이지
import Home from '@/pages/mobile/home/Home';
import Members from '@/pages/mobile/members/Members';
import MembersPreview from '@/pages/mobile/members/MembersPreview';
import Schedule from '@/pages/mobile/schedule/Schedule';
import ScheduleDetail from '@/pages/mobile/schedule/ScheduleDetail';
import Album from '@/pages/mobile/album/Album';
import AlbumDetail from '@/pages/mobile/album/AlbumDetail';
import TrackDetail from '@/pages/mobile/album/TrackDetail';
import AlbumGallery from '@/pages/mobile/album/AlbumGallery';
import NotFound from '@/pages/mobile/common/NotFound';

/**
 * Mobile 라우트
 */
export default function MobileRoutes() {
  return (
    <Routes>
      <Route
        path="/"
        element={
          <Layout>
            <Home />
          </Layout>
        }
      />
      <Route
        path="/members"
        element={
          <Layout pageTitle="멤버" noShadow>
            <Members />
          </Layout>
        }
      />
      <Route
        path="/members-preview"
        element={
          <Layout pageTitle="디자인 비교" noShadow>
            <MembersPreview />
          </Layout>
        }
      />
      <Route
        path="/schedule"
        element={
          <Layout pageTitle="일정" useCustomLayout>
            <Schedule />
          </Layout>
        }
      />
      <Route path="/schedule/:id" element={<ScheduleDetail />} />
      <Route
        path="/album"
        element={
          <Layout pageTitle="앨범">
            <Album />
          </Layout>
        }
      />
      <Route
        path="/album/:name"
        element={
          <Layout pageTitle="앨범" showBack>
            <AlbumDetail />
          </Layout>
        }
      />
      <Route
        path="/album/:name/track/:trackTitle"
        element={
          <Layout pageTitle="앨범" showBack>
            <TrackDetail />
          </Layout>
        }
      />
      <Route
        path="/album/:name/gallery"
        element={
          <Layout pageTitle="컨셉 포토" showBack>
            <AlbumGallery />
          </Layout>
        }
      />
      <Route path="*" element={<NotFound />} />
    </Routes>
  );
}
