@inherits LayoutComponentBase
@implements IDisposable

<div class="min-h-screen flex flex-col bg-gray-50 text-gray-900">
    <!-- Top 영역 -->
    @* <TopBanner /> *@
    @if(isAcademy)
    {
        <div class="flex flex-1 flex-col md:flex-row">
            @if (!isIntro && UserStateService.isLogin)
            {
                <div class="hidden md:block w-64 bg-white shadow-lg border-r border-gray-200 fixed top-0 bottom-0">
                    <LeftSideAcademy/>
                </div>
                <div class="flex flex-1 flex-col md:ml-64">
                    <div class="fixed top-0 right-0 md:left-64 left-0 z-10">
                        <TopNavAcademy/>
                    </div>
                    <div class="flex-1 mt-16">
                        @Body
                    </div>
                </div>
            }
            else
            {
                <main class="flex-1 w-full w-max-960 mx-auto">
                    @Body
                </main>
            }
        </div>
    }
    else 
    {
        @if (!isHidePrjTop)
        {
            <TopProjectNav />
        }   
        <!-- 본문 컨텐츠 -->
        <main class="flex-1 w-full w-max-960 mx-auto">
            @Body
        </main>
    }

    <!-- 플로팅 버튼 -->
    <FloatingButton />

    <!-- 하단 메뉴 -->
    <BottomNav />
    <Footer />

    @if (LoadingService.IsLoading)
    {
        <div class="fixed inset-0 bg-black/30 flex items-center justify-center z-50">
            <div class="bg-gray-200/60 px-6 py-4 rounded-lg">
                <div class="animate-spin h-8 w-8 border-4 border-gray-600 border-t-transparent rounded-full"></div>
            </div>
        </div>
    }
</div>