import type { Metadata } from "next";

export const metadata: Metadata = { title: "Podcast" };

export default function PodcastPage() {
  return (
    <div style={{ maxWidth: "100%" }}>
      <div className="page-title">Podcast</div>
      <p style={{ fontSize: "0.8rem", color: "var(--text-muted)", marginBottom: "2rem" }}>
        Türkçe siber güvenlik podcast&apos;i
      </p>

      <div className="card" style={{ marginBottom: "1.5rem", borderLeft: "3px solid var(--accent)" }}>
        <div style={{ display: "flex", alignItems: "center", gap: "0.5rem", marginBottom: "1rem" }}>
          <div style={{ width: "48px", height: "48px", background: "var(--bg)", border: "2px solid var(--accent)", borderRadius: "8px", display: "flex", alignItems: "center", justifyContent: "center", fontSize: "1.5rem" }}>
            ◉
          </div>
          <div>
            <div style={{ fontWeight: 700, fontSize: "1rem", color: "var(--text)" }}>Deniz Bektaş Podcast</div>
            <div style={{ fontSize: "0.75rem", color: "var(--text-muted)" }}>Siber güvenlik, red team ve hacker kültürü</div>
          </div>
        </div>

        <div style={{ fontSize: "0.82rem", color: "var(--text-muted)", lineHeight: 1.7, marginBottom: "1rem" }}>
          <p style={{ marginBottom: "0" }}>
            🚧 Yakında başlıyor. Türkçe teknik siber güvenlik podcast&apos;i.
            Konular: red team hikayeleri, tool analizleri, kariyer tavsiyeleri, sektör haberleri.
          </p>
        </div>

        <div style={{ display: "flex", gap: "0.5rem", flexWrap: "wrap" }}>
          <span className="tag">yakında</span>
          <span className="tag">türkçe</span>
          <span className="tag">infosec</span>
          <span className="tag">red team</span>
        </div>
      </div>

      <div style={{ marginBottom: "1.5rem" }}>
        <div className="section-header">Takip Kanalları</div>
        <div style={{ display: "flex", flexDirection: "column", gap: "0.5rem" }}>
          {[
            { name: "RSS Beslemesi", href: "/api/rss/podcast", icon: "⊞", desc: "Doğrudan RSS ile takip" },
            { name: "Spotify", href: "#", icon: "◉", desc: "Spotify Podcasts — yakında" },
            { name: "Apple Podcasts", href: "#", icon: "◉", desc: "Apple Podcasts — yakında" },
            { name: "YouTube", href: "#", icon: "▶", desc: "Video formatı — yakında" },
          ].map((c) => (
            <a key={c.name} href={c.href} className="card" style={{ display: "flex", alignItems: "center", gap: "0.75rem", opacity: c.href === "#" ? 0.5 : 1, cursor: c.href === "#" ? "not-allowed" : "pointer" }}>
              <span style={{ color: "var(--accent)", fontSize: "1rem", width: "24px", textAlign: "center" }}>{c.icon}</span>
              <div>
                <div style={{ fontSize: "0.85rem", fontWeight: 600, color: "var(--text)" }}>{c.name}</div>
                <div style={{ fontSize: "0.72rem", color: "var(--text-muted)" }}>{c.desc}</div>
              </div>
            </a>
          ))}
        </div>
      </div>

      <div className="card prose">
        <h2>Format</h2>
        <ul>
          <li>Dil: Türkçe</li>
          <li>Süre: 30-60 dakika</li>
          <li>Sıklık: İki haftada bir</li>
          <li>Format: Tekli bölüm + zaman zaman konuk</li>
        </ul>

        <h2>Konu Planı</h2>
        <ul>
          <li>Red team operasyonları — sahadan hikayeler</li>
          <li>CTF yarışmaları — nasıl katılırsınız, nasıl öğrenirsiniz</li>
          <li>Güvenlik sertifikaları — gerçekten değer mi?</li>
          <li>OSCP yolculuğu</li>
          <li>Kariyer tavsiyeleri — siber güvenliğe nasıl girilir</li>
          <li>Sektör haberleri ve büyük olayların analizi</li>
        </ul>
      </div>
    </div>
  );
}
