<!DOCTYPE html>
<html>
  <head>
    <title>Crear perfil fuzzer</title>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <script src="https://cdn.tailwindcss.com"></script>
    <script src="/socket.io/socket.io.js"></script>
    <script src="./javascripts/loadNewData.js"></script>
    <link rel="icon" type="image/x-icon" href="/images/favicon.png" />
    <style>
      .tippy-box[data-theme~="light"] {
        background-color: #88ceff;
        color: #000;
        border: 2px solid #88ceff;
        box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
        font-weight: bold;
      }

      .tippy-box[data-theme~="light"] .tippy-arrow {
        color: #88ceff;
      }
    </style>
  </head>
  <body class="">
    <%- include('./layout/header.ejs') %>
    <main class="relative">
      <%- include('./components/defaultsProfilesSelector.ejs') %> <%-
      include('./components/formCreateProfile.ejs') %>
    </main>
    <%- include('./layout/footer.ejs') %>
  </body>
  <script>
    function countryHandler(value) {
      window.location = `${value}`;
    }
  </script>
</html>
