/* ============================================================
   LEGAL — Privacy Policy & Terms (public, bilingual)
   Plain-language, venue-appropriate. Footer + age gate link here.
   ============================================================ */
function LegalShell({ title, updated, children }) {
  const t = useT();
  return (
    <div className="pt-28 md:pt-32 pb-24">
      <div className="container max-w-3xl">
        <div className="reveal mb-10">
          <Eyebrow num="">{t("Legal", "Legal")}</Eyebrow>
          <h1 className="text-4xl md:text-6xl font-black uppercase leading-[0.95] mt-4 mb-3">{title}</h1>
          <p className="text-white/40 text-sm">{t("Last updated", "Última actualización")}: {updated}</p>
        </div>
        <div className="space-y-8">{children}</div>
        <div className="mt-12 rounded-2xl border border-white/10 bg-card p-6 text-sm text-white/60">
          {t("Questions? Contact us at", "¿Preguntas? Escríbenos a")} <a href="mailto:RSVP@clubpinkpony.com" className="text-coral hover:underline">RSVP@clubpinkpony.com</a> · WhatsApp <a href={"https://wa.me/" + window.PP.WA} target="_blank" rel="noopener" className="text-coral hover:underline">{window.PP.WA_DISPLAY}</a>
        </div>
      </div>
    </div>
  );
}
function LegalSec({ n, title, children }) {
  return (
    <section className="reveal" data-d="1">
      <h2 className="text-lg font-black uppercase tracking-wide mb-2.5 flex items-baseline gap-3"><span className="serif-it text-coral font-normal">{n}</span>{title}</h2>
      <div className="text-white/60 text-[14.5px] leading-relaxed space-y-3">{children}</div>
    </section>
  );
}

function PrivacyPage() {
  const t = useT();
  return (
    <LegalShell title={t("Privacy Policy", "Política de Privacidad")} updated={t("June 2026", "Junio 2026")}>
      <LegalSec n="01" title={t("Who we are", "Quiénes somos")}>
        <p>{t("Club Pink Pony (\"Pink Pony\", \"we\") operates the website clubpinkpony.com and the venue at 7971 NW 33rd St, Doral, FL 33122. This policy explains what information we collect through the site and how we use it.",
             "Club Pink Pony (\"Pink Pony\", \"nosotros\") opera el sitio clubpinkpony.com y el venue en 7971 NW 33rd St, Doral, FL 33122. Esta política explica qué información recopilamos a través del sitio y cómo la usamos.")}</p>
      </LegalSec>
      <LegalSec n="02" title={t("What we collect", "Qué recopilamos")}>
        <p>{t("Reservations, guest-list requests, casting applications and event inquiries are sent to us by WhatsApp or email — we receive the details you choose to include (name, phone, date, party size). The website itself does not store these in a database.",
             "Las reservas, solicitudes de guest list, aplicaciones de casting y consultas de eventos nos llegan por WhatsApp o correo — recibimos los datos que tú decidas incluir (nombre, teléfono, fecha, número de personas). El sitio web por sí mismo no los guarda en una base de datos.")}</p>
        <p>{t("We may use analytics and advertising pixels (such as Google Analytics or Meta Pixel) to understand site traffic and measure campaigns. These tools set cookies and collect device identifiers, pages visited and approximate location.",
             "Podemos usar herramientas de analítica y píxeles publicitarios (como Google Analytics o Meta Pixel) para entender el tráfico del sitio y medir campañas. Estas herramientas usan cookies y recopilan identificadores del dispositivo, páginas visitadas y ubicación aproximada.")}</p>
      </LegalSec>
      <LegalSec n="03" title={t("How we use it", "Cómo la usamos")}>
        <p>{t("To take and confirm reservations, respond to inquiries, process casting applications, improve the site, and promote our events (including retargeting ads where permitted by law).",
             "Para tomar y confirmar reservas, responder consultas, procesar aplicaciones de casting, mejorar el sitio y promocionar nuestros eventos (incluida publicidad de retargeting donde la ley lo permita).")}</p>
      </LegalSec>
      <LegalSec n="04" title={t("What we don't do", "Lo que no hacemos")}>
        <p>{t("We do not sell your personal information. We share it only with service providers that help us operate (e.g., WhatsApp/Meta for messaging, analytics providers) or when required by law.",
             "No vendemos tu información personal. Solo la compartimos con proveedores que nos ayudan a operar (p. ej., WhatsApp/Meta para mensajería, proveedores de analítica) o cuando la ley lo exige.")}</p>
      </LegalSec>
      <LegalSec n="05" title={t("Age requirement", "Requisito de edad")}>
        <p>{t("This site and venue are for adults 21 and over. We do not knowingly collect information from anyone under 21.",
             "Este sitio y el venue son para adultos mayores de 21 años. No recopilamos a sabiendas información de menores de 21.")}</p>
      </LegalSec>
      <LegalSec n="06" title={t("Cameras at the venue", "Cámaras en el venue")}>
        <p>{t("The venue uses security cameras, and event photography/video may take place during operating hours. By entering the venue you consent to appearing in security footage and in promotional content captured in public areas. Tell our team if you prefer not to be photographed.",
             "El venue cuenta con cámaras de seguridad y puede haber fotografía/video de eventos durante el horario de operación. Al entrar al venue aceptas aparecer en grabaciones de seguridad y en contenido promocional captado en áreas públicas. Avisa a nuestro equipo si prefieres no ser fotografiado.")}</p>
      </LegalSec>
      <LegalSec n="07" title={t("Your choices", "Tus opciones")}>
        <p>{t("You can browse with cookies disabled, opt out of ad personalization in your Meta/Google settings, and ask us to delete messages you've sent us by contacting RSVP@clubpinkpony.com. Florida residents may have additional rights under applicable law.",
             "Puedes navegar con cookies desactivadas, desactivar la personalización de anuncios en tu configuración de Meta/Google y pedirnos borrar los mensajes que nos hayas enviado escribiendo a RSVP@clubpinkpony.com. Los residentes de Florida pueden tener derechos adicionales según la ley aplicable.")}</p>
      </LegalSec>
      <LegalSec n="08" title={t("Changes", "Cambios")}>
        <p>{t("We may update this policy; the date above reflects the latest version. Material changes will be posted on this page.",
             "Podemos actualizar esta política; la fecha de arriba refleja la versión más reciente. Los cambios importantes se publicarán en esta página.")}</p>
      </LegalSec>
    </LegalShell>
  );
}

function TermsPage() {
  const t = useT();
  return (
    <LegalShell title={t("Terms of Service", "Términos de Servicio")} updated={t("June 2026", "Junio 2026")}>
      <LegalSec n="01" title={t("Acceptance", "Aceptación")}>
        <p>{t("By using clubpinkpony.com or visiting Club Pink Pony you agree to these terms. If you do not agree, please do not use the site or enter the venue.",
             "Al usar clubpinkpony.com o visitar Club Pink Pony aceptas estos términos. Si no estás de acuerdo, por favor no uses el sitio ni entres al venue.")}</p>
      </LegalSec>
      <LegalSec n="02" title={t("21+ and admission", "21+ y admisión")}>
        <p>{t("Guests must be 21 or older with valid government-issued photo ID. Management reserves the right to refuse admission or service, and to remove any guest, at its sole discretion — including for dress code violations or unsafe behavior.",
             "Los invitados deben ser mayores de 21 años con identificación oficial vigente con foto. La gerencia se reserva el derecho de admisión y de servicio, y de retirar a cualquier invitado, a su sola discreción — incluyendo por incumplir el código de vestimenta o conductas inseguras.")}</p>
      </LegalSec>
      <LegalSec n="03" title={t("Reservations & payments", "Reservas y pagos")}>
        <p>{t("Table reservations and guest-list requests made through the site are confirmed by our team via WhatsApp or phone. Minimum-spend, deposit and cancellation terms are communicated at booking. Listed prices do not include the 20% service charge and 8% taxes unless stated.",
             "Las reservas de mesa y solicitudes de guest list hechas en el sitio se confirman por nuestro equipo vía WhatsApp o teléfono. Los consumos mínimos, depósitos y políticas de cancelación se comunican al reservar. Los precios publicados no incluyen el 20% de cargo por servicio ni el 8% de impuestos salvo que se indique.")}</p>
      </LegalSec>
      <LegalSec n="04" title={t("Menus, events & pricing", "Menús, eventos y precios")}>
        <p>{t("Menus, lineups, promotions and prices on this site may change without notice and may vary by night. Event dates (including watch parties) depend on third-party schedules and may move.",
             "Los menús, carteleras, promociones y precios de este sitio pueden cambiar sin previo aviso y variar por noche. Las fechas de eventos (incluidos los watch parties) dependen de calendarios de terceros y pueden moverse.")}</p>
      </LegalSec>
      <LegalSec n="05" title={t("Conduct", "Conducta")}>
        <p>{t("Respect our performers, staff and guests. No photography in restricted areas, no harassment, no illegal substances. Violations may result in removal without refund and, where appropriate, a report to authorities.",
             "Respeta a nuestras artistas, staff e invitados. No fotografíes en áreas restringidas, nada de acoso ni sustancias ilegales. Las violaciones pueden resultar en expulsión sin reembolso y, cuando corresponda, reporte a las autoridades.")}</p>
      </LegalSec>
      <LegalSec n="06" title={t("Intellectual property", "Propiedad intelectual")}>
        <p>{t("The Pink Pony name, logo, photos and site content are our property or used with permission. Don't reuse them commercially without written consent.",
             "El nombre Pink Pony, el logo, las fotos y el contenido del sitio son de nuestra propiedad o se usan con permiso. No los reutilices comercialmente sin consentimiento escrito.")}</p>
      </LegalSec>
      <LegalSec n="07" title={t("Disclaimer & liability", "Descargo y responsabilidad")}>
        <p>{t("The site is provided \"as is\". To the maximum extent permitted by law, Club Pink Pony is not liable for indirect or consequential damages arising from use of the site or attendance at the venue, except where caused by our gross negligence.",
             "El sitio se ofrece \"tal cual\". En la máxima medida permitida por la ley, Club Pink Pony no es responsable por daños indirectos o consecuentes derivados del uso del sitio o de la asistencia al venue, salvo cuando sean causados por nuestra negligencia grave.")}</p>
      </LegalSec>
      <LegalSec n="08" title={t("Governing law", "Ley aplicable")}>
        <p>{t("These terms are governed by the laws of the State of Florida, USA. Venue: Miami-Dade County.",
             "Estos términos se rigen por las leyes del Estado de Florida, EE. UU. Jurisdicción: Condado de Miami-Dade.")}</p>
      </LegalSec>
    </LegalShell>
  );
}

Object.assign(window, { PrivacyPage, TermsPage });