import Image from "next/image";
import Link from "next/link";
import type { Metadata } from "next";
import { notFound } from "next/navigation";
import { db } from "@/lib/db";
import { getPublicTenant,tenantUrl } from "@/lib/public-tenant";

export async function generateMetadata({params}:{params:Promise<{host:string}>}):Promise<Metadata>{const {host}=await params;const tenant=await getPublicTenant(host);if(!tenant)return{};const url=`${tenantUrl(tenant)}/blog`;return{title:`Blog | ${tenant.name}`,description:`Conteúdos, novidades e dicas de ${tenant.name} em ${tenant.city}.`,alternates:{canonical:url},openGraph:{title:`Blog | ${tenant.name}`,description:`Conteúdos e novidades de ${tenant.name}.`,url,type:"website"}}}
export default async function StoreBlog({params}:{params:Promise<{host:string}>}){const {host}=await params;const tenant=await getPublicTenant(host);if(!tenant)notFound();const base=`/site/${encodeURIComponent(host)}`;const posts=await db.blogPost.findMany({where:{tenantId:tenant.id,published:true,publishedAt:{lte:new Date()}},orderBy:{publishedAt:"desc"}});return <main className="store-page store-blog"><header><p className="eyebrow">CONTEÚDO</p><h1>Blog</h1><p>Novidades, orientações e informações preparadas por {tenant.name}.</p></header>{posts.length?<div className="blog-grid">{posts.map(post=><article className="blog-card" key={post.id}>{post.coverImageUrl&&<Link href={`${base}/blog/${post.slug}`} className="blog-cover"><Image src={post.coverImageUrl} alt={post.title} width={900} height={520}/></Link>}<div><span>{post.category}</span><h2><Link href={`${base}/blog/${post.slug}`}>{post.title}</Link></h2><p>{post.excerpt}</p><small>{post.publishedAt?.toLocaleDateString("pt-BR",{day:"2-digit",month:"long",year:"numeric"})}</small><Link href={`${base}/blog/${post.slug}`}>Ler artigo →</Link></div></article>)}</div>:<div className="store-empty"><h2>Conteúdos em preparação</h2><p>Os primeiros artigos serão publicados em breve.</p></div>}</main>}