// Contact.jsx — contact info + hours
function Contact() {
  const today = new Date().getDay(); // 0 Sun – 6 Sat
  const days = [
    { name: "Mandag", hours: "11:00 – 21:00", idx: 1 },
    { name: "Tirsdag", hours: "11:00 – 21:00", idx: 2 },
    { name: "Onsdag", hours: "11:00 – 21:00", idx: 3 },
    { name: "Torsdag", hours: "11:00 – 21:00", idx: 4 },
    { name: "Fredag", hours: "11:00 – 22:00", idx: 5 },
    { name: "Lørdag", hours: "11:00 – 22:00", idx: 6 },
    { name: "Søndag", hours: "11:00 – 21:00", idx: 0 },
  ];

  return (
    <section className="jv-section" id="kontakt">
      <div className="jv-section-inner">
        <div className="jv-eyebrow">📍 Finn oss</div>
        <h2 className="jv-section-title">Kontakt <em>oss</em></h2>
        <div className="jv-kontakt">
          <div className="jv-kontakt-info">
            <div className="jv-kontakt-row">
              <div className="jv-kontakt-ic">📞</div>
              <div>
                <div className="jv-kontakt-l">Telefon</div>
                <div className="jv-kontakt-v"><a href="tel:98642028">98 64 20 28</a></div>
              </div>
            </div>
            <div className="jv-kontakt-row">
              <div className="jv-kontakt-ic">✉️</div>
              <div>
                <div className="jv-kontakt-l">E-post</div>
                <div className="jv-kontakt-v"><a href="mailto:post@jafsjeloy.no">post@jafsjeloy.no</a></div>
              </div>
            </div>
            <div className="jv-kontakt-row">
              <div className="jv-kontakt-ic">📍</div>
              <div>
                <div className="jv-kontakt-l">Adresse</div>
                <div className="jv-kontakt-v">Gimleveien 5, 1511 Moss</div>
              </div>
            </div>
          </div>
          <div>
            <div className="jv-hours-title">Åpningstider</div>
            <div>
              {days.map(d => (
                <div key={d.name} className={"jv-hours-row" + (d.idx === today ? " today" : "")}>
                  <span>{d.name}</span>
                  <span>{d.hours}</span>
                </div>
              ))}
            </div>
          </div>
        </div>
      </div>
    </section>
  );
}

window.Contact = Contact;