import type { Metadata } from "next";
import Link from "next/link";
import Ado2Logo from "@/components/ado2-logo";
import NavLink from "@/components/nav-link";
import { FEATURES } from "@/lib/features";

/* Playreel 자체 셸.
 * ADO2 BI 는 넣는다 — Playreel 은 별도 URL 로 나가지만 ADO2 제품이고,
 * 서브도메인(playreel.o2osolution.ai)을 권한 이유도 소속이 드러나는 편이 B2B 에 유리해서다.
 * 하우스 락업 문법은 (ado2) 셸과 같다: ADO2 로고 + 제품 워드마크.
 * 다만 여기서는 Playreel 이 서비스 이름이라 워드마크에 더 무게를 준다.
 *
 * ADO2 "화면"으로 건너가는 링크는 두지 않는다 — 별도 서비스가 자기 화면에서
 * 남의 서비스를 광고할 이유가 없다. 소속 표기와 이동 링크는 다른 문제다. */

export const metadata: Metadata = {
  title: "Playreel — 공연 예고편 · ADO2",
  description: "공연 상품페이지 주소 하나로 30초 세로 예고편을 만듭니다",
};

export default function PlayreelLayout({ children }: { children: React.ReactNode }) {
  return (
    <>
      <aside className="sidebar">
        <div className="sidebar-logo">
          <Link href="/playreel" className="pr-wordmark">
            <Ado2Logo height={24} />
            <span className="pr-line">
              <span className="pr-mark">PLAYREEL</span>
              <span className="pr-mark-ko">플레이릴</span>
            </span>
          </Link>
        </div>
        <nav className="sidebar-menu">
          <NavLink href="/playreel" icon="video">예고편 만들기</NavLink>
          {FEATURES.archive && <NavLink href="/playreel/archive" icon="folder">아카이브</NavLink>}
        </nav>
        <div className="sidebar-foot">Playreel · an ADO2 product · 내부 빌드</div>
      </aside>
      <main className="main-content">
        <div style={{ maxWidth: 1080, margin: "0 auto" }}>{children}</div>
      </main>
    </>
  );
}