Untitled

<div id="confirmPopup" class="fixed inset-0 bg-black bg-opacity-50 flex justify-center items-center hidden z-50">
  <div class="bg-white rounded-lg p-8 max-w-md w-full shadow-lg relative">
    <div class="absolute top-0 left-1/2 transform -translate-x-1/2 -translate-y-1/2 bg-green-500 text-white rounded-full p-2">
      <img src="/skyform/whatsapp-hd.png" alt="WhatsApp" class="h-10 w-10">
    </div>
    <div class="flex flex-col items-center">
      <h2 class="text-lg font-bold mb-2 text-center">¿Confirma su número de teléfono?</h2>
      <p class="text-center mb-4 text-gray-600">Recibirá un mensaje de WhatsApp para confirmar el pedido.</p>
      <p id="confirmPhone" class="mb-6 text-center text-4xl font-bold text-green-700">5551234567</p>
      <div class="flex flex-col items-center w-full">
        <button class="bg-red-500 hover:bg-red-600 text-white font-bold py-2 px-4 rounded w-full mb-6" onclick="editPhoneNumber()">Modificar</button>
        <button class="bg-green-600 hover:bg-green-700 text-white font-bold py-4 px-4 rounded w-full flex items-center justify-center text-2xl uppercase shadow-md" style="box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);" onclick="submitForm()">
          <img src="/skyform/cart.png" alt="Carrello" class="w-6 h-6 mr-2">
          <span>Sí, es correcto</span>
        </button>
      </div>
    </div>
  </div>
</div>