<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link
      href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css"
      rel="stylesheet"
      integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC"
      crossorigin="anonymous"
    />
    <link rel="stylesheet" href="./css/pathology.css" />
    <title>Document</title>
  </head>
  <body>
    <nav class="navbar navbar-dark bg-dark">
      <div class="container-fluid">
        <a class="navbar-brand" href="/"><strong>US HOME</strong></a>
        <a
          class="navbar-brand"
          href="/information"
          target="_blank"
          id="info_top"
          ><strong>Informações de Preenchimento</strong></a
        >
        <form class="d-flex" method="GET" action="/logout">
          <input class="form-control me-2" type="hidden" />
          <button class="btn btn-danger" type="submit">LOG OUT</button>
        </form>
      </div>
    </nav>
    <div class="container">
      <h1>Inserir dados da Patologia</h1>
      <form action="/pathology" method="POST">
        <div>
          <input type="hidden" id="_id" name="_id" value="<%= _id %>" />
        </div>
        <div>
          <input
            type="hidden"
            id="username"
            name="username"
            value="<%= username %>"
          />
        </div>

        <div>
          <input
            type="hidden"
            id="affiliation"
            name="affiliation"
            value="<%= affiliation %>"
          />
        </div>

        <div>
          <input type="hidden" id="pt_id" name="pt_id" value="<%= pt_id %>" />
        </div>

        <div class="row" id="rows">
          <div class="col">
            <label for="histo" style="font-size: x-large">Histologia</label>
            <select
              class="form-control"
              id="histo"
              name="histo"
              required
              autofocus
            >
              <option value="9">NA</option>
              <option value="0">BENIGNO</option>
              <option value="1">MALIGNO</option>
              <option value="2">LESÃO DE RISCO</option>
            </select>
          </div>

          <div class="col">
            <label for="grade" style="font-size: x-large"
              >Grau histológico</label
            >
            <select class="form-control" id="grade" name="grade" required>
              <option value="9">NA</option>
              <option value="1">I</option>
              <option value="2">II</option>
              <option value="3">III</option>
            </select>
          </div>
        </div>
        <div class="row" id="rows">
          <div class="col">
            <label for="er" style="font-size: x-large">RE</label>
            <select class="form-control" id="er" name="er" required>
              <option value="9">NA</option>
              <option value="1">POSITIVO</option>
              <option value="0">NEGATIVO</option>
            </select>
          </div>
          <div class="col">
            <label for="er_perc" style="font-size: x-large">RE %</label>
            <input
              type="number"
              id="er_perc"
              class="form-control"
              name="er_perc"
              min="0"
              max="100"
            />
          </div>
          <div class="col">
            <label for="pr" style="font-size: x-large">RP</label>
            <select class="form-control" id="pr" name="pr" required>
              <option value="9">NA</option>
              <option value="1">POSITIVO</option>
              <option value="0">NEGATIVO</option>
            </select>
          </div>
          <div class="col">
            <label for="pr_perc" style="font-size: x-large">RP %</label>
            <input
              type="number"
              id="pr_perc"
              class="form-control"
              name="pr_perc"
              min="0"
              max="100"
            />
          </div>
        </div>

        <div class="row" id="rows">
          <div class="col">
            <label for="ki67" style="font-size: x-large">KI67 %</label>
            <input
              type="number"
              id="ki67"
              class="form-control"
              name="ki67"
              min="0"
              max="100"
            />
          </div>
          <div class="col">
            <label for="her2" style="font-size: x-large">HER2</label>
            <select class="form-control" id="her2" name="her2" required>
              <option value="9">NA</option>
              <option value="0">NEGATIVO</option>
              <option value="1">POSITIVO</option>
	      <option value="2">INCONCLUSIVO</option>
            </select>
          </div>
          <div class="col">
            <label for="ish" style="font-size: x-large"
              >ERBB2 (FISH/CISH)</label
            >
            <select class="form-control" id="ish" name="ish" required>
              <option value="9">NA</option>
              <option value="0">NEGATIVO</option>
              <option value="1">POSITIVO</option>
            </select>
          </div>
        </div>
        <div class="row" id="rows">
          <div class="col" style="padding-top: 3.5%">
            <a href="/user">
              <button class="btn btn-warning btn-lg" type="button">
                CANCELAR
              </button></a
            >
          </div>
          <div class="col" style="padding-top: 3.5%">
            <button class="btn btn-danger btn-lg" type="submit">ENVIAR</button>
          </div>
        </div>
      </form>
    </div>

    <script
      src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js"
      integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM"
      crossorigin="anonymous"
    ></script>
  </body>
</html>
