import ContentPage from '@/components/content/ContentPage';
import type { Metadata } from 'next';
import { fetchPage } from '@/lib/api';

// CMS-backed page: render on demand so Admin edits are visible immediately.
export const dynamic = 'force-dynamic';

export const metadata: Metadata = {
  title: 'Envíos y entregas',
  description:
    'Información sobre métodos de envío, plazos de entrega y costes. Envío a toda España peninsular.',
};

const FALLBACK_HTML = `
  <h2>Zonas de envío</h2>
  <p>Realizamos envíos a toda España peninsular. Para Canarias, Ceuta y Melilla, contacta con nosotros antes de realizar tu pedido.</p>
  <h2>Métodos de envío</h2>
  <h3>Envío estándar (3-5 días laborables)</h3>
  <p>Entrega en 3-5 días laborables. Coste según peso del pedido.</p>
  <h3>Envío express 24h</h3>
  <p>Entrega al día siguiente laborable para pedidos realizados antes de las 13:00h. Disponible para productos en stock.</p>
  <h2>Seguimiento del pedido</h2>
  <p>Una vez despachado tu pedido, recibirás un email con el número de seguimiento. Puedes rastrear tu paquete en la web del transportista.</p>
  <h2>Costes de envío</h2>
  <p>El coste exacto se calcula al finalizar tu pedido en función del peso y la dirección de entrega. Para pedidos superiores a un umbral mínimo, el envío estándar es gratuito.</p>
  <h2>Problemas con la entrega</h2>
  <p>Si tu pedido no llega en el plazo indicado, ponte en contacto con nosotros en <a href="mailto:hola@mercadodevida.es" class="text-[#70ad47] hover:underline">hola@mercadodevida.es</a>.</p>
`;

export default async function ShippingPage() {
  const cms = await fetchPage('shipping').catch(() => null);
  const body = cms?.body ?? FALLBACK_HTML;

  return (
    <ContentPage
      title={cms?.title ?? 'Envíos y entregas'}
      description="Información sobre cómo enviamos tu pedido y los plazos de entrega estimados."
    >
      <div dangerouslySetInnerHTML={{ __html: body }} />
    </ContentPage>
  );
}
