from fastapi import FastAPI, BackgroundTasks, UploadFile, File, Form, Request, Query
from fastapi.responses import HTMLResponse, JSONResponse, Response, RedirectResponse
from fastapi.staticfiles import StaticFiles
import pathlib, os, uvicorn, base64, json, shutil, uuid, time, urllib.parse
from typing import Dict, List, Any, Optional
import asyncio
import logging
import threading
import concurrent.futures

# 로깅 설정
logging.basicConfig(level=logging.INFO, format='%(asctime)s - %(name)s - %(levelname)s - %(message)s')
logger = logging.getLogger(__name__)

BASE = pathlib.Path(__file__).parent
app = FastAPI()
app.mount("/static", StaticFiles(directory=BASE), name="static")

# PDF 디렉토리 설정
PDF_DIR = BASE / "pdf"
if not PDF_DIR.exists():
    PDF_DIR.mkdir(parents=True)

# 영구 PDF 디렉토리 설정 (Hugging Face 영구 디스크)
PERMANENT_PDF_DIR = pathlib.Path("/data/pdfs") if os.path.exists("/data") else BASE / "permanent_pdfs"
if not PERMANENT_PDF_DIR.exists():
    PERMANENT_PDF_DIR.mkdir(parents=True)

# 캐시 디렉토리 설정
CACHE_DIR = BASE / "cache"
if not CACHE_DIR.exists():
    CACHE_DIR.mkdir(parents=True)

# PDF 메타데이터 디렉토리 및 파일 설정
METADATA_DIR = pathlib.Path("/data/metadata") if os.path.exists("/data") else BASE / "metadata"
if not METADATA_DIR.exists():
    METADATA_DIR.mkdir(parents=True)
PDF_METADATA_FILE = METADATA_DIR / "pdf_metadata.json"

# 관리자 비밀번호
ADMIN_PASSWORD = os.getenv("PASSWORD", "admin")  # 환경 변수에서 가져오기, 기본값은 테스트용

# 전역 캐시 객체
pdf_cache: Dict[str, Dict[str, Any]] = {}
# 캐싱 락
cache_locks = {}
# PDF 메타데이터 (ID to 경로 매핑)
pdf_metadata: Dict[str, str] = {}

# PDF 메타데이터 로드
def load_pdf_metadata():
    global pdf_metadata
    if PDF_METADATA_FILE.exists():
        try:
            with open(PDF_METADATA_FILE, "r") as f:
                pdf_metadata = json.load(f)
            logger.info(f"PDF 메타데이터 로드 완료: {len(pdf_metadata)} 항목")
        except Exception as e:
            logger.error(f"메타데이터 로드 오류: {e}")
            pdf_metadata = {}
    else:
        pdf_metadata = {}

# PDF 메타데이터 저장
def save_pdf_metadata():
    try:
        with open(PDF_METADATA_FILE, "w") as f:
            json.dump(pdf_metadata, f)
    except Exception as e:
        logger.error(f"메타데이터 저장 오류: {e}")

# PDF ID 생성 (파일명 + 타임스탬프 기반)
# PDF ID 생성 (파일명 + 타임스탬프 기반) - 더 단순하고 안전한 방식으로 변경
def generate_pdf_id(filename: str) -> str:
    # 파일명에서 확장자 제거
    base_name = os.path.splitext(filename)[0]
    # 안전한 문자열로 변환 (URL 인코딩 대신 직접 변환)
    import re
    safe_name = re.sub(r'[^\w\-_]', '_', base_name.replace(" ", "_"))
    # 타임스탬프 추가로 고유성 보장
    timestamp = int(time.time())
    # 짧은 임의 문자열 추가
    random_suffix = uuid.uuid4().hex[:6]
    return f"{safe_name}_{timestamp}_{random_suffix}"



# PDF 파일 목록 가져오기 (메인 디렉토리용)
def get_pdf_files():
    pdf_files = []
    if PDF_DIR.exists():
        pdf_files = [f for f in PDF_DIR.glob("*.pdf")]
    return pdf_files

# 영구 저장소의 PDF 파일 목록 가져오기
def get_permanent_pdf_files():
    pdf_files = []
    if PERMANENT_PDF_DIR.exists():
        pdf_files = [f for f in PERMANENT_PDF_DIR.glob("*.pdf")]
    return pdf_files

# PDF 썸네일 생성 및 프로젝트 데이터 준비
def generate_pdf_projects():
    projects_data = []
    
    # 메인 디렉토리와 영구 저장소의 파일들 가져오기
    pdf_files = get_pdf_files()
    permanent_pdf_files = get_permanent_pdf_files()
    
    # 모든 파일 합치기 (파일명 기준으로 중복 제거)
    unique_files = {}
    
    # 먼저 메인 디렉토리의 파일들 추가
    for file in pdf_files:
        unique_files[file.name] = file
    
    # 영구 저장소의 파일들 추가 (동일 파일명이 있으면 영구 저장소 파일 우선)
    for file in permanent_pdf_files:
        unique_files[file.name] = file
    
    # 중복 제거된 파일들로 프로젝트 데이터 생성
    for pdf_file in unique_files.values():
        # 해당 파일의 PDF ID 찾기
        pdf_id = None
        for pid, path in pdf_metadata.items():
            if os.path.basename(path) == pdf_file.name:
                pdf_id = pid
                break
        
        # ID가 없으면 새로 생성하고 메타데이터에 추가
        if not pdf_id:
            pdf_id = generate_pdf_id(pdf_file.name)
            pdf_metadata[pdf_id] = str(pdf_file)
            save_pdf_metadata()
        
        projects_data.append({
            "path": str(pdf_file),
            "name": pdf_file.stem,
            "id": pdf_id,
            "cached": pdf_file.stem in pdf_cache and pdf_cache[pdf_file.stem].get("status") == "completed"
        })
    
    return projects_data

# 캐시 파일 경로 생성
def get_cache_path(pdf_name: str):
    return CACHE_DIR / f"{pdf_name}_cache.json"

# 최적화된 PDF 페이지 캐싱 함수
async def cache_pdf(pdf_path: str):
    try:
        import fitz  # PyMuPDF
        
        pdf_file = pathlib.Path(pdf_path)
        pdf_name = pdf_file.stem
        
        # 락 생성 - 동일한 PDF에 대해 동시 캐싱 방지
        if pdf_name not in cache_locks:
            cache_locks[pdf_name] = threading.Lock()
        
        # 이미 캐싱 중이거나 캐싱 완료된 PDF는 건너뛰기
        if pdf_name in pdf_cache and pdf_cache[pdf_name].get("status") in ["processing", "completed"]:
            logger.info(f"PDF {pdf_name} 이미 캐싱 완료 또는 진행 중")
            return
        
        with cache_locks[pdf_name]:
            # 이중 체크 - 락 획득 후 다시 확인
            if pdf_name in pdf_cache and pdf_cache[pdf_name].get("status") in ["processing", "completed"]:
                return
            
            # 캐시 상태 업데이트
            pdf_cache[pdf_name] = {"status": "processing", "progress": 0, "pages": []}
            
            # 캐시 파일이 이미 존재하는지 확인
            cache_path = get_cache_path(pdf_name)
            if cache_path.exists():
                try:
                    with open(cache_path, "r") as cache_file:
                        cached_data = json.load(cache_file)
                        if cached_data.get("status") == "completed" and cached_data.get("pages"):
                            pdf_cache[pdf_name] = cached_data
                            pdf_cache[pdf_name]["status"] = "completed"
                            logger.info(f"캐시 파일에서 {pdf_name} 로드 완료")
                            return
                except Exception as e:
                    logger.error(f"캐시 파일 로드 실패: {e}")
            
            # PDF 파일 열기
            doc = fitz.open(pdf_path)
            total_pages = doc.page_count
            
            # 미리 썸네일만 먼저 생성 (빠른 UI 로딩용)
            if total_pages > 0:
                # 첫 페이지 썸네일 생성
                page = doc[0]
                pix_thumb = page.get_pixmap(matrix=fitz.Matrix(0.2, 0.2))  # 더 작은 썸네일
                thumb_data = pix_thumb.tobytes("png")
                b64_thumb = base64.b64encode(thumb_data).decode('utf-8')
                thumb_src = f"data:image/png;base64,{b64_thumb}"
                
                # 썸네일 페이지만 먼저 캐시
                pdf_cache[pdf_name]["pages"] = [{"thumb": thumb_src, "src": ""}]
                pdf_cache[pdf_name]["progress"] = 1
                pdf_cache[pdf_name]["total_pages"] = total_pages
            
            # 이미지 해상도 및 압축 품질 설정 (성능 최적화)
            scale_factor = 1.0  # 기본 해상도 (낮출수록 로딩 빠름)
            jpeg_quality = 80   # JPEG 품질 (낮출수록 용량 작아짐)
            
            # 페이지 처리 작업자 함수 (병렬 처리용)
            def process_page(page_num):
                try:
                    page = doc[page_num]
                    
                    # 이미지로 변환 시 매트릭스 스케일링 적용 (성능 최적화)
                    pix = page.get_pixmap(matrix=fitz.Matrix(scale_factor, scale_factor))
                    
                    # JPEG 형식으로 인코딩 (PNG보다 크기 작음)
                    img_data = pix.tobytes("jpeg", jpeg_quality)
                    b64_img = base64.b64encode(img_data).decode('utf-8')
                    img_src = f"data:image/jpeg;base64,{b64_img}"
                    
                    # 썸네일 (첫 페이지가 아니면 빈 문자열)
                    thumb_src = "" if page_num > 0 else pdf_cache[pdf_name]["pages"][0]["thumb"]
                    
                    return {
                        "page_num": page_num,
                        "src": img_src,
                        "thumb": thumb_src
                    }
                except Exception as e:
                    logger.error(f"페이지 {page_num} 처리 오류: {e}")
                    return {
                        "page_num": page_num,
                        "src": "",
                        "thumb": "",
                        "error": str(e)
                    }
            
            # 병렬 처리로 모든 페이지 처리
            pages = [None] * total_pages
            processed_count = 0
            
            # 페이지 배치 처리 (메모리 관리)
            batch_size = 5  # 한 번에 처리할 페이지 수
            
            for batch_start in range(0, total_pages, batch_size):
                batch_end = min(batch_start + batch_size, total_pages)
                current_batch = list(range(batch_start, batch_end))
                
                # 병렬 처리로 배치 페이지 렌더링
                with concurrent.futures.ThreadPoolExecutor(max_workers=min(5, batch_size)) as executor:
                    batch_results = list(executor.map(process_page, current_batch))
                
                # 결과 저장
                for result in batch_results:
                    page_num = result["page_num"]
                    pages[page_num] = {
                        "src": result["src"],
                        "thumb": result["thumb"]
                    }
                    
                    processed_count += 1
                    progress = round(processed_count / total_pages * 100)
                    pdf_cache[pdf_name]["progress"] = progress
                
                # 중간 저장
                pdf_cache[pdf_name]["pages"] = pages
                try:
                    with open(cache_path, "w") as cache_file:
                        json.dump({
                            "status": "processing", 
                            "progress": pdf_cache[pdf_name]["progress"], 
                            "pages": pdf_cache[pdf_name]["pages"],
                            "total_pages": total_pages
                        }, cache_file)
                except Exception as e:
                    logger.error(f"중간 캐시 저장 실패: {e}")
            
            # 캐싱 완료
            pdf_cache[pdf_name] = {
                "status": "completed",
                "progress": 100,
                "pages": pages,
                "total_pages": total_pages
            }
            
            # 최종 캐시 파일 저장
            try:
                with open(cache_path, "w") as cache_file:
                    json.dump(pdf_cache[pdf_name], cache_file)
                logger.info(f"PDF {pdf_name} 캐싱 완료, {total_pages}페이지")
            except Exception as e:
                logger.error(f"최종 캐시 저장 실패: {e}")
            
    except Exception as e:
        import traceback
        logger.error(f"PDF 캐싱 오류: {str(e)}\n{traceback.format_exc()}")
        if pdf_name in pdf_cache:
            pdf_cache[pdf_name]["status"] = "error"
            pdf_cache[pdf_name]["error"] = str(e)

# PDF ID로 PDF 경로 찾기
# PDF ID로 PDF 경로 찾기 (개선된 검색 로직)
def get_pdf_path_by_id(pdf_id: str) -> str:
    logger.info(f"PDF ID로 파일 조회: {pdf_id}")
    
    # 1. 메타데이터에서 직접 ID로 검색
    if pdf_id in pdf_metadata:
        path = pdf_metadata[pdf_id]
        # 파일 존재 확인
        if os.path.exists(path):
            return path
        
        # 파일이 이동했을 수 있으므로 파일명으로 검색
        filename = os.path.basename(path)
        
        # 영구 저장소에서 검색
        perm_path = PERMANENT_PDF_DIR / filename
        if perm_path.exists():
            # 메타데이터 업데이트
            pdf_metadata[pdf_id] = str(perm_path)
            save_pdf_metadata()
            return str(perm_path)
            
        # 메인 디렉토리에서 검색
        main_path = PDF_DIR / filename
        if main_path.exists():
            # 메타데이터 업데이트
            pdf_metadata[pdf_id] = str(main_path)
            save_pdf_metadata()
            return str(main_path)
    
    # 2. 파일명 부분만 추출하여 모든 PDF 파일 검색
    try:
        # ID 형식: filename_timestamp_random
        # 파일명 부분만 추출
        name_part = pdf_id.split('_')[0] if '_' in pdf_id else pdf_id
        
        # 모든 PDF 파일 검색
        for file_path in get_pdf_files() + get_permanent_pdf_files():
            # 파일명이 ID의 시작 부분과 일치하면
            file_basename = os.path.basename(file_path)
            if file_basename.startswith(name_part) or file_path.stem.startswith(name_part):
                # ID 매핑 업데이트
                pdf_metadata[pdf_id] = str(file_path)
                save_pdf_metadata()
                return str(file_path)
    except Exception as e:
        logger.error(f"파일명 검색 중 오류: {e}")
    
    # 3. 모든 PDF 파일에 대해 메타데이터 확인
    for pid, path in pdf_metadata.items():
        if os.path.exists(path):
            file_basename = os.path.basename(path)
            # 유사한 파일명을 가진 경우
            if pdf_id in pid or pid in pdf_id:
                pdf_metadata[pdf_id] = path
                save_pdf_metadata()
                return path
    
    return None

# 시작 시 모든 PDF 파일 캐싱
async def init_cache_all_pdfs():
    logger.info("PDF 캐싱 작업 시작")
    
    # PDF 메타데이터 로드
    load_pdf_metadata()
    
    # 메인 및 영구 디렉토리에서 PDF 파일 모두 가져오기
    pdf_files = get_pdf_files() + get_permanent_pdf_files()
    
    # 중복 제거
    unique_pdf_paths = set(str(p) for p in pdf_files)
    pdf_files = [pathlib.Path(p) for p in unique_pdf_paths]
    
    # 파일 기반 메타데이터 업데이트
    for pdf_file in pdf_files:
        # ID가 없는 파일에 대해 ID 생성
        found = False
        for pid, path in pdf_metadata.items():
            if os.path.basename(path) == pdf_file.name:
                found = True
                # 경로 업데이트 필요한 경우
                if not os.path.exists(path):
                    pdf_metadata[pid] = str(pdf_file)
                break
        
        if not found:
            pdf_id = generate_pdf_id(pdf_file.name)
            pdf_metadata[pdf_id] = str(pdf_file)
    
    # 메타데이터 저장
    save_pdf_metadata()
    
    # 이미 캐시된 PDF 파일 로드 (빠른 시작을 위해 먼저 수행)
    for cache_file in CACHE_DIR.glob("*_cache.json"):
        try:
            pdf_name = cache_file.stem.replace("_cache", "")
            with open(cache_file, "r") as f:
                cached_data = json.load(f)
                if cached_data.get("status") == "completed" and cached_data.get("pages"):
                    pdf_cache[pdf_name] = cached_data
                    pdf_cache[pdf_name]["status"] = "completed"
                    logger.info(f"기존 캐시 로드: {pdf_name}")
        except Exception as e:
            logger.error(f"캐시 파일 로드 오류: {str(e)}")
    
    # 캐싱되지 않은 PDF 파일 병렬 처리
    await asyncio.gather(*[asyncio.create_task(cache_pdf(str(pdf_file))) 
                          for pdf_file in pdf_files 
                          if pdf_file.stem not in pdf_cache 
                          or pdf_cache[pdf_file.stem].get("status") != "completed"])

# 백그라운드 작업 시작 함수
@app.on_event("startup")
async def startup_event():
    # PDF 메타데이터 로드
    load_pdf_metadata()
    
    # 누락된 PDF 파일에 대한 메타데이터 생성
    for pdf_file in get_pdf_files() + get_permanent_pdf_files():
        found = False
        for pid, path in pdf_metadata.items():
            if os.path.basename(path) == pdf_file.name:
                found = True
                # 경로 업데이트
                if not os.path.exists(path):
                    pdf_metadata[pid] = str(pdf_file)
                break
        
        if not found:
            # 새 ID 생성 및 메타데이터에 추가
            pdf_id = generate_pdf_id(pdf_file.name)
            pdf_metadata[pdf_id] = str(pdf_file)
    
    # 변경사항 저장
    save_pdf_metadata()
    
    # 백그라운드 태스크로 캐싱 실행
    asyncio.create_task(init_cache_all_pdfs())

# API 엔드포인트: PDF 프로젝트 목록
@app.get("/api/pdf-projects")
async def get_pdf_projects_api():
    return generate_pdf_projects()

# API 엔드포인트: 영구 저장된 PDF 프로젝트 목록
@app.get("/api/permanent-pdf-projects")
async def get_permanent_pdf_projects_api():
    pdf_files = get_permanent_pdf_files()
    projects_data = []
    
    for pdf_file in pdf_files:
        # PDF ID 찾기
        pdf_id = None
        for pid, path in pdf_metadata.items():
            if os.path.basename(path) == pdf_file.name:
                pdf_id = pid
                break
        
        # ID가 없으면 생성
        if not pdf_id:
            pdf_id = generate_pdf_id(pdf_file.name)
            pdf_metadata[pdf_id] = str(pdf_file)
            save_pdf_metadata()
            
        projects_data.append({
            "path": str(pdf_file),
            "name": pdf_file.stem,
            "id": pdf_id,
            "cached": pdf_file.stem in pdf_cache and pdf_cache[pdf_file.stem].get("status") == "completed"
        })
    
    return projects_data

# API 엔드포인트: PDF ID로 정보 가져오기
@app.get("/api/pdf-info-by-id/{pdf_id}")
async def get_pdf_info_by_id(pdf_id: str):
    pdf_path = get_pdf_path_by_id(pdf_id)
    if pdf_path:
        pdf_file = pathlib.Path(pdf_path)
        return {
            "path": pdf_path,
            "name": pdf_file.stem,
            "id": pdf_id,
            "exists": True,
            "cached": pdf_file.stem in pdf_cache and pdf_cache[pdf_file.stem].get("status") == "completed"
        }
    return {"exists": False, "error": "PDF를 찾을 수 없습니다"}

# API 엔드포인트: PDF 썸네일 제공 (최적화)
@app.get("/api/pdf-thumbnail")
async def get_pdf_thumbnail(path: str):
    try:
        pdf_file = pathlib.Path(path)
        pdf_name = pdf_file.stem
        
        # 캐시에서 썸네일 가져오기
        if pdf_name in pdf_cache and pdf_cache[pdf_name].get("pages"):
            if pdf_cache[pdf_name]["pages"][0].get("thumb"):
                return {"thumbnail": pdf_cache[pdf_name]["pages"][0]["thumb"]}
            
        # 캐시에 없으면 생성 (더 작고 빠른 썸네일)
        import fitz
        doc = fitz.open(path)
        if doc.page_count > 0:
            page = doc[0]
            pix = page.get_pixmap(matrix=fitz.Matrix(0.2, 0.2))  # 더 작은 썸네일
            img_data = pix.tobytes("jpeg", 70)  # JPEG 압축 사용
            b64_img = base64.b64encode(img_data).decode('utf-8')
            
            # 백그라운드에서 캐싱 시작
            asyncio.create_task(cache_pdf(path))
            
            return {"thumbnail": f"data:image/jpeg;base64,{b64_img}"}
        
        return {"thumbnail": None}
    except Exception as e:
        logger.error(f"썸네일 생성 오류: {str(e)}")
        return {"error": str(e), "thumbnail": None}

# API 엔드포인트: 캐시 상태 확인
@app.get("/api/cache-status")
async def get_cache_status(path: str = None):
    if path:
        pdf_file = pathlib.Path(path)
        pdf_name = pdf_file.stem
        if pdf_name in pdf_cache:
            return pdf_cache[pdf_name]
        return {"status": "not_cached"}
    else:
        return {name: {"status": info["status"], "progress": info.get("progress", 0)} 
                for name, info in pdf_cache.items()}

# API 엔드포인트: 캐시된 PDF 콘텐츠 제공 (점진적 로딩 지원)
@app.get("/api/cached-pdf")
async def get_cached_pdf(path: str, background_tasks: BackgroundTasks):
    try:
        pdf_file = pathlib.Path(path)
        pdf_name = pdf_file.stem
        
        # 캐시 확인
        if pdf_name in pdf_cache:
            status = pdf_cache[pdf_name].get("status", "")
            
            # 완료된 경우 전체 데이터 반환
            if status == "completed":
                return pdf_cache[pdf_name]
            
            # 처리 중인 경우 현재까지의 페이지 데이터 포함 (점진적 로딩)
            elif status == "processing":
                progress = pdf_cache[pdf_name].get("progress", 0)
                pages = pdf_cache[pdf_name].get("pages", [])
                total_pages = pdf_cache[pdf_name].get("total_pages", 0)
                
                # 일부만 처리된 경우에도 사용 가능한 페이지 제공
                return {
                    "status": "processing", 
                    "progress": progress,
                    "pages": pages,
                    "total_pages": total_pages,
                    "available_pages": len([p for p in pages if p and p.get("src")])
                }
        
        # 캐시가 없는 경우 백그라운드에서 캐싱 시작
        background_tasks.add_task(cache_pdf, path)
        return {"status": "started", "progress": 0}
        
    except Exception as e:
        logger.error(f"캐시된 PDF 제공 오류: {str(e)}")
        return {"error": str(e), "status": "error"}

# API 엔드포인트: PDF 원본 콘텐츠 제공(캐시가 없는 경우)
@app.get("/api/pdf-content")
async def get_pdf_content(path: str, background_tasks: BackgroundTasks):
    try:
        # 캐싱 상태 확인
        pdf_file = pathlib.Path(path)
        if not pdf_file.exists():
            return JSONResponse(content={"error": f"파일을 찾을 수 없습니다: {path}"}, status_code=404)
        
        pdf_name = pdf_file.stem
        
        # 캐시된 경우 리다이렉트
        if pdf_name in pdf_cache and (pdf_cache[pdf_name].get("status") == "completed" 
                                     or (pdf_cache[pdf_name].get("status") == "processing" 
                                         and pdf_cache[pdf_name].get("progress", 0) > 10)):
            return JSONResponse(content={"redirect": f"/api/cached-pdf?path={path}"})
        
        # 파일 읽기
        with open(path, "rb") as pdf_file:
            content = pdf_file.read()
            
        # 파일명 처리
        import urllib.parse
        filename = pdf_file.name
        encoded_filename = urllib.parse.quote(filename)
        
        # 백그라운드에서 캐싱 시작
        background_tasks.add_task(cache_pdf, path)
        
        # 응답 헤더 설정
        headers = {
            "Content-Type": "application/pdf",
            "Content-Disposition": f"inline; filename=\"{encoded_filename}\"; filename*=UTF-8''{encoded_filename}"
        }
        
        return Response(content=content, media_type="application/pdf", headers=headers)
    except Exception as e:
        import traceback
        error_details = traceback.format_exc()
        logger.error(f"PDF 콘텐츠 로드 오류: {str(e)}\n{error_details}")
        return JSONResponse(content={"error": str(e)}, status_code=500)

# PDF 업로드 엔드포인트 - 영구 저장소에 저장 및 메인 화면에 자동 표시
@app.post("/api/upload-pdf")
async def upload_pdf(file: UploadFile = File(...)):
    try:
        # 파일 이름 확인
        if not file.filename.lower().endswith('.pdf'):
            return JSONResponse(
                content={"success": False, "message": "PDF 파일만 업로드 가능합니다"}, 
                status_code=400
            )
        
        # 영구 저장소에 파일 저장
        file_path = PERMANENT_PDF_DIR / file.filename
        
        # 파일 읽기 및 저장
        content = await file.read()
        with open(file_path, "wb") as buffer:
            buffer.write(content)
        
        # 메인 디렉토리에도 자동으로 복사 (자동 표시)
        with open(PDF_DIR / file.filename, "wb") as buffer:
            buffer.write(content)
        
        # PDF ID 생성 및 메타데이터 저장
        pdf_id = generate_pdf_id(file.filename)
        pdf_metadata[pdf_id] = str(file_path)
        save_pdf_metadata()
        
        # 백그라운드에서 캐싱 시작
        asyncio.create_task(cache_pdf(str(file_path)))
        
        return JSONResponse(
            content={
                "success": True, 
                "path": str(file_path), 
                "name": file_path.stem,
                "id": pdf_id,
                "viewUrl": f"/view/{pdf_id}"
            },
            status_code=200
        )
    except Exception as e:
        import traceback
        error_details = traceback.format_exc()
        logger.error(f"PDF 업로드 오류: {str(e)}\n{error_details}")
        return JSONResponse(
            content={"success": False, "message": str(e)}, 
            status_code=500
        )

# 관리자 인증 엔드포인트
@app.post("/api/admin-login")
async def admin_login(password: str = Form(...)):
    if password == ADMIN_PASSWORD:
        return {"success": True}
    return {"success": False, "message": "인증 실패"}

# 관리자용 PDF 삭제 엔드포인트
@app.delete("/api/admin/delete-pdf")
async def delete_pdf(path: str):
    try:
        pdf_file = pathlib.Path(path)
        if not pdf_file.exists():
            return {"success": False, "message": "파일을 찾을 수 없습니다"}
        
        # PDF 파일 삭제
        pdf_file.unlink()
        
        # 관련 캐시 파일 삭제
        pdf_name = pdf_file.stem
        cache_path = get_cache_path(pdf_name)
        if cache_path.exists():
            cache_path.unlink()
            
        # 캐시 메모리에서도 제거
        if pdf_name in pdf_cache:
            del pdf_cache[pdf_name]
            
        # 메타데이터에서 해당 파일 ID 제거
        to_remove = []
        for pid, fpath in pdf_metadata.items():
            if os.path.basename(fpath) == pdf_file.name:
                to_remove.append(pid)
        
        for pid in to_remove:
            del pdf_metadata[pid]
        
        save_pdf_metadata()
            
        return {"success": True}
    except Exception as e:
        logger.error(f"PDF 삭제 오류: {str(e)}")
        return {"success": False, "message": str(e)}

# PDF를 메인 디렉토리에 표시 설정
@app.post("/api/admin/feature-pdf")
async def feature_pdf(path: str):
    try:
        pdf_file = pathlib.Path(path)
        if not pdf_file.exists():
            return {"success": False, "message": "파일을 찾을 수 없습니다"}
        
        # 메인 디렉토리에 복사
        target_path = PDF_DIR / pdf_file.name
        shutil.copy2(pdf_file, target_path)
            
        return {"success": True}
    except Exception as e:
        logger.error(f"PDF 표시 설정 오류: {str(e)}")
        return {"success": False, "message": str(e)}

# PDF를 메인 디렉토리에서 제거 (영구 저장소에서는 유지)
@app.delete("/api/admin/unfeature-pdf")
async def unfeature_pdf(path: str):
    try:
        pdf_name = pathlib.Path(path).name
        target_path = PDF_DIR / pdf_name
        
        if target_path.exists():
            target_path.unlink()
            
        return {"success": True}
    except Exception as e:
        logger.error(f"PDF 표시 해제 오류: {str(e)}")
        return {"success": False, "message": str(e)}

# 직접 PDF 뷰어 URL 접근용 라우트
@app.get("/view/{pdf_id}")
async def view_pdf_by_id(pdf_id: str):
    # PDF ID 유효한지 확인
    pdf_path = get_pdf_path_by_id(pdf_id)
    
    if not pdf_path:
        # 일단 모든 PDF 메타데이터를 다시 로드하고 재시도
        load_pdf_metadata()
        pdf_path = get_pdf_path_by_id(pdf_id)
        
        if not pdf_path:
            # 모든 PDF 파일을 직접 스캔하여 유사한 이름 찾기
            for file_path in get_pdf_files() + get_permanent_pdf_files():
                name_part = pdf_id.split('_')[0] if '_' in pdf_id else pdf_id
                if file_path.stem.startswith(name_part):
                    pdf_metadata[pdf_id] = str(file_path)
                    save_pdf_metadata()
                    pdf_path = str(file_path)
                    break
    
    if not pdf_path:
        return HTMLResponse(
            content=f"<html><body><h1>PDF를 찾을 수 없습니다</h1><p>ID: {pdf_id}</p><a href='/'>홈으로 돌아가기</a></body></html>",
            status_code=404
        )
    
    # 메인 페이지로 리다이렉트하되, PDF ID 파라미터 추가
    return get_html_content(pdf_id=pdf_id)

# HTML 파일 읽기 함수
def get_html_content(pdf_id: str = None):
    html_path = BASE / "flipbook_template.html"
    content = ""
    if html_path.exists():
        with open(html_path, "r", encoding="utf-8") as f:
            content = f.read()
    else:
        content = HTML  # 기본 HTML 사용
    
    # PDF ID가 제공된 경우, 자동 로드 스크립트 추가
    if pdf_id:
        auto_load_script = f"""
        <script>
            // 페이지 로드 시 자동으로 해당 PDF 열기
            document.addEventListener('DOMContentLoaded', async function() {{
                try {{
                    // PDF 정보 가져오기
                    const response = await fetch('/api/pdf-info-by-id/{pdf_id}');
                    const pdfInfo = await response.json();
                    
                    if (pdfInfo.exists && pdfInfo.path) {{
                        // 약간의 지연 후 PDF 뷰어 열기 (UI가 준비된 후)
                        setTimeout(() => {{
                            openPdfById('{pdf_id}', pdfInfo.path, pdfInfo.cached);
                        }}, 500);
                    }} else {{
                        showError("요청한 PDF를 찾을 수 없습니다.");
                    }}
                }} catch (e) {{
                    console.error("자동 PDF 로드 오류:", e);
                }}
            }});
        </script>
        """
        
        # body 종료 태그 전에 스크립트 삽입
        content = content.replace("</body>", auto_load_script + "</body>")
    
    return HTMLResponse(content=content)

@app.get("/", response_class=HTMLResponse)
async def root(request: Request, pdf_id: Optional[str] = Query(None)):
    # PDF ID가 쿼리 파라미터로 제공된 경우 /view/{pdf_id}로 리다이렉트
    if pdf_id:
        return RedirectResponse(url=f"/view/{pdf_id}")
    return get_html_content()

# HTML 문자열 (UI 수정 버전)
HTML = """
<!doctype html>
<html lang="ko">
<head>
  <meta charset="utf-8">
  <title>FlipBook Space</title>
  <link rel="stylesheet" href="/static/flipbook.css">
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
  <script src="/static/three.js"></script>
  <script src="/static/iscroll.js"></script>
  <script src="/static/mark.js"></script>
  <script src="/static/mod3d.js"></script>
  <script src="/static/pdf.js"></script>
  <script src="/static/flipbook.js"></script>
  <script src="/static/flipbook.book3.js"></script>
  <script src="/static/flipbook.scroll.js"></script>
  <script src="/static/flipbook.swipe.js"></script>
  <script src="/static/flipbook.webgl.js"></script>
  <style>
  /* 전체 사이트 파스텔톤 테마 */
  :root {
    --primary-color: #a5d8ff; /* 파스텔 블루 */
    --secondary-color: #ffd6e0; /* 파스텔 핑크 */
    --tertiary-color: #c3fae8; /* 파스텔 민트 */
    --accent-color: #d0bfff; /* 파스텔 퍼플 */
    --bg-color: #f8f9fa; /* 밝은 배경 */
    --text-color: #495057; /* 부드러운 어두운 색 */
    --card-bg: #ffffff; /* 카드 배경색 */
    --shadow-sm: 0 2px 8px rgba(0,0,0,0.05);
    --shadow-md: 0 4px 12px rgba(0,0,0,0.08);
    --shadow-lg: 0 8px 24px rgba(0,0,0,0.12);
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 16px;
    --transition: all 0.3s ease;
  }


    body {
      margin: 0;
      background: var(--bg-color);
      font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
      color: var(--text-color);
      /* 새로운 퍼플 계통 고급스러운 그라디에이션 배경 */
      background-image: linear-gradient(135deg, #2a0845 0%, #6441a5 50%, #c9a8ff 100%);
      background-attachment: fixed;
    }

    /* 뷰어 모드일 때 배경 변경 */
    .viewer-mode {
      background-image: linear-gradient(135deg, #30154e 0%, #6b47ad 50%, #d5b8ff 100%) !important;
    }

  /* 헤더 제목 제거 및 Home 버튼 레이어 처리 */
  .floating-home {
    position: fixed;
    top: 20px;
    left: 20px;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(10px);
    box-shadow: var(--shadow-md);
    z-index: 9999;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: var(--transition);
    overflow: hidden;
  }
  
  .floating-home:hover {
    transform: scale(1.05);
    box-shadow: var(--shadow-lg);
  }
  
  .floating-home .icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    font-size: 22px;
    color: var(--primary-color);
    transition: var(--transition);
  }
  
  .floating-home:hover .icon {
    color: #8bc5f8;
  }
  
  .floating-home .title {
    position: absolute;
    left: 70px;
    background: rgba(255, 255, 255, 0.95);
    padding: 8px 20px;
    border-radius: 20px;
    box-shadow: var(--shadow-sm);
    font-weight: 600;
    font-size: 14px;
    white-space: nowrap;
    pointer-events: none;
    opacity: 0;
    transform: translateX(-10px);
    transition: all 0.3s ease;
  }
  
  .floating-home:hover .title {
    opacity: 1;
    transform: translateX(0);
  }

  /* 관리자 버튼 스타일 */
  #adminButton {
    position: fixed;
    top: 20px;
    right: 20px;
    background: rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(10px);
    box-shadow: var(--shadow-md);
    border-radius: 30px;
    padding: 8px 20px;
    display: flex;
    align-items: center;
    font-weight: 600;
    font-size: 14px;
    cursor: pointer;
    transition: var(--transition);
    z-index: 9999;
  }
  
  #adminButton i {
    margin-right: 8px;
    color: var(--accent-color);
  }
  
  #adminButton:hover {
    transform: translateY(-3px);
    box-shadow: var(--shadow-lg);
  }

  /* 관리자 로그인 모달 */
  .modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(5px);
    z-index: 10000;
    align-items: center;
    justify-content: center;
  }
  
  .modal-content {
    background: white;
    border-radius: var(--radius-md);
    padding: 30px;
    width: 90%;
    max-width: 400px;
    box-shadow: var(--shadow-lg);
    text-align: center;
  }
  
  .modal-content h2 {
    margin-top: 0;
    color: var(--accent-color);
    margin-bottom: 20px;
  }
  
  .modal-content input {
    width: 100%;
    padding: 12px;
    margin-bottom: 20px;
    border: 1px solid #ddd;
    border-radius: var(--radius-sm);
    font-size: 16px;
    box-sizing: border-box;
  }
  
  .modal-content button {
    padding: 10px 20px;
    border: none;
    border-radius: var(--radius-sm);
    background: var(--accent-color);
    color: white;
    font-weight: 600;
    cursor: pointer;
    margin: 0 5px;
    transition: var(--transition);
  }
  
  .modal-content button:hover {
    opacity: 0.9;
    transform: translateY(-2px);
  }
  
  .modal-content #adminLoginClose {
    background: #f1f3f5;
    color: var(--text-color);
  }

  #home, #viewerPage, #adminPage {
    padding-top: 100px;
    max-width: 1200px;
    margin: 0 auto;
    padding-bottom: 60px;
    padding-left: 30px;
    padding-right: 30px;
    position: relative;
  }

  /* 업로드 버튼 스타일 */
  .upload-container {
    display: flex;
    margin-bottom: 30px;
    justify-content: center;
  }

  button.upload {
    all: unset;
    cursor: pointer;
    padding: 12px 20px;
    border-radius: var(--radius-md);
    background: white;
    margin: 0 10px;
    font-weight: 500;
    display: flex;
    align-items: center;
    box-shadow: var(--shadow-sm);
    transition: var(--transition);
    position: relative;
    overflow: hidden;
  }

  button.upload::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(120deg, var(--primary-color) 0%, var(--secondary-color) 100%);
    opacity: 0.08;
    z-index: -1;
  }

  button.upload:hover {
    transform: translateY(-3px);
    box-shadow: var(--shadow-md);
  }

  button.upload:hover::before {
    opacity: 0.15;
  }

  button.upload i {
    margin-right: 8px;
    font-size: 20px;
  }

  /* 그리드 및 카드 스타일 */
  .grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 24px;
    margin-top: 36px;
  }

  .card {
    background: var(--card-bg);
    border-radius: var(--radius-md);
    cursor: pointer;
    box-shadow: var(--shadow-sm);
    width: 100%;
    height: 280px;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    transition: var(--transition);
    overflow: hidden;
  }

  .card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, var(--secondary-color) 0%, var(--primary-color) 100%);
    opacity: 0.06;
    z-index: 1;
  }

  .card::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 30%;
    background: linear-gradient(to bottom, rgba(255,255,255,0.8) 0%, rgba(255,255,255,0) 100%);
    z-index: 2;
  }

  .card img {
    width: 65%;
    height: auto;
    object-fit: contain;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -65%);
    border: 1px solid rgba(0,0,0,0.05);
    box-shadow: 0 4px 15px rgba(0,0,0,0.08);
    z-index: 3;
    transition: var(--transition);
  }

  .card:hover {
    transform: translateY(-5px);
    box-shadow: var(--shadow-md);
  }

  .card:hover img {
    transform: translate(-50%, -65%) scale(1.03);
    box-shadow: 0 8px 20px rgba(0,0,0,0.12);
  }

  .card p {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    background: rgba(255, 255, 255, 0.9);
    padding: 8px 16px;
    border-radius: 30px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
    width: 80%;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    font-weight: 500;
    color: var(--text-color);
    z-index: 4;
    transition: var(--transition);
  }

  .card:hover p {
    background: rgba(255, 255, 255, 0.95);
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
  }

  /* 캐시 상태 뱃지 */
  .cached-status {
    position: absolute;
    top: 10px;
    right: 10px;
    background: var(--accent-color);
    color: white;
    font-size: 11px;
    padding: 3px 8px;
    border-radius: 12px;
    z-index: 5;
    box-shadow: var(--shadow-sm);
  }
  
  /* 관리자 카드 추가 스타일 */
  .admin-card {
    height: 300px;
  }
  
  .admin-card .card-inner {
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  
  .delete-btn, .feature-btn, .unfeature-btn {
    position: absolute;
    bottom: 60px;
    left: 50%;
    transform: translateX(-50%);
    background: #ff7675;
    color: white;
    border: none;
    border-radius: 20px;
    padding: 5px 15px;
    font-size: 12px;
    cursor: pointer;
    z-index: 10;
    transition: var(--transition);
  }
  
  .feature-btn {
    bottom: 95px;
    background: #74b9ff;
  }
  
  .unfeature-btn {
    bottom: 95px;
    background: #a29bfe;
  }
  
  .delete-btn:hover, .feature-btn:hover, .unfeature-btn:hover {
    opacity: 0.9;
    transform: translateX(-50%) scale(1.05);
  }

  /* 뷰어 스타일 */
  #viewer {
    width: 90%;
    height: 90vh;
    max-width: 90%;
    margin: 0;
    background: var(--card-bg);
    border: none;
    border-radius: var(--radius-lg);
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1000;
    box-shadow: var(--shadow-lg);
    max-height: calc(90vh - 40px);
    aspect-ratio: auto;
    object-fit: contain;
    overflow: hidden;
  }

  /* FlipBook 컨트롤바 스타일 */
  .flipbook-container .fb3d-menu-bar {
    z-index: 2000 !important;
    opacity: 1 !important;
    bottom: 0 !important;
    background-color: rgba(255,255,255,0.9) !important;
    backdrop-filter: blur(10px) !important;
    border-radius: 0 0 var(--radius-lg) var(--radius-lg) !important;
    padding: 12px 0 !important;
    box-shadow: 0 -4px 20px rgba(0,0,0,0.1) !important;
  }

  .flipbook-container .fb3d-menu-bar > ul > li > img,
  .flipbook-container .fb3d-menu-bar > ul > li > div {
    opacity: 1 !important;
    transform: scale(1.2) !important;
    filter: drop-shadow(0 2px 3px rgba(0,0,0,0.1)) !important;
  }

  .flipbook-container .fb3d-menu-bar > ul > li {
    margin: 0 12px !important;
  }

  /* 메뉴 툴팁 스타일 */
  .flipbook-container .fb3d-menu-bar > ul > li > span {
    background-color: rgba(0,0,0,0.7) !important;
    color: white !important;
    border-radius: var(--radius-sm) !important;
    padding: 8px 12px !important;
    font-size: 13px !important;
    bottom: 55px !important;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
    letter-spacing: 0.3px !important;
  }

  /* 뷰어 모드일 때 배경 오버레이 */
  .viewer-mode {
    background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%) !important;
  }

  /* 뷰어 페이지 배경 */
  #viewerPage {
    background: transparent;
  }

  /* 로딩 애니메이션 */
  @keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
  }

  .loading-spinner {
    border: 4px solid rgba(255,255,255,0.3);
    border-top: 4px solid var(--primary-color);
    border-radius: 50%;
    width: 50px;
    height: 50px;
    margin: 0 auto;
    animation: spin 1.5s ease-in-out infinite;
  }

  .loading-container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    background: rgba(255, 255, 255, 0.85);
    backdrop-filter: blur(10px);
    padding: 30px;
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-md);
    z-index: 9999;
  }

  .loading-text {
    margin-top: 20px;
    font-size: 16px;
    color: var(--text-color);
    font-weight: 500;
  }

  /* 페이지 전환 애니메이션 */
  @keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
  }

  .fade-in {
    animation: fadeIn 0.5s ease-out;
  }

  /* 추가 스타일 */
  .section-title {
    font-size: 1.3rem;
    font-weight: 600;
    margin: 30px 0 15px;
    color: var(--text-color);
  }

  .no-projects {
    text-align: center;
    margin: 40px 0;
    color: var(--text-color);
    font-size: 16px;
  }

  /* 프로그레스 바 */
  .progress-bar-container {
    width: 100%;
    height: 6px;
    background-color: rgba(0,0,0,0.1);
    border-radius: 3px;
    margin-top: 15px;
    overflow: hidden;
  }

  .progress-bar {
    height: 100%;
    background: linear-gradient(to right, var(--primary-color), var(--accent-color));
    border-radius: 3px;
    transition: width 0.3s ease;
  }

  /* 헤더 로고 및 타이틀 */
  .library-header {
    position: fixed;
    top: 12px;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 100;
    pointer-events: none;
  }
  
.library-header .title {
  display: inline-block;
  padding: 8px 24px; /* 패딩 축소 */
  background: rgba(255, 255, 255, 0.85);
  backdrop-filter: blur(10px);
  border-radius: 25px; /* 테두리 모서리 축소 */
  box-shadow: var(--shadow-md);
  font-size: 1.25rem; /* 글자 크기 축소 (1.5rem에서 1.25rem으로) */
  font-weight: 600;
  background-image: linear-gradient(120deg, #8e74eb 0%, #9d66ff 100%); /* 제목 색상도 바탕화면과 어울리게 변경 */
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  pointer-events: all;
}
  
  /* 점진적 로딩 표시 */
  .loading-pages {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    background: rgba(255, 255, 255, 0.9);
    padding: 10px 20px;
    border-radius: 20px;
    box-shadow: var(--shadow-md);
    font-size: 14px;
    color: var(--text-color);
    z-index: 9998;
    text-align: center;
  }
  
  /* 관리자 페이지 스타일 */
  #adminPage {
    color: white;
    max-width: 1400px;
  }
  
  #adminPage h1 {
    font-size: 2rem;
    margin-bottom: 30px;
    text-align: center;
    background-image: linear-gradient(120deg, #e0c3fc 0%, #8ec5fc 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
  }
  
  #adminBackButton {
    position: absolute;
    top: 20px;
    left: 20px;
    background: rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(10px);
    box-shadow: var(--shadow-md);
    border: none;
    border-radius: 30px;
    padding: 8px 20px;
    display: flex;
    align-items: center;
    font-weight: 600;
    font-size: 14px;
    cursor: pointer;
    transition: var(--transition);
  }
  
  #adminBackButton:hover {
    transform: translateY(-3px);
    box-shadow: var(--shadow-lg);
  }
  
  /* 관리자 그리드 */
  #adminGrid {
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  }

  /* 반응형 디자인 */
  @media (max-width: 768px) {
    .grid {
      grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
      gap: 16px;
    }
    
    .card {
      height: 240px;
    }
    
    .library-header .title {
      font-size: 1.25rem;
      padding: 10px 20px;
    }
    
    .floating-home {
      width: 50px;
      height: 50px;
    }
    
    .floating-home .icon {
      font-size: 18px;
    }
    
    #adminButton {
      padding: 6px 15px;
      font-size: 12px;
    }
  }
  </style>
</head>
<body>
  <!-- 제목을 Home 버튼과 함께 레이어로 처리 -->
  <div id="homeButton" class="floating-home" style="display:none;">
    <div class="icon"><i class="fas fa-home"></i></div>
    <div class="title">홈으로 돌아가기</div>
  </div>
  
  <!-- 관리자 버튼 -->
  <div id="adminButton">
    <i class="fas fa-cog"></i> Admin
  </div>
  
  <!-- 관리자 로그인 모달 -->
  <div id="adminLoginModal" class="modal">
    <div class="modal-content">
      <h2>관리자 로그인</h2>
      <input type="password" id="adminPasswordInput" placeholder="관리자 비밀번호">
      <div>
        <button id="adminLoginButton">로그인</button>
        <button id="adminLoginClose">취소</button>
      </div>
    </div>
  </div>
  
  <!-- 센터 정렬된 타이틀 -->
  <div class="library-header">
    <div class="title">AI FlipBook Maker</div>
  </div>

  <section id="home" class="fade-in">
    <div class="upload-container">
      <button class="upload" id="pdfUploadBtn">
        <i class="fas fa-file-pdf"></i> PDF Upload
      </button>
      <input id="pdfInput" type="file" accept="application/pdf" style="display:none">
    </div>
    
    <div class="section-title">Projects</div>
    <div class="grid" id="grid">
      <!-- 카드가 여기에 동적으로 추가됩니다 -->
    </div>
    <div id="noProjects" class="no-projects" style="display: none;">
      프로젝트가 없습니다. PDF를 추가하여 시작하세요.
    </div>
  </section>

  <section id="viewerPage" style="display:none">
    <div id="viewer"></div>
    <div id="loadingPages" class="loading-pages" style="display:none;">페이지 로딩 중... <span id="loadingPagesCount">0/0</span></div>
  </section>
  
  <!-- 관리자 페이지 -->
  <section id="adminPage" style="display:none" class="fade-in">
    <h1>관리자 페이지</h1>
    <button id="adminBackButton"><i class="fas fa-arrow-left"></i> 뒤로 가기</button>
    
    <div class="section-title">저장된 PDF 목록</div>
    <div class="grid" id="adminGrid">
      <!-- 관리자 PDF 카드가 여기에 동적으로 추가됩니다 -->
    </div>
    <div id="noAdminProjects" class="no-projects" style="display: none;">
      저장된 PDF가 없습니다. PDF를 업로드하여 시작하세요.
    </div>
  </section>

  <script>
    let projects=[], fb=null;
    const grid=document.getElementById('grid'), viewer=document.getElementById('viewer');
    pdfjsLib.GlobalWorkerOptions.workerSrc='/static/pdf.worker.js';

    // 서버에서 미리 로드된 PDF 프로젝트
    let serverProjects = [];
    
    // 현재 페이지 로딩 상태
    let currentLoadingPdfPath = null;
    let pageLoadingInterval = null;
    
    // 현재 열린 PDF의 ID
    let currentPdfId = null;

    /* 🔊 오디오 unlock – 내장 Audio 와 같은 MP3 경로 사용 */
    ['click','touchstart'].forEach(evt=>{
      document.addEventListener(evt,function u(){new Audio('static/turnPage2.mp3')
            .play().then(a=>a.pause()).catch(()=>{});document.removeEventListener(evt,u,{capture:true});},
            {once:true,capture:true});
    });
    
    /* ── 유틸 ── */
    function $id(id){return document.getElementById(id)}
    
    // 파일 업로드 이벤트 처리
    document.addEventListener("DOMContentLoaded", function() {
      console.log("DOM 로드 완료, 이벤트 설정 시작");
      
      // PDF 업로드 버튼
      const pdfBtn = document.getElementById('pdfUploadBtn');
      const pdfInput = document.getElementById('pdfInput');
      
      if (pdfBtn && pdfInput) {
        console.log("PDF 업로드 버튼 찾음");
        
        // 버튼 클릭 시 파일 입력 트리거
        pdfBtn.addEventListener('click', function() {
          console.log("PDF 버튼 클릭됨");
          pdfInput.click();
        });
        
        // 파일 선택 시 처리
        pdfInput.addEventListener('change', function(e) {
          console.log("PDF 파일 선택됨:", e.target.files.length);
          const file = e.target.files[0];
          if (!file) return;
          
          // 서버에 PDF 업로드 (영구 저장소에 저장)
          uploadPdfToServer(file);
        });
      } else {
        console.error("PDF 업로드 요소를 찾을 수 없음");
      }
      
      // 서버 PDF 로드 및 캐시 상태 확인
      loadServerPDFs();
      
      // 캐시 상태를 주기적으로 확인
      setInterval(checkCacheStatus, 3000);
      
      // 관리자 버튼 이벤트 설정
      setupAdminFunctions();
    });
    
    // 서버에 PDF 업로드 함수
    async function uploadPdfToServer(file) {
      try {
        showLoading("PDF 업로드 중...");
        
        const formData = new FormData();
        formData.append('file', file);
        
        const response = await fetch('/api/upload-pdf', {
          method: 'POST',
          body: formData
        });
        
        const result = await response.json();
        
        if (result.success) {
          hideLoading();
          
          // 업로드 성공 시 서버 PDF 리스트 리로드
          await loadServerPDFs();
          
          // 성공 메시지
          showMessage("PDF가 성공적으로 업로드되었습니다! 공유 URL: " + result.viewUrl);
        } else {
          hideLoading();
          showError("업로드 실패: " + (result.message || "알 수 없는 오류"));
        }
      } catch (error) {
        console.error("PDF 업로드 오류:", error);
        hideLoading();
        showError("PDF 업로드 중 오류가 발생했습니다.");
      }
    }

function addCard(i, thumb, title, isCached = false, pdfId = null) {
  const d = document.createElement('div');
  d.className = 'card fade-in';
  d.onclick = () => open(i);
  
  // PDF ID가 있으면 데이터 속성으로 저장
  if (pdfId) {
    d.dataset.pdfId = pdfId;
  }
  
  // 제목 처리
  const displayTitle = title ? 
    (title.length > 15 ? title.substring(0, 15) + '...' : title) : 
    '프로젝트 ' + (i+1);
  
  // 캐시 상태 뱃지 추가
  const cachedBadge = isCached ? 
    '<div class="cached-status">캐시됨</div>' : '';
  
  // 바로가기 링크 추가 (PDF ID가 있는 경우에만)
  const linkHtml = pdfId ? 
    `<div style="position: absolute; bottom: 55px; left: 50%; transform: translateX(-50%); z-index:5;">
      <a href="/view/${pdfId}" target="_blank" style="color:#4a6ee0; font-size:11px;">바로가기 링크</a>
    </div>` : '';
  
  d.innerHTML = `
    <div class="card-inner">
      ${cachedBadge}
      <img src="${thumb}" alt="${displayTitle}" loading="lazy">
      ${linkHtml}
      <p title="${title || '프로젝트 ' + (i+1)}">${displayTitle}</p>
    </div>
  `;
  grid.appendChild(d);
  
  // 프로젝트가 있으면 '프로젝트 없음' 메시지 숨기기
  $id('noProjects').style.display = 'none';
}



    /* ── 프로젝트 저장 ── */
    function save(pages, title, isCached = false, pdfId = null) {
      const id = projects.push(pages) - 1;
      addCard(id, pages[0].thumb, title, isCached, pdfId);
    }

    /* ── 서버 PDF 로드 및 캐시 상태 확인 ── */
    async function loadServerPDFs() {
      try {
        // 로딩 표시 추가
        if (document.querySelectorAll('.card').length === 0) {
          showLoading("라이브러리 로딩 중...");
        }
        
        // 먼저 캐시 상태 확인
        const cacheStatusRes = await fetch('/api/cache-status');
        const cacheStatus = await cacheStatusRes.json();
        
        // PDF 프로젝트 목록 가져오기
        const response = await fetch('/api/pdf-projects');
        serverProjects = await response.json();
        
        // 기존 그리드 초기화
        grid.innerHTML = '';
        projects = [];
        
        if (serverProjects.length === 0) {
          hideLoading();
          $id('noProjects').style.display = 'block';
          return;
        }
        
        // 서버 PDF 로드 및 썸네일 생성 (병렬 처리로 최적화)
        const thumbnailPromises = serverProjects.map(async (project, index) => {
          updateLoading(`PDF 프로젝트 로딩 중... (${index+1}/${serverProjects.length})`);
          
          const pdfName = project.name;
          const isCached = cacheStatus[pdfName] && cacheStatus[pdfName].status === "completed";
          
          try {
            // 썸네일 가져오기
            const response = await fetch(`/api/pdf-thumbnail?path=${encodeURIComponent(project.path)}`);
            const data = await response.json();
            
            if(data.thumbnail) {
              const pages = [{
                src: data.thumbnail,
                thumb: data.thumbnail,
                path: project.path,
                cached: isCached
              }];
              
              return {
                pages,
                name: project.name,
                isCached,
                id: project.id
              };
            }
          } catch (err) {
            console.error(`썸네일 로드 오류 (${project.name}):`, err);
          }
          
          return null;
        });
        
        // 모든 썸네일 요청 기다리기
        const results = await Promise.all(thumbnailPromises);
        
        // 성공적으로 가져온 결과만 표시
        results.filter(result => result !== null).forEach(result => {
          save(result.pages, result.name, result.isCached, result.id);
        });
        
        hideLoading();
        
        // 프로젝트가 없을 경우 메시지 표시
        if (document.querySelectorAll('.card').length === 0) {
          $id('noProjects').style.display = 'block';
        }
      } catch(error) {
        console.error('서버 PDF 로드 실패:', error);
        hideLoading();
        showError("라이브러리 로딩 중 오류가 발생했습니다.");
      }
    }

    /* ── 캐시 상태 정기적으로 확인 ── */
    async function checkCacheStatus() {
      try {
        const response = await fetch('/api/cache-status');
        const cacheStatus = await response.json();
        
        // 현재 카드 상태 업데이트
        const cards = document.querySelectorAll('.card');
        
        for(let i = 0; i < cards.length; i++) {
          if(projects[i] && projects[i][0] && projects[i][0].path) {
            const pdfPath = projects[i][0].path;
            const pdfName = pdfPath.split('/').pop().replace('.pdf', '');
            
            // 캐시 상태 뱃지 업데이트
            let badgeEl = cards[i].querySelector('.cached-status');
            
            if(cacheStatus[pdfName] && cacheStatus[pdfName].status === "completed") {
              if(!badgeEl) {
                badgeEl = document.createElement('div');
                badgeEl.className = 'cached-status';
                badgeEl.textContent = '캐시됨';
                cards[i].querySelector('.card-inner')?.appendChild(badgeEl);
              } else if (badgeEl.textContent !== '캐시됨') {
                badgeEl.textContent = '캐시됨';
                badgeEl.style.background = 'var(--accent-color)';
              }
              projects[i][0].cached = true;
            } else if(cacheStatus[pdfName] && cacheStatus[pdfName].status === "processing") {
              if(!badgeEl) {
                badgeEl = document.createElement('div');
                badgeEl.className = 'cached-status';
                cards[i].querySelector('.card-inner')?.appendChild(badgeEl);
              }
              badgeEl.textContent = `${cacheStatus[pdfName].progress}%`;
              badgeEl.style.background = 'var(--secondary-color)';
            }
          }
        }
        
        // 현재 로딩 중인 PDF가 있으면 상태 확인
        if (currentLoadingPdfPath && pageLoadingInterval) {
          const pdfName = currentLoadingPdfPath.split('/').pop().replace('.pdf', '');
          
          if (cacheStatus[pdfName]) {
            const status = cacheStatus[pdfName].status;
            const progress = cacheStatus[pdfName].progress || 0;
            
            if (status === "completed") {
              // 캐싱 완료 시
              clearInterval(pageLoadingInterval);
              $id('loadingPages').style.display = 'none';
              currentLoadingPdfPath = null;
              
              // 완료된 캐시로 플립북 다시 로드
              refreshFlipBook();
            } else if (status === "processing") {
              // 진행 중일 때 표시 업데이트
              $id('loadingPages').style.display = 'block';
              $id('loadingPagesCount').textContent = `${progress}%`;
            }
          }
        }
        
      } catch(error) {
        console.error('캐시 상태 확인 오류:', error);
      }
    }

    /* ── PDF ID로 PDF 열기 ── */
    async function openPdfById(pdfId, pdfPath, isCached = false) {
      try {
        // 먼저 홈 화면에서 카드를 찾아서 클릭하는 방법 시도
        let foundCard = false;
        const cards = document.querySelectorAll('.card');
        
        for (let i = 0; i < cards.length; i++) {
          if (cards[i].dataset.pdfId === pdfId) {
            cards[i].click();
            foundCard = true;
            break;
          }
        }
        
        // 카드를 찾지 못한 경우 직접 오픈
        if (!foundCard) {
          toggle(false);
          showLoading("PDF 준비 중...");
          
          let pages = [];
          
          // 이미 캐시된 경우 캐시된 데이터 사용
          if (isCached) {
            try {
              const response = await fetch(`/api/cached-pdf?path=${encodeURIComponent(pdfPath)}`);
              const cachedData = await response.json();
              
              if (cachedData.status === "completed" && cachedData.pages) {
                hideLoading();
                createFlipBook(cachedData.pages);
                // 현재 열린 PDF의 ID 저장
                currentPdfId = pdfId;
                return;
              }
            } catch (error) {
              console.error("캐시 데이터 로드 실패:", error);
            }
          }
          
          // 썸네일 가져오기
          try {
            const thumbResponse = await fetch(`/api/pdf-thumbnail?path=${encodeURIComponent(pdfPath)}`);
            const thumbData = await thumbResponse.json();
            
            if (thumbData.thumbnail) {
              pages = [{
                src: thumbData.thumbnail,
                thumb: thumbData.thumbnail,
                path: pdfPath,
                cached: isCached
              }];
            }
          } catch (error) {
            console.error("썸네일 로드 실패:", error);
          }
          
          // 일단 기본 페이지 추가
          if (pages.length === 0) {
            pages = [{
              path: pdfPath,
              cached: isCached
            }];
          }
          
          // 프로젝트에 추가하고 뷰어 실행
          const projectId = projects.push(pages) - 1;
          hideLoading();
          open(projectId);
          
          // 현재 열린 PDF의 ID 저장
          currentPdfId = pdfId;
        }
      } catch (error) {
        console.error("PDF ID로 열기 실패:", error);
        hideLoading();
        showError("PDF를 열 수 없습니다. 다시 시도해주세요.");
      }
    }

    /* ── 현재 PDF의 고유 URL 생성 및 복사 ── */
    function copyPdfShareUrl() {
      if (!currentPdfId) {
        showError("공유할 PDF가 없습니다.");
        return;
      }
      
      // 현재 도메인 기반 전체 URL 생성
      const shareUrl = `${window.location.origin}/view/${currentPdfId}`;
      
      // 클립보드에 복사
      navigator.clipboard.writeText(shareUrl)
        .then(() => {
          showMessage("PDF 링크가 복사되었습니다!");
        })
        .catch(err => {
          console.error("클립보드 복사 실패:", err);
          showError("링크 복사에 실패했습니다.");
        });
    }

    /* ── 카드 → FlipBook ── */
    async function open(i) {
      toggle(false);
      const pages = projects[i];
      
      // PDF ID 찾기 및 저장
      const card = document.querySelectorAll('.card')[i];
      if (card && card.dataset.pdfId) {
        currentPdfId = card.dataset.pdfId;
      } else {
        currentPdfId = null;
      }
      
      // 기존 FlipBook 정리
      if(fb) {
        fb.destroy();
        viewer.innerHTML = '';
      }
      
      // 서버 PDF 또는 로컬 프로젝트 처리
      if(pages[0].path) {
        const pdfPath = pages[0].path;
        
        // 점진적 로딩 플래그 초기화
        let progressiveLoading = false;
        currentLoadingPdfPath = pdfPath;
        
        // 캐시 여부 확인
        if(pages[0].cached) {
          // 캐시된 PDF 데이터 가져오기
          showLoading("캐시된 PDF 로딩 중...");
          
          try {
            const response = await fetch(`/api/cached-pdf?path=${encodeURIComponent(pdfPath)}`);
            const cachedData = await response.json();
            
            if(cachedData.status === "completed" && cachedData.pages) {
              hideLoading();
              createFlipBook(cachedData.pages);
              currentLoadingPdfPath = null;
              return;
            } else if(cachedData.status === "processing" && cachedData.pages && cachedData.pages.length > 0) {
              // 일부 페이지가 이미 처리된 경우 점진적 로딩 사용
              hideLoading();
              createFlipBook(cachedData.pages);
              progressiveLoading = true;
              
              // 점진적 로딩 중임을 표시
              startProgressiveLoadingIndicator(cachedData.progress, cachedData.total_pages);
            }
          } catch(error) {
            console.error("캐시 데이터 로드 오류:", error);
            // 캐시 로딩 실패 시 원본 PDF로 대체
          }
        }
        
        if (!progressiveLoading) {
          // 캐시가 없거나 로딩 실패 시 서버 PDF 로드
          showLoading("PDF 준비 중...");
          
          try {
            const response = await fetch(`/api/pdf-content?path=${encodeURIComponent(pdfPath)}`);
            const data = await response.json();
            
            // 캐시로 리다이렉트된 경우
            if(data.redirect) {
              const redirectRes = await fetch(data.redirect);
              const cachedData = await redirectRes.json();
              
              if(cachedData.status === "completed" && cachedData.pages) {
                hideLoading();
                createFlipBook(cachedData.pages);
                currentLoadingPdfPath = null;
                return;
              } else if(cachedData.status === "processing" && cachedData.pages && cachedData.pages.length > 0) {
                // 일부 페이지가 이미 처리된 경우 점진적 로딩 사용
                hideLoading();
                createFlipBook(cachedData.pages);
                
                // 점진적 로딩 중임을 표시
                startProgressiveLoadingIndicator(cachedData.progress, cachedData.total_pages);
                return;
              }
            }
            
            // 원본 PDF 로드 (ArrayBuffer 형태)
            const pdfResponse = await fetch(`/api/pdf-content?path=${encodeURIComponent(pdfPath)}`);
            
            // JSON 응답인 경우 (리다이렉트 등)
            try {
              const jsonData = await pdfResponse.clone().json();
              if (jsonData.redirect) {
                const redirectRes = await fetch(jsonData.redirect);
                const cachedData = await redirectRes.json();
                
                if(cachedData.pages && cachedData.pages.length > 0) {
                  hideLoading();
                  createFlipBook(cachedData.pages);
                  
                  if(cachedData.status === "processing") {
                    startProgressiveLoadingIndicator(cachedData.progress, cachedData.total_pages);
                  } else {
                    currentLoadingPdfPath = null;
                  }
                  return;
                }
              }
            } catch (e) {
              // JSON 파싱 실패 시 원본 PDF 데이터로 처리
            }
            
            // ArrayBuffer 형태의 PDF 데이터
            const pdfData = await pdfResponse.arrayBuffer();
            
            // PDF 로드 및 페이지 렌더링
            const pdf = await pdfjsLib.getDocument({data: pdfData}).promise;
            const pdfPages = [];
            
            for(let p = 1; p <= pdf.numPages; p++) {
              updateLoading(`페이지 준비 중... (${p}/${pdf.numPages})`);
              
              const pg = await pdf.getPage(p);
              const vp = pg.getViewport({scale: 1});
              const c = document.createElement('canvas');
              c.width = vp.width;
              c.height = vp.height;
              
              await pg.render({canvasContext: c.getContext('2d'), viewport: vp}).promise;
              pdfPages.push({src: c.toDataURL(), thumb: c.toDataURL()});
            }
            
            hideLoading();
            createFlipBook(pdfPages);
            currentLoadingPdfPath = null;
            
          } catch(error) {
            console.error('PDF 처리 중 오류 발생:', error);
            hideLoading();
            showError("PDF를 로드하는 중 오류가 발생했습니다.");
            currentLoadingPdfPath = null;
          }
        }
      } else {
        // 로컬 업로드된 프로젝트 실행
        createFlipBook(pages);
        currentLoadingPdfPath = null;
      }
    }

    /* ── 점진적 로딩 인디케이터 시작 ── */
    function startProgressiveLoadingIndicator(progress, totalPages) {
      // 진행 상태 표시 활성화
      $id('loadingPages').style.display = 'block';
      $id('loadingPagesCount').textContent = `${progress}%`;
      
      // 기존 인터벌 제거
      if (pageLoadingInterval) {
        clearInterval(pageLoadingInterval);
      }
      
      // 주기적으로 캐시 상태 확인 (2초마다)
      pageLoadingInterval = setInterval(async () => {
        if (!currentLoadingPdfPath) {
          clearInterval(pageLoadingInterval);
          $id('loadingPages').style.display = 'none';
          return;
        }
        
        try {
          const response = await fetch(`/api/cache-status?path=${encodeURIComponent(currentLoadingPdfPath)}`);
          const status = await response.json();
          
          // 상태 업데이트
          if (status.status === "completed") {
            clearInterval(pageLoadingInterval);
            $id('loadingPages').style.display = 'none';
            refreshFlipBook();  // 완료된 데이터로 새로고침
            currentLoadingPdfPath = null;
          } else if (status.status === "processing") {
            $id('loadingPagesCount').textContent = `${status.progress}%`;
          }
        } catch (e) {
          console.error("캐시 상태 확인 오류:", e);
        }
      }, 1000);
    }

    /* ── 플립북 새로고침 ── */
    async function refreshFlipBook() {
      if (!currentLoadingPdfPath || !fb) return;
      
      try {
        const response = await fetch(`/api/cached-pdf?path=${encodeURIComponent(currentLoadingPdfPath)}`);
        const cachedData = await response.json();
        
        if(cachedData.status === "completed" && cachedData.pages) {
          // 기존 플립북 정리
          fb.destroy();
          viewer.innerHTML = '';
          
          // 새 데이터로 재생성
          createFlipBook(cachedData.pages);
          currentLoadingPdfPath = null;
        }
      } catch (e) {
        console.error("플립북 새로고침 오류:", e);
      }
    }

    function createFlipBook(pages) {
      console.log('FlipBook 생성 시작. 페이지 수:', pages.length);
      
      try {
        // 화면 비율 계산
        const calculateAspectRatio = () => {
          const windowWidth = window.innerWidth;
          const windowHeight = window.innerHeight;
          const aspectRatio = windowWidth / windowHeight;
          
          // 너비 또는 높이 기준으로 최대 90% 제한
          let width, height;
          if (aspectRatio > 1) { // 가로 화면
            height = Math.min(windowHeight * 0.9, windowHeight - 40);
            width = height * aspectRatio * 0.8; // 가로 화면에서는 약간 줄임
            if (width > windowWidth * 0.9) {
              width = windowWidth * 0.9;
              height = width / (aspectRatio * 0.8);
            }
          } else { // 세로 화면
            width = Math.min(windowWidth * 0.9, windowWidth - 40);
            height = width / aspectRatio * 0.9; // 세로 화면에서는 약간 늘림
            if (height > windowHeight * 0.9) {
              height = windowHeight * 0.9;
              width = height * aspectRatio * 0.9;
            }
          }
          
          // 최적 사이즈 반환
          return {
            width: Math.round(width),
            height: Math.round(height)
          };
        };
        
        // 초기 화면 비율 계산
        const size = calculateAspectRatio();
        viewer.style.width = size.width + 'px';
        viewer.style.height = size.height + 'px';
        
        // 페이지 데이터 정제 (빈 페이지 처리)
        const validPages = pages.map(page => {
          // src가 없는 페이지는 로딩 중 이미지로 대체
          if (!page || !page.src) {
            return {
              src: 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSIjZjVmNWY1Ii8+PHRleHQgeD0iNTAlIiB5PSI1MCUiIGZvbnQtZmFtaWx5PSJBcmlhbCIgZm9udC1zaXplPSIxMiIgdGV4dC1hbmNob3I9Im1pZGRsZSIgZHk9Ii4zZW0iIGZpbGw9IiM1NTUiPkxvYWRpbmcuLi48L3RleHQ+PC9zdmc+',
              thumb: page && page.thumb ? page.thumb : ''
            };
          }
          return page;
        });
        
        fb = new FlipBook(viewer, {
          pages: validPages,
          viewMode: 'webgl',
          autoSize: true,
          flipDuration: 800,
          backgroundColor: '#fff',
          /* 🔊 내장 사운드 */
          sound: true,
          assets: {flipMp3: 'static/turnPage2.mp3', hardFlipMp3: 'static/turnPage2.mp3'},
          controlsProps: {
            enableFullscreen: true,
            enableToc: true,
            enableDownload: false,
            enablePrint: false,
            enableZoom: true,
            enableShare: true, // 공유 버튼 활성화
            enableSearch: true,
            enableAutoPlay: true,
            enableAnnotation: false,
            enableSound: true,
            enableLightbox: false,
            layout: 10, // 레이아웃 옵션
            skin: 'light', // 스킨 스타일
            autoNavigationTime: 3600, // 자동 넘김 시간(초)
            hideControls: false, // 컨트롤 숨김 비활성화
            paddingTop: 10, // 상단 패딩
            paddingLeft: 10, // 좌측 패딩
            paddingRight: 10, // 우측 패딩
            paddingBottom: 10, // 하단 패딩
            pageTextureSize: 1024, // 페이지 텍스처 크기
            thumbnails: true, // 섬네일 활성화
            autoHideControls: false, // 자동 숨김 비활성화
            controlsTimeout: 8000, // 컨트롤 표시 시간 연장
            shareHandler: copyPdfShareUrl // 공유 핸들러 설정
          }
        });
        
        // 화면 크기 변경 시 FlipBook 크기 조정
        window.addEventListener('resize', () => {
          if (fb) {
            const newSize = calculateAspectRatio();
            viewer.style.width = newSize.width + 'px';
            viewer.style.height = newSize.height + 'px';
            fb.resize();
          }
        });
        
        // FlipBook 생성 후 컨트롤바 강제 표시
        setTimeout(() => {
          try {
            // 컨트롤바 관련 요소 찾기 및 스타일 적용
            const menuBars = document.querySelectorAll('.flipbook-container .fb3d-menu-bar');
            if (menuBars && menuBars.length > 0) {
              menuBars.forEach(menuBar => {
                menuBar.style.display = 'block';
                menuBar.style.opacity = '1';
                menuBar.style.visibility = 'visible';
                menuBar.style.zIndex = '9999';
              });
            }
          } catch (e) {
            console.warn('컨트롤바 스타일 적용 중 오류:', e);
          }
        }, 1000);
        
        console.log('FlipBook 생성 완료');
      } catch (error) {
        console.error('FlipBook 생성 중 오류 발생:', error);
        showError("FlipBook을 생성하는 중 오류가 발생했습니다.");
      }
    }

    /* ── 네비게이션 ── */
    $id('homeButton').onclick=()=>{
      if(fb) {
        fb.destroy();
        viewer.innerHTML = '';
        fb = null;
      }
      toggle(true);
      
      // 로딩 인디케이터 정리
      if (pageLoadingInterval) {
        clearInterval(pageLoadingInterval);
        pageLoadingInterval = null;
      }
      $id('loadingPages').style.display = 'none';
      currentLoadingPdfPath = null;
      currentPdfId = null;
    };

    function toggle(showHome){
      $id('home').style.display=showHome?'block':'none';
      $id('viewerPage').style.display=showHome?'none':'block';
      $id('homeButton').style.display=showHome?'none':'block';
      $id('adminPage').style.display='none';
      
      // 뷰어 모드일 때 스타일 변경
      if(!showHome) {
        document.body.classList.add('viewer-mode');
      } else {
        document.body.classList.remove('viewer-mode');
      }
    }
    
    /* -- 관리자 기능 -- */
    function setupAdminFunctions() {
      // 관리자 버튼 클릭 - 모달 표시
      $id('adminButton').addEventListener('click', function() {
        $id('adminLoginModal').style.display = 'flex';
        $id('adminPasswordInput').value = '';
        $id('adminPasswordInput').focus();
      });
      
      // 모달 닫기 버튼
      $id('adminLoginClose').addEventListener('click', function() {
        $id('adminLoginModal').style.display = 'none';
      });
      
      // 엔터 키로 로그인
      $id('adminPasswordInput').addEventListener('keyup', function(e) {
        if (e.key === 'Enter') {
          $id('adminLoginButton').click();
        }
      });
      
      // 로그인 버튼
      $id('adminLoginButton').addEventListener('click', async function() {
        const password = $id('adminPasswordInput').value;
        
        try {
          showLoading("로그인 중...");
          
          const formData = new FormData();
          formData.append('password', password);
          
          const response = await fetch('/api/admin-login', {
            method: 'POST',
            body: formData
          });
          
          const data = await response.json();
          
          hideLoading();
          
          if (data.success) {
            // 로그인 성공 - 관리자 페이지 표시
            $id('adminLoginModal').style.display = 'none';
            showAdminPage();
          } else {
            // 로그인 실패
            showError("관리자 인증 실패: 비밀번호가 일치하지 않습니다.");
          }
        } catch (error) {
          console.error("관리자 로그인 오류:", error);
          hideLoading();
          showError("로그인 처리 중 오류가 발생했습니다.");
        }
      });
      
      // 관리자 페이지 뒤로가기
      $id('adminBackButton').addEventListener('click', function() {
        $id('adminPage').style.display = 'none';
        $id('home').style.display = 'block';
      });
    }
    
    // 관리자 페이지 표시
    async function showAdminPage() {
      showLoading("관리자 페이지 로딩 중...");
      
      // 다른 페이지 숨기기
      $id('home').style.display = 'none';
      $id('viewerPage').style.display = 'none';
      
      // 관리자 페이지의 PDF 목록 로드
      try {
        const response = await fetch('/api/permanent-pdf-projects');
        const data = await response.json();
        
        const adminGrid = $id('adminGrid');
        adminGrid.innerHTML = ''; // 기존 내용 지우기
        
        if (data.length === 0) {
          $id('noAdminProjects').style.display = 'block';
        } else {
          $id('noAdminProjects').style.display = 'none';
          
          // 각 PDF 파일에 대한 카드 생성
          const thumbnailPromises = data.map(async (pdf) => {
            try {
              // 썸네일 가져오기
              const thumbResponse = await fetch(`/api/pdf-thumbnail?path=${encodeURIComponent(pdf.path)}`);
              const thumbData = await thumbResponse.json();
              
              // 표시 여부 확인 (메인 페이지에 표시되는지)
              const mainPdfPath = pdf.path.split('/').pop();
              const isMainDisplayed = serverProjects.some(p => p.path.includes(mainPdfPath));
              
              // 관리자 카드 생성
              const card = document.createElement('div');
              card.className = 'admin-card card fade-in';
              
              // 고유 URL 생성
              const viewUrl = `${window.location.origin}/view/${pdf.id}`;
              
              // 썸네일 및 정보
              card.innerHTML = `
                <div class="card-inner">
                  ${pdf.cached ? '<div class="cached-status">캐시됨</div>' : ''}
                  <img src="${thumbData.thumbnail || ''}" alt="${pdf.name}" loading="lazy">
                  <p title="${pdf.name}">${pdf.name.length > 15 ? pdf.name.substring(0, 15) + '...' : pdf.name}</p>
                  <div style="position: absolute; bottom: 130px; left: 50%; transform: translateX(-50%); z-index:10;">
                    <a href="${viewUrl}" target="_blank" style="color:#4a6ee0; font-size:12px;">바로가기 링크</a>
                  </div>
                  ${isMainDisplayed ? 
                    `<button class="unfeature-btn" data-path="${pdf.path}">메인에서 제거</button>` : 
                    `<button class="feature-btn" data-path="${pdf.path}">메인에 표시</button>`}
                  <button class="delete-btn" data-path="${pdf.path}">삭제</button>
                </div>
              `;
              
              adminGrid.appendChild(card);
              
              // 삭제 버튼 이벤트
              const deleteBtn = card.querySelector('.delete-btn');
              if (deleteBtn) {
                deleteBtn.addEventListener('click', async function(e) {
                  e.stopPropagation(); // 카드 클릭 이벤트 전파 방지
                  
                  if (confirm(`정말 "${pdf.name}" PDF를 삭제하시겠습니까?`)) {
                    try {
                      showLoading("PDF 삭제 중...");
                      
                      const response = await fetch(`/api/admin/delete-pdf?path=${encodeURIComponent(pdf.path)}`, {
                        method: 'DELETE'
                      });
                      
                      const result = await response.json();
                      
                      hideLoading();
                      
                      if (result.success) {
                        card.remove();
                        showMessage("PDF가 성공적으로 삭제되었습니다.");
                        
                        // 메인 PDF 목록 새로고침
                        loadServerPDFs();
                      } else {
                        showError("삭제 실패: " + (result.message || "알 수 없는 오류"));
                      }
                    } catch (error) {
                      console.error("PDF 삭제 오류:", error);
                      hideLoading();
                      showError("PDF 삭제 중 오류가 발생했습니다.");
                    }
                  }
                });
              }
              
              // 메인에 표시 버튼 이벤트
              const featureBtn = card.querySelector('.feature-btn');
              if (featureBtn) {
                featureBtn.addEventListener('click', async function(e) {
                  e.stopPropagation(); // 카드 클릭 이벤트 전파 방지
                  
                  try {
                    showLoading("처리 중...");
                    
                    const response = await fetch(`/api/admin/feature-pdf?path=${encodeURIComponent(pdf.path)}`, {
                      method: 'POST'
                    });
                    
                    const result = await response.json();
                    
                    hideLoading();
                    
                    if (result.success) {
                      showMessage("PDF가 메인 페이지에 표시됩니다.");
                      // 관리자 페이지 새로고침
                      showAdminPage();
                      // 메인 PDF 목록 새로고침
                      loadServerPDFs();
                    } else {
                      showError("처리 실패: " + (result.message || "알 수 없는 오류"));
                    }
                  } catch (error) {
                    console.error("PDF 표시 설정 오류:", error);
                    hideLoading();
                    showError("처리 중 오류가 발생했습니다.");
                  }
                });
              }
              
              // 메인에서 제거 버튼 이벤트
              const unfeatureBtn = card.querySelector('.unfeature-btn');
              if (unfeatureBtn) {
                unfeatureBtn.addEventListener('click', async function(e) {
                  e.stopPropagation(); // 카드 클릭 이벤트 전파 방지
                  
                  try {
                    showLoading("처리 중...");
                    
                    const response = await fetch(`/api/admin/unfeature-pdf?path=${encodeURIComponent(pdf.path)}`, {
                      method: 'DELETE'
                    });
                    
                    const result = await response.json();
                    
                    hideLoading();
                    
                    if (result.success) {
                      showMessage("PDF가 메인 페이지에서 제거되었습니다.");
                      // 관리자 페이지 새로고침
                      showAdminPage();
                      // 메인 PDF 목록 새로고침
                      loadServerPDFs();
                    } else {
                      showError("처리 실패: " + (result.message || "알 수 없는 오류"));
                    }
                  } catch (error) {
                    console.error("PDF 표시 해제 오류:", error);
                    hideLoading();
                    showError("처리 중 오류가 발생했습니다.");
                  }
                });
              }
            } catch (error) {
              console.error(`PDF ${pdf.name} 처리 오류:`, error);
            }
          });
          
          await Promise.all(thumbnailPromises);
        }
        
        // 관리자 페이지 표시
        hideLoading();
        $id('adminPage').style.display = 'block';
        
      } catch (error) {
        console.error("관리자 페이지 로드 오류:", error);
        hideLoading();
        showError("관리자 페이지 로드 중 오류가 발생했습니다.");
        $id('home').style.display = 'block'; // 오류 시 홈으로 복귀
      }
    }

    /* -- 로딩 및 오류 표시 -- */
    function showLoading(message, progress = -1) {
      // 기존 로딩 컨테이너가 있다면 제거
      hideLoading();
      
      const loadingContainer = document.createElement('div');
      loadingContainer.className = 'loading-container fade-in';
      loadingContainer.id = 'loadingContainer';
      
      let progressBarHtml = '';
      if (progress >= 0) {
        progressBarHtml = `
          <div class="progress-bar-container">
            <div id="progressBar" class="progress-bar" style="width: ${progress}%;"></div>
          </div>
        `;
      }
      
      loadingContainer.innerHTML = `
        <div class="loading-spinner"></div>
        <p class="loading-text" id="loadingText">${message || '로딩 중...'}</p>
        ${progressBarHtml}
      `;
      
      document.body.appendChild(loadingContainer);
    }
    
    function updateLoading(message, progress = -1) {
      const loadingText = $id('loadingText');
      if (loadingText) {
        loadingText.textContent = message;
      }
      
      if (progress >= 0) {
        let progressBar = $id('progressBar');
        
        if (!progressBar) {
          const loadingContainer = $id('loadingContainer');
          if (loadingContainer) {
            const progressContainer = document.createElement('div');
            progressContainer.className = 'progress-bar-container';
            progressContainer.innerHTML = `<div id="progressBar" class="progress-bar" style="width: ${progress}%;"></div>`;
            loadingContainer.appendChild(progressContainer);
            progressBar = $id('progressBar');
          }
        } else {
          progressBar.style.width = `${progress}%`;
        }
      }
    }
    
    function hideLoading() {
      const loadingContainer = $id('loadingContainer');
      if (loadingContainer) {
        loadingContainer.remove();
      }
    }
    
    function showError(message) {
      // 기존 오류 메시지가 있다면 제거
      const existingError = $id('errorContainer');
      if (existingError) {
        existingError.remove();
      }
      
      const errorContainer = document.createElement('div');
      errorContainer.className = 'loading-container fade-in';
      errorContainer.id = 'errorContainer';
      errorContainer.innerHTML = `
        <p class="loading-text" style="color: #e74c3c;">${message}</p>
        <button id="errorCloseBtn" style="margin-top: 15px; padding: 8px 16px; background: #3498db; color: white; border: none; border-radius: 4px; cursor: pointer;">확인</button>
      `;
      
      document.body.appendChild(errorContainer);
      
      // 확인 버튼 클릭 이벤트
      $id('errorCloseBtn').onclick = () => {
        errorContainer.remove();
      };
      
      // 5초 후 자동으로 닫기
      setTimeout(() => {
        if ($id('errorContainer')) {
          $id('errorContainer').remove();
        }
      }, 5000);
    }
    
    function showMessage(message) {
      // 기존 메시지가 있다면 제거
      const existingMessage = $id('messageContainer');
      if (existingMessage) {
        existingMessage.remove();
      }
      
      const messageContainer = document.createElement('div');
      messageContainer.className = 'loading-container fade-in';
      messageContainer.id = 'messageContainer';
      messageContainer.innerHTML = `
        <p class="loading-text" style="color: #2ecc71;">${message}</p>
        <button id="messageCloseBtn" style="margin-top: 15px; padding: 8px 16px; background: #3498db; color: white; border: none; border-radius: 4px; cursor: pointer;">확인</button>
      `;
      
      document.body.appendChild(messageContainer);
      
      // 확인 버튼 클릭 이벤트
      $id('messageCloseBtn').onclick = () => {
        messageContainer.remove();
      };
      
      // 3초 후 자동으로 닫기
      setTimeout(() => {
        if ($id('messageContainer')) {
          $id('messageContainer').remove();
        }
      }, 3000);
    }
  </script>
</body>
</html>
"""

if __name__ == "__main__":
    uvicorn.run("app:app", host="0.0.0.0", port=int(os.getenv("PORT", 7860)))