import { prisma } from "@streamclipper/db";
import { updateYtdlpCookies } from "../actions";

export const dynamic = "force-dynamic";

export default async function SettingsPage() {
  const setting = await prisma.appSetting.findUnique({ where: { key: "ytdlp_cookies" } });

  return (
    <>
      <h1>Ayarlar</h1>

      <div className="card">
        <div className="card-head">
          <span>YouTube Cookie&apos;leri</span>
          <span className="mono">
            {setting ? `son güncelleme: ${setting.updatedAt.toLocaleString("tr-TR")}` : "hiç ayarlanmadı"}
          </span>
        </div>
        <p className="empty" style={{ marginBottom: "0.5rem" }}>
          YouTube canlı yayın kontrolü ve kayıt için kullanılıyor. Google, oturum çerezlerinin bir
          kısmını birkaç saatte bir yeniliyor — burada eskidiğini fark edersen (kanal detay
          sayfasında &quot;son poll hatası&quot; olarak görürsün) taze bir cookies.txt ile
          güncelle. Ana hesabın yerine ayrı, önemsiz bir Google hesabı kullanman önerilir.
        </p>
        <form action={updateYtdlpCookies}>
          <textarea
            name="cookies"
            required
            placeholder="Netscape formatlı cookies.txt içeriğini buraya yapıştır"
            rows={10}
            style={{
              width: "100%",
              background: "var(--bg)",
              border: "1px solid var(--border)",
              borderRadius: "6px",
              padding: "0.6rem 0.7rem",
              color: "var(--text)",
              fontFamily: "ui-monospace, SFMono-Regular, Menlo, monospace",
              fontSize: "0.75rem",
              resize: "vertical",
            }}
          />
          <button
            type="submit"
            style={{
              marginTop: "0.6rem",
              background: "var(--accent)",
              border: "none",
              borderRadius: "6px",
              padding: "0.5rem 1rem",
              color: "#fff",
              fontWeight: 600,
              fontSize: "0.9rem",
              cursor: "pointer",
            }}
          >
            Kaydet
          </button>
        </form>
      </div>
    </>
  );
}