<!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta charset="UTF-8">
    <title>Modal Automático</title>
    <!-- Bootstrap CSS -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>

<!-- Modal -->
<div class="modal fade" id="autoModal" tabindex="-1" aria-labelledby="autoModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-dialog-centered">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="autoModalLabel">Escolha uma opção</h5>
      </div>
      <div class="modal-body text-center">
        <p>Voce deseja cadastrar um dispositivo ou workstation?</p>
        <div class="d-flex justify-content-around">
            <a href="cadastrarWorkstation.php" class="btn btn-primary">Workstation</a>
            <a href="cadastrarDispositivo.php" class="btn btn-success">Dispositivo</a>
        </div>
      </div>
    </div>
  </div>
</div>

<!-- Bootstrap JS + Popper -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>

<!-- Script para abrir o modal automaticamente -->
<script>
  document.addEventListener("DOMContentLoaded", function() {
    var myModal = new bootstrap.Modal(document.getElementById('autoModal'));
    myModal.show();
  });
</script>

</body>
</html>
