<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}" class="scroll-smooth">
    @include('partials.head')
    <body class="font-sans antialiased">
        <div class="flex flex-col min-h-screen bg-gray-100 dark:bg-neutral-900">
            @include('layouts.navigation')
            <!-- Page Content -->
            <main>
                <div class="pt-6 mt-[65px]">
                    <div class="flex flex-col xl:flex-row justify-center">
                        @if($episode->is_dvd_aspect)
                        <div class="pt-2 sm:px-2 lg:px-4 space-y-6 max-w-[100%] xl:max-w-[80%] 2xl:max-w-[58%]">
                        @else
                        <div class="pt-2 sm:px-2 lg:px-4 space-y-6 max-w-[100%] xl:max-w-[80%] 2xl:max-w-[70%]">
                        @endif
                            <!-- Player -->
                            @include('stream.partials.player')

                            @if($isMobile)
                            <div class="flex flex-col">
                                @include('stream.partials.playlist')
                            </div>
                            @endif

                            @include('admin.stream')
                            <!-- Infos -->
                            @include('stream.partials.info')
                            <!-- Comments -->
                            @include('stream.partials.comments')
                        </div>
                        <div class="flex flex-col">
                            @if(! $isMobile)
                            @include('stream.partials.playlist')
                            @endif

                            @include('stream.partials.more-episodes')
                            @include('stream.partials.more-studio')
                            @include('series.partials.popular')
                        </div>
                    </div>
                </div>
                <br>
                <!-- Modals -->
                @include('modals.download')
                @include('modals.add-to-playlist')
                @include('modals.share')

                @auth
                @if(Auth::user()->is_admin)
                @include('admin.modals.upload-episode')
                @include('admin.modals.add-subtitles')
                @include('admin.modals.edit-episode')
                @endif
                @endauth
                <!-- Player Script -->
                @vite(['resources/js/player.js'])
            </main>
            @include('layouts.footer')
        </div>
        @livewireScripts
    </body>
</html>
