// Delivery — links de pedido por unidade (iFood, 99Food, Brendi).
// Preencha os campos que faltam assim que o cliente enviar os links.
const DELIVERY_UNITS = [
  {
    unit: 'Ilha Pura',
    links: {
      ifood: 'https://www.ifood.com.br/delivery/rio-de-janeiro-rj/panetteria-ilha-pura-jacarepagua/c10ff3a1-e168-4fa8-8033-9dc649bcda37?utm_medium=share',
      app99: 'https://oia.99app.com/dlp9/lu5b9G',
      brendi: 'https://menu.brendi.com.br/panetteria-ilha-pura',
    },
  },
  {
    unit: 'Ipanema',
    links: {
      ifood: null,
      app99: 'https://oia.99app.com/dlp9/Tgi30e',
      brendi: null,
    },
  },
];

const PLATFORMS = {
  ifood:  { label: 'iFood' },
  app99:  { label: '99Food' },
  brendi: { label: 'Brendi' },
};

function Delivery() {
  return (
    <section className="sec wrap deliv" id="delivery">
      <div className="sec-head center">
        <span className="eyebrow">Peça em casa</span>
        <h2>Também entregamos até você.</h2>
        <p>Escolha a unidade mais perto e peça pelo canal de sua preferência. Fique de olho nas promoções de cada app.</p>
      </div>
      <div className="deliv-grid">
        {DELIVERY_UNITS.map((u) => {
          const available = Object.entries(u.links).filter(([, href]) => href);
          return (
            <div className="deliv-unit" key={u.unit}>
              <h4>{u.unit}</h4>
              {available.length > 0 ? (
                <div className="deliv-btns">
                  {available.map(([key, href]) => (
                    <a key={key} className="deliv-btn" href={href} target="_blank" rel="noopener noreferrer">
                      {PLATFORMS[key].label}
                    </a>
                  ))}
                </div>
              ) : (
                <p className="deliv-soon">Delivery online em breve por aqui.</p>
              )}
            </div>
          );
        })}
      </div>
    </section>
  );
}
window.Delivery = Delivery;