const BoxHotLine = () => {
  return (
    <dialog id="boxHotline" className="modal">
      <div className="modal-box max-w-[750px] bg-white">
        <form method="dialog">
          <button className="btn btn-sm btn-circle btn-ghost absolute top-2 right-2">✕</button>
        </form>
        <div id="popup-hotline">
          <div className="flex justify-between gap-5">
            <div className="content-pop khach-ca-nhan khach-hang-ca-nhan">
              <p className="title-content-pop">Khách cá nhân</p>
              <div className="item-pop">
                <div className="title-item-pop">Tư Vấn - Bán Hàng Online:</div>
                <div className="item-people">
                  <p className="phone">0828.333.363</p>
                  <span>Mr Ngọc</span>
                </div>
                <div className="item-people">
                  <p className="phone">0989.336.366</p>
                  <span>Mr Hùng</span>
                </div>
                <div className="item-people">
                  <p className="phone">0707.08.6666</p>
                  <span>Mr Hoàng</span>
                </div>
                <div className="item-people">
                  <p className="phone">089.9999.191</p>
                  <span>Mr Lộc</span>
                </div>
                <div className="item-people">
                  <p className="phone">0812.666.665</p>
                  <span>Mr Tuấn Anh</span>
                </div>
                <div className="item-people">
                  <p className="phone">09.8888.2838</p>
                  <span>Mr. Minh</span>
                </div>
              </div>

              <div className="item-pop">
                <div className="title-item-pop">HOTLINE:</div>
                <div className="item-people">
                  <p className="phone">098.33333.88</p>
                  <span>Showroom TP. Hồ Chí Minh</span>
                </div>
                <div className="item-people">
                  <p className="phone">097.9999.191</p>
                  <span>Showroom TP. Hà Nội</span>
                </div>
                <div className="item-people">
                  <p className="phone">0765.666.668</p>
                  <span>Showroom TP. Hà Nội</span>
                </div>
              </div>
              <div className="item-pop">
                <div className="title-item-pop">Bảo hành - Hỗ trợ kỹ thuật</div>
                <div className="item-people">
                  <p className="phone">0705.666.668</p>
                  <span>17 Hà Kế Tấn, Phường Phương Liệt, Hà Nội</span>
                </div>
                <div className="item-people">
                  <p className="phone">079.9999.191</p>
                  <span>249 Lý Thường Kiệt, phường Phú Thọ, TP. Hồ Chí Minh </span>
                </div>
              </div>
              <div className="item-pop">
                <div className="title-item-pop">Kế toán:</div>
                <div className="item-people">
                  <p className="phone">0332.101.130</p>
                  <span></span>
                </div>
              </div>
              <div className="item-pop">
                <div className="title-item-pop">Kế toán công nợ:</div>
                <div className="item-people">
                  <p className="phone">0968.929.992</p> <span></span>
                </div>
              </div>
              <div className="item-cskh">
                <b>GÓP Ý</b>:{' '}
                <a
                  href="javascript:void(0)"
                  style={{ color: '#FFB233', fontWeight: 'bold', fontSize: '16px' }}
                >
                  097.9999.191 -{' '}
                </a>{' '}
                <a
                  href="javascript:void(0)"
                  style={{ color: '#FFB233', fontWeight: 'bold', fontSize: '16px' }}
                >
                  098.33333.88
                </a>
              </div>
            </div>

            <div className="content-pop khach-doanh-nghiep">
              <p className="title-content-pop">Khách doanh nghiệp</p>
              <div className="item-pop">
                <div className="title-item-pop">Tư Vấn - Bán Hàng Online:</div>
                <div className="item-people">
                  <p className="phone">097.9999.191</p>
                  <span>Mr Lực</span>
                </div>
                <div className="item-people">
                  <p className="phone">0828.333.363</p>
                  <span>Mr Ngọc</span>
                </div>
                <div className="item-people">
                  <p className="phone">0707.08.6666</p>
                  <span>Mr Hoàng</span>
                </div>
              </div>
              <div className="item-pop">
                <div className="title-item-pop">Khách hàng đại lý - MUA, BÁN BUÔN</div>
                <div className="item-people">
                  <a href="tel:0981226969">098.122.6969</a>
                  <span>Ms Tuyết</span>
                </div>
                <div className="item-people">
                  <a href="tel:0987414899">098.741.4899</a>
                  <span>Ms Trang</span>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <form method="dialog" className="modal-backdrop">
        <button>Close</button>
      </form>
    </dialog>
  );
};
export default BoxHotLine;
