<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1"> <title>GOTB316TV Admin</title> <link rel="stylesheet" href="styles.css"> </head> <body> <header class="topbar"> <div class="brand"><img src="gotb-logo.jpg" alt="Get Off The Block" class="brand-logo"></div> <nav><a href="index.html">View Site</a></nav> </header> <main class="admin-shell"> <section class="admin-panel"> <h1>Add Content</h1> <p class="muted">Publishes directly to the GOTB316TV D1 catalog.</p> <form id="contentForm" class="admin-form"> <label>Title <input id="title" required placeholder="Episode 1 — The Beginning"> </label> <div class="two-col"> <label>Type <select id="type"> <option value="movie">Movie</option> <option value="series">Series</option> <option value="episode">Episode</option> </select> </label> <label>Season / Episode <input id="episode" placeholder="S1 E1"> </label> </div> <label>Cover image URL or filename <input id="cover" placeholder="get-off-the-block-cover.jpg"> </label> <label>Cloudflare Stream iframe URL <input id="video" placeholder="https://customer-...cloudflarestream.com/.../iframe"> </label> <label>Trailer URL (Cloudflare Stream iframe) <input id="trailer" placeholder="https://customer-...cloudflarestream.com/.../iframe"> </label> <label>Description <textarea id="description" rows="5" placeholder="Short description viewers will see."></textarea> </label> <button class="btn btn-light" type="submit">Publish</button> </form> </section> <section class="admin-panel"> <h2>Your Added Content</h2> <div id="catalogList" class="admin-list">Loading…</div> </section> </main> <script src="admin.js"></script> </body> </html>