import Link from "next/link";
import type { Metadata } from "next";

export const metadata: Metadata = {
  title: "Cambios y devoluciones · OLD TENNIS",
  description:
    "Política de cancelaciones, cambios y reembolsos de OLD TENNIS.",
};

const sections = [
  {
    title: "1. Cancelar antes del envío",
    body: [
      "Puedes pedir la cancelación mientras el pedido esté en Por alistar o Alistado.",
      "En cuanto se genera la guía de envío (estado Despachado), ya no es posible cancelar: el paquete salió de bodega.",
      "Recomendamos avisar lo antes posible (idealmente en las primeras 24 horas) para liberar inventario y acelerar el reembolso.",
    ],
  },
  {
    title: "2. Después de despachar",
    body: [
      "Si el pedido ya tiene guía, espera a recibirlo.",
      "Desde la entrega tienes 30 días calendario para solicitar cambio o devolución.",
      "La prenda debe llegar sin uso, con etiquetas y en su empaque original.",
    ],
  },
  {
    title: "3. Cómo se hace un cambio o devolución",
    body: [
      "Escríbenos a hola@ot.azulado.cloud o desde tu cuenta → Cambio y devolución, indicando número de pedido y motivo.",
      "Te confirmamos la solicitud y te indicamos cómo devolver la prenda.",
      "Al recibirla verificamos el estado (1 a 3 días hábiles).",
      "Cambio: enviamos la talla/color nuevo cuando esté disponible.",
      "Devolución: reembolso a la misma cuenta/medio con el que pagaste (Wompi), en un plazo típico de 3 a 10 días hábiles según el banco.",
    ],
  },
  {
    title: "4. Reembolso si cancelas a tiempo",
    body: [
      "Cancelamos el pedido en el sistema y marcamos reembolso pendiente.",
      "El dinero vuelve por el mismo canal de pago (tarjeta, Nequi, etc.). No se acredita a otra cuenta distinta a la del pago.",
      "Nuestro equipo registra el reembolso en Wompi y te confirma cuando queda hecho.",
    ],
  },
  {
    title: "5. Seguir tu pedido",
    body: [
      "Cuando el pedido se despacha, guardamos el número de guía.",
      "Podrás ver el estado (Por alistar → Alistado → Despachado) y el enlace o número de guía desde tu cuenta / pedidos.",
      "Si aún no aparece la guía, el paquete sigue en alistamiento.",
    ],
  },
];

export default function CambiosYDevolucionesPage() {
  return (
    <main className="bg-ot-cream min-h-[70vh]">
      <div className="ot-container py-14 md:py-20 max-w-3xl">
        <p className="ot-eyebrow text-ot-gold">Ayuda</p>
        <h1 className="font-serif text-4xl md:text-5xl mt-2 leading-tight">
          Cambios y devoluciones
        </h1>
        <p className="mt-4 text-ot-muted leading-relaxed max-w-xl">
          Así funciona el ciclo de tu compra en OLD TENNIS: cancelación antes
          del envío, seguimiento con guía, y cambios o devoluciones al recibir.
        </p>

        <div className="mt-10 space-y-8">
          {sections.map((s) => (
            <section key={s.title} className="border-t border-black/10 pt-6">
              <h2 className="font-serif text-2xl">{s.title}</h2>
              <ul className="mt-3 space-y-2 text-sm leading-relaxed text-ot-ink/85">
                {s.body.map((line) => (
                  <li key={line} className="pl-4 relative before:content-['·'] before:absolute before:left-0 before:text-ot-gold">
                    {line}
                  </li>
                ))}
              </ul>
            </section>
          ))}
        </div>

        <div className="mt-12 flex flex-wrap gap-3">
          <Link href="/account/returns" className="ot-btn">
            Ir a mi cuenta
          </Link>
          <a href="mailto:hola@ot.azulado.cloud" className="ot-btn ot-btn-ghost">
            Escribir a soporte
          </a>
        </div>
      </div>
    </main>
  );
}