import React from "react";
import type { Metadata } from "next";
import { welcomeEmail, otpEmail, subscribeEmail, resetPassword, thankyouCantact, adminContact, thankyouCareer, adminCareer } from "@/lib/templates/mails";

// ✅ Metadata remains accessible
export const metadata: Metadata = {
  title: `Email Preview - ${process.env.SITE_NAME}`,
  description: `${process.env.SITE_DESCRIPTION}`,
  keywords: `${process.env.SITE_KEYWORDS}`,
  icons: "/favicon.webp",
};

export default function EmailPreview() {
  const welcomeHtml = welcomeEmail("Mayank");
  const otpHtml = otpEmail("Mayank","123456");
  const subscribeHtml = subscribeEmail();
  const passwordHtml = resetPassword("Mayank");
  const thankyouCantactHtml = thankyouCantact("Mayank","Tripathi");
  const adminContactHtml = adminContact("Mayank", "Tripathi", "useremail@mail.com", "7000015000", "My Company", "This is a test message");
  const thankyouCareerHtml = thankyouCareer("Mayank","Tripathi");
  const adminCareerHtml = adminCareer("Mayank", "Tripathi", "useremail@mail.com", "7000015000", "Post Graduate", "10 Year+", "This is a test message");
  return (
    <div style={{ padding: "2rem" }}>
      <h3>Welcome Email Preview</h3>
      <div dangerouslySetInnerHTML={{ __html: welcomeHtml }} />
      <h3>OTP Email Preview</h3>
      <div dangerouslySetInnerHTML={{ __html: otpHtml }} />
      <hr style={{ margin: "4rem 0" }} />
      <h3>Subscribe Email Preview</h3>
      <div dangerouslySetInnerHTML={{ __html: subscribeHtml }} />
      <h3>Password Reset Confirmation Preview</h3>
      <div dangerouslySetInnerHTML={{ __html: passwordHtml }} />
      <h3>Contact Us Thankyou Preview</h3>
      <div dangerouslySetInnerHTML={{ __html: thankyouCantactHtml }} />
      <h3>Contact Us Admin Preview</h3>
      <div dangerouslySetInnerHTML={{ __html: adminContactHtml }} />
      <h3>Career Thankyou Preview</h3>
      <div dangerouslySetInnerHTML={{ __html: thankyouCareerHtml }} />
      <h3>Career Admin Preview</h3>
      <div dangerouslySetInnerHTML={{ __html: adminCareerHtml }} />
    </div>
  );
}