const BoxShowroom: React.FC = () => {
  return (
    <>
      <dialog id="boxShowroom" className="modal">
        <div className="modal-box max-w-[1000px] bg-white">
          <form method="dialog">
            <button className="btn btn-sm btn-circle btn-ghost absolute top-2 right-2">✕</button>
          </form>
          <div className="popup-showrom-container d-block">
            <p className="group-title">HỆ THỐNG SHOWROOM</p>
            <div className="mt-5 grid grid-cols-2 gap-5">
              <div className="item">
                <p className="item-title">1. Hà Nội</p>
                <p>17 Hà Kế Tấn, Phường Phương Liệt, Hà Nội.</p>
                <p>
                  Giờ làm việc: <b>08:30 - 20:30</b>
                </p>
                <iframe
                  width={'100%'}
                  src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3132.222076725264!2d105.83522224518104!3d20.998217116862435!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3135ac7b37915991%3A0xe20876d091ded6bc!2zMTcgUC4gSMOgIEvhur8gVOG6pW4sIFBoxrDGoW5nIExp4buHdCwgVGhhbmggWHXDom4sIEjDoCBO4buZaSwgVmnhu4d0IE5hbQ!5e0!3m2!1svi!2s!4v1720509407173!5m2!1svi!2s"
                ></iframe>
              </div>
              <div className="item">
                <p className="item-title">2. Hồ Chí Minh</p>
                <p>249 Lý Thường Kiệt, Phường Phú Thọ, TP. Hồ Chí Minh</p>
                <p>
                  Giờ làm việc: <b>08:30 - 20:30</b>
                </p>
                <iframe
                  width={'100%'}
                  src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d15678.56730501209!2d106.66439700000001!3d10.762063!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x85a7fc3a74bcd7fd!2zTcOheSBUw61uaCBOZ3V54buFbiBDw7RuZyAxNzYgVMOibiBQaMaw4bubYw!5e0!3m2!1svi!2sus!4v1658936898247!5m2!1svi!2sus"
                ></iframe>
              </div>
            </div>
          </div>
        </div>
        <form method="dialog" className="modal-backdrop">
          <button>Close</button>
        </form>
      </dialog>
    </>
  );
};

export default BoxShowroom;