import React from 'react';
import { Routes, Route, BrowserRouter } from 'react-router-dom';
import Index from './pages/Index';
import MainLayout from './pages/MainLayout';
import HomePage from './pages/HomePage';
import MoviesPage from './pages/MoviesPage';
import TvShowsPage from './pages/TvShowsPage';
import SearchPage from './pages/SearchPage';
import MovieDetailPage from './pages/MovieDetailPage';
import TvShowDetailPage from './pages/TvShowDetailPage';
import MoviePlayerPage from './pages/MoviePlayerPage';
import TvShowPlayerPage from './pages/TvShowPlayerPage';
import ProfilePage from './pages/ProfilePage';
import MyListPage from './pages/MyListPage';
import NotFound from './pages/NotFound';

function App() {
  return (
    <BrowserRouter>
    <Routes>
      <Route path="/" element={<Index />} />
      
      <Route path="/" element={<MainLayout />}>
        <Route path="/home" element={<HomePage />} />
        <Route path="/movies" element={<MoviesPage />} />
        <Route path="/tv-shows" element={<TvShowsPage />} />
        <Route path="/search" element={<SearchPage />} />
        <Route path="/movie/:title" element={<MovieDetailPage />} />
        <Route path="/tv-show/:title" element={<TvShowDetailPage />} />
        <Route path="/profile" element={<ProfilePage />} />
        <Route path="/my-list" element={<MyListPage />} />
        <Route path="*" element={<NotFound />} />
      </Route>
      
      {/* Full-Screen Pages */}
      <Route path="/movie/:title/watch" element={<MoviePlayerPage />} />
      <Route path="/tv-show/:title/watch" element={<TvShowPlayerPage />} />
    </Routes>
    </BrowserRouter>
  );
}

export default App;