{% extends "disease_page.html" %}
{% block page %}
  <br>
  <br>
  <br>

<div class="container">
  <form action="/predict" method="POST">
    <h3>Enter the Following parameters :</h3>
    <hr>

    <div class="row">
        <div class="col-md-4 col-md-offset-4">
          <label for="age">Age</label>
          <input class="form-control input-sm" type="number" min="0" required="required" name="age", placeholder="age" >
        </div>
        <div class="col-md-4 col-md-offset-4 ">
          <label for="Gender" class="form-label">Gender</label>
          <select class="form-control" id="Gender" name = "Gender" required="required" placeholder="Gender">
            <option value="1">male</option>
            <option value="0">female</option>
          </select>
        </div>
          
        <div class="col-md-4 col-md-offset-4">
          <label for="cp" class="form-label">Chest Pain Type</label>
          <select class="form-control" id="cp" name = "cp" required="required" placeholder="Chest Pain Type">
            <option value="0">Typical Angina</option>
            <option value="1">Atypical Angina</option>
            <option value="2">Non-Anginal Pain</option>
            <option value="3">Asymptomatic</option>
          </select>
        </div>
        <div class="col-md-4 col-md-offset-4">
          <label for="trestbps" class="form-label">Resting Blood Pressure (in mm Hg)</label>
          <input class="form-control" type="number" min="0"  id="trestbps" name="trestbps" required="required" placeholder="Resting Blood Pressure">
        </div>
        <div class="col-md-4 col-md-offset-4">
          <label for="chol" class="form-label">Serum Cholestoral in mg/dl</label>
      <input class="form-control" type="number" min="0"  step="any" id="chol" name="chol" required="required" placeholder="Serum Cholestoral">
        </div>
        <div class="col-md-4 col-md-offset-4">
          <label for="fbs" class="form-label">Fasting Blood Sugar > 120 mg/dl</label>
          <select class="form-control" id="fbs" name = "fbs" required="required" placeholder="Fasting Blood Sugar">
            <option value="0">no</option>
            <option value="1">yes</option>
          </select>

        </div>
        <div class="col-md-4 col-md-offset-4">
          <label for="restecg" class="form-label">Resting Electro-cardiographic Result</label>
          <select class="form-control" type="number" id="restecg" name="restecg" required="required" placeholder="Resting Electro-cardiographic Result">
          <option value="0">Normal</option>
          <option value="1">having ST-T wave abnormality</option>
          <option value="2">showing probable or definite left ventricular hypertrophy</option>
          </select>
        </div>
        <div class="col-md-4 col-md-offset-4">
          <label for="thalach" class="form-label">Maximum Heart Rate Achieved</label>
          <input class="form-control" type="number" min="0"  step="any" id="thalach" name = "thalach" required="required" >
        </div>
        <div class="col-md-4 col-md-offset-4">
          <label for="exang" class="form-label">Exercise Induced Angina</label>
          <select class="form-control" id="exang" name = "exang" required="required" >
            <option value="1">Yes</option>
            <option value="0">No</option>
          </select>
            
        </div>
        <div class="col-md-4 col-md-offset-4">
          <label for="oldpeak" class="form-label">ST depression induced by exercise relative to rest</label>
          <input class="form-control" type="number" min="0" step="any" id="oldpeak" name="oldpeak" required="required" placeholder="oldpeak">
        </div>
        <div class="col-md-4 col-md-offset-4">
          <label for="slope" class="form-label">The slope of the peak exercise ST segment</label>
          <select class="form-control" type="number" min="0" id="slope" name="slope" required="required" placeholder="the slope of the peak exercise ST segment">
          <option value="0">0</option>
          <option value="1">1</option>
          <option value="2">2</option>
          </select>
        </div>
    </div>
           
    <br>
    <br>
    <br>
    <div class="col-md-4 col-md-offset-4 text-center">
         <button type="submit" class="btn btn-success" value="submit">predict</button>
    </div>

    
</form>
</div>
<br>
<br>
<br>

{% endblock %}