<!doctype html>
<html>
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link href="/public/tailwind.css" rel="stylesheet">
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap" rel="stylesheet">
</head>
<body style="font-family: 'Inter'" class="bg-gray-800">
<!--
  Palladium V1.x - Made by Pine Platforms Ltd
-->
<div class="flex min-h-full items-center justify-center py-12 px-4 sm:px-6 lg:px-8 pt-72">
  <div class="w-full max-w-md space-y-8">
    <div>
      <% if (req.query.err == "INTERNALERROR") { %>
        <div class="bg-red-900/50 border-l-4 border-red-400 rounded-lg text-red-100 px-4 py-3 relative" role="alert">
          <div class="flex">
            <div class="py-1">
              <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6 text-red-400 mr-3">
                <path stroke-linecap="round" stroke-linejoin="round" d="M12 9v3.75m-9.303 3.376c-.866 1.5.217 3.374 1.948 3.374h14.71c1.73 0 2.813-1.874 1.948-3.374L13.949 3.378c-.866-1.5-3.032-1.5-3.898 0L2.697 16.126zM12 15.75h.007v.008H12v-.008z" />
              </svg>      
            </div>
            <div>
              <p class="font-bold">Internal Server Error</p>
              <p class="text-sm relative">Palladium couldn't process the action due to an internal issue.</p>
            </div>
          </div>
        </div>
        <% } %>
      <h2 class="mt-6 text-center text-3xl font-bold tracking-tight text-white">Login to <%= name %></h2>
      <p class="mt-2 text-center text-sm text-gray-400">
        Ready to get started?
      </p>
    </div>
    <form class="mt-8 space-y-6" action="#" method="POST">
      <div class="flex items-center justify-center">
        <div class="inline-flex flex items-center rounded-md shadow-sm" role="group">
          <a href="../login/auth0" type="button" class="transition justify-center px-4 py-2 text-sm font-medium text-white bg-gray-700/75 border border-gray-700/50 rounded-l-lg hover:bg-gray-700/50 hover:text-white focus:z-10 focus:ring-2 focus:ring-blue-600 focus:text-white">
            Login
          </a >
          <a href="../panel" type="button" class="transition justify-center px-4 py-2 text-sm font-medium text-white bg-gray-700/75 border rounded-r-lg border-gray-700/50 hover:bg-gray-700/50 hover:text-white focus:z-10 focus:ring-2 focus:ring-blue-600 focus:text-white">
            Panel
          </a>
        </div>
      </div>
    </form>
  </div>
</div>
</body>
</html>