import type { Metadata } from "next";
import { TemplateStudioAdminClient } from "@/components/TemplateStudioAdminClient";

export const metadata: Metadata = {
  title: "QR Şablon Stüdyosu | Menulio Admin",
  description: "Masa standı şablonlarını görsel editör veya JSON ile tasarlayın, canlı önizleyin ve anında yayınlayın.",
};

export default function AdminTemplatesPage() {
  return (
    <div className="max-w-7xl mx-auto space-y-6">
      <div className="flex flex-col md:flex-row md:items-center md:justify-between gap-2 border-b border-white/10 pb-5">
        <div>
          <h1 className="text-2xl font-extrabold text-white tracking-tight">
            QR Masa Standı Şablon Stüdyosu
          </h1>
          <p className="text-zinc-400 text-xs mt-1">
            Uygulama güncellemesi gerektirmeden yeni şablonlar ekleyin, renkleri ve QR koordinatlarını düzenleyin.
          </p>
        </div>
      </div>

      <TemplateStudioAdminClient />
    </div>
  );
}