import { NextRequest, NextResponse } from "next/server";
import { createClient } from "next-sanity";
import { Resend } from "resend";
import { apiVersion, dataset, projectId } from "@/sanity/lib/env";

export async function POST(req: NextRequest) {
  try {
    const body = await req.json();
    const {
      coupleNames,
      email,
      whatsapp,
      weddingDate,
      destinationRegion,
      guestCount,
      budgetRange,
      serviceTrack,
      message,
    } = body;

    // Basic validation
    if (!coupleNames || !email) {
      return NextResponse.json(
        { error: "Couple names and email are required." },
        { status: 400 }
      );
    }

    const submittedAt = new Date().toISOString();
    let savedToSanity = false;
    let emailDispatched = false;

    // 1. PERSIST TO SANITY CMS (Free NoSQL Cloud Database)
    const writeToken =
      process.env.SANITY_API_WRITE_TOKEN || process.env.SANITY_API_TOKEN;

    if (writeToken && projectId) {
      try {
        const writeClient = createClient({
          projectId,
          dataset,
          apiVersion,
          useCdn: false,
          token: writeToken,
        });

        await writeClient.create({
          _type: "inquiry",
          status: "new",
          coupleNames,
          email,
          whatsapp: whatsapp || "",
          weddingDate: weddingDate || "",
          destinationRegion: destinationRegion || "",
          guestCount: guestCount || "",
          budgetRange: budgetRange || "",
          serviceTrack: serviceTrack || "",
          message: message || "",
          submittedAt,
        });
        savedToSanity = true;
      } catch (sanityErr) {
        console.error("[Contact API] Failed to write to Sanity:", sanityErr);
      }
    } else {
      console.warn(
        "[Contact API] SANITY_API_WRITE_TOKEN not configured. Data received in dev:",
        { coupleNames, email, destinationRegion, budgetRange }
      );
    }

    // 2. DISPATCH NOTIFICATION EMAIL VIA RESEND (Free 3,000 emails/month)
    const resendApiKey = process.env.RESEND_API_KEY;
    if (resendApiKey) {
      try {
        const resend = new Resend(resendApiKey);
        await resend.emails.send({
          from: "Vietnam Wedding Guide <info@weddinginvietnam.com>",
          to: [process.env.CONTACT_NOTIFICATION_EMAIL || "vietnamweddingguide@gmail.com"],
          replyTo: email,
          subject: `✨ New Wedding Inquiry from ${coupleNames} (${destinationRegion || "Vietnam"})`,
          html: `
            <div style="font-family: Georgia, serif; max-width: 600px; margin: 0 auto; padding: 24px; color: #1C1917; line-height: 1.6;">
              <h2 style="color: #C5A880; font-size: 24px; margin-bottom: 8px;">New Advisory Inquiry Received</h2>
              <p style="color: #78716C; font-size: 14px; margin-bottom: 24px;">Submitted at ${new Date(submittedAt).toLocaleString()}</p>
              
              <table style="width: 100%; border-collapse: collapse; font-size: 14px;">
                <tr><td style="padding: 8px 0; border-bottom: 1px solid #E7E2DB; font-weight: bold; width: 160px;">Couple's Names:</td><td style="padding: 8px 0; border-bottom: 1px solid #E7E2DB;">${coupleNames}</td></tr>
                <tr><td style="padding: 8px 0; border-bottom: 1px solid #E7E2DB; font-weight: bold;">Email:</td><td style="padding: 8px 0; border-bottom: 1px solid #E7E2DB;"><a href="mailto:${email}">${email}</a></td></tr>
                <tr><td style="padding: 8px 0; border-bottom: 1px solid #E7E2DB; font-weight: bold;">WhatsApp:</td><td style="padding: 8px 0; border-bottom: 1px solid #E7E2DB;">${whatsapp || "Not provided"}</td></tr>
                <tr><td style="padding: 8px 0; border-bottom: 1px solid #E7E2DB; font-weight: bold;">Wedding Date:</td><td style="padding: 8px 0; border-bottom: 1px solid #E7E2DB;">${weddingDate || "Flexible"}</td></tr>
                <tr><td style="padding: 8px 0; border-bottom: 1px solid #E7E2DB; font-weight: bold;">Destination:</td><td style="padding: 8px 0; border-bottom: 1px solid #E7E2DB;">${destinationRegion || "Unspecified"}</td></tr>
                <tr><td style="padding: 8px 0; border-bottom: 1px solid #E7E2DB; font-weight: bold;">Guest Count:</td><td style="padding: 8px 0; border-bottom: 1px solid #E7E2DB;">${guestCount || "Unspecified"}</td></tr>
                <tr><td style="padding: 8px 0; border-bottom: 1px solid #E7E2DB; font-weight: bold;">Budget Range:</td><td style="padding: 8px 0; border-bottom: 1px solid #E7E2DB; color: #C5A880; font-weight: bold;">${budgetRange || "Unspecified"}</td></tr>
                <tr><td style="padding: 8px 0; border-bottom: 1px solid #E7E2DB; font-weight: bold;">Service Track:</td><td style="padding: 8px 0; border-bottom: 1px solid #E7E2DB;">${serviceTrack || "General Consultation"}</td></tr>
              </table>

              ${
                message
                  ? `<div style="margin-top: 20px; padding: 16px; background: #FAF8F5; border-radius: 12px; border-left: 4px solid #C5A880;">
                      <p style="font-weight: bold; margin-top: 0; margin-bottom: 8px;">Client Message / Key Challenges:</p>
                      <p style="margin: 0; white-space: pre-wrap;">${message}</p>
                    </div>`
                  : ""
              }

              <div style="margin-top: 32px; text-align: center;">
                <p style="font-size: 12px; color: #78716C;">View and manage this lead in <a href="https://studio.weddinginvietnam.com" style="color: #C5A880;">Sanity Studio &rarr;</a></p>
              </div>
            </div>
          `,
        });
        emailDispatched = true;
      } catch (resendErr) {
        console.error("[Contact API] Failed to send email via Resend:", resendErr);
      }
    }

    return NextResponse.json({
      success: true,
      savedToSanity,
      emailDispatched,
      message: "Inquiry successfully received.",
    });
  } catch (err: any) {
    console.error("[Contact API] Unhandled error:", err);
    return NextResponse.json(
      { error: "Internal server error occurred while processing inquiry." },
      { status: 500 }
    );
  }
}