<!doctype html>
<html>

<head>
  <meta charset="utf-8" />
  <title>c4k-keycloak</title>
  <link href="https://domaindrivenarchitecture.org/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
  <link href="https://domaindrivenarchitecture.org/css/fonts/fontawesome/fontawesome.css" rel="stylesheet" type="text/css" />	          
  <link href="https://domaindrivenarchitecture.org/css/custom.css" rel="stylesheet" type="text/css" />
</head>

<body>
  <div class="container jumbotron">
    <form class="needs-validation" id="form">
    <label for="config" class="form-label">Your fqdn:</label>
    <input class="form-control" type="text" name="fqdn" id="fqdn" value="your.domain.com">
    <br>
    <label for="config" class="form-label">(Optional) Your issuer prod/staging:</label>
    <input class="form-control" type="text" name="issuer" id="issuer" value="">
    <div class="invalid-feedback"><pre id="config-validation"></pre></div>
    <br><br>

    <label for="auth" class="form-label">Your auth.edn:</label>
    <textarea name="auth" id="auth" class="form-control" rows="5">
{:keycloak-admin-user "testuser"
:keycloak-admin-password "testpassword"
:postgres-db-user "keycloakuser"
:postgres-db-password "testdbpassword"}
      </textarea>
      <div class="invalid-feedback"><pre id="auth-validation"></pre></div>
      <br><br>
    <button type="button" id="generate-button" class="btn btn-primary">
      Generate c4k yaml
    </button></form><br><br>
    <div id="c4k-keycloak-output">
      <label for="output" class="form-label">Your c4k deployment.yaml:</label>
      <textarea name="output" id="output" class="form-control" rows="25">
      </textarea>
    </div>
  
  </div>
  <script src="js/main.js"></script>
</body>

</html>