<!doctype html>
<html lang="ko">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <%- include('partials/favicon') %>
    <title><%= lecture.title %> - 동영상 강의</title>
    <link rel="stylesheet" href="/public/styles.css" />
  </head>
  <body>
    <div class="app-shell">
      <%- include('partials/nav', { activeMenu: 'learning' }) %>
      <div class="content-area">
        <main class="viewer-wrap">
          <a href="/learning" class="back-link">← 학습센터로 돌아가기</a>
          <h1><%= lecture.title %></h1>
          <p class="description"><%= lecture.description || "설명이 없습니다." %></p>
          <div class="lecture-video-wrap">
            <video
              class="lecture-video-player"
              controls
              playsinline
              preload="metadata"
              src="<%= videoSrc %>"
            >
              이 브라우저는 HTML5 동영상 재생을 지원하지 않습니다.
            </video>
          </div>
        </main>
      </div>
    </div>
  </body>
</html>
