html code

{% extends "base.html" %}
{% block body %}
{% include "navbar.html" %}
<section class="hero is-primary is-bold is-large">
  <div class="hero-body" align='center'>
    <h1 align="center">Please fill in the following cells: </h1>
    <form method='POST' action="/" enctype="multipart/form-data" >
      <table id="datatable" class="display" align="center">
          <col width="10">
          <col width="10">
          <col width="10">
          <col width="10">
          <col width="10">
          <col width="10">
          <thead>
              <tr>
                  <th></th>
                  <th>1.Physical</th>
                  <th>2.Financial</th>
                  <th>3 Social</th>
                  <th>4.Cultural</th>
                  <th>5.Human</th>
                  <th>6.Enviromental</th>
              </tr>
          </thead>
          <tbody>
          <tr>
              <td>1.Physical</td>
              <td><input type="number" id="row-1-physical" name="row-1-physical" value=""></td>
              <td><input type="number" id="row-1-financial" name="row-1-financial" value=""></td>
              <td><input type="number" id="row-1-social" name="row-1-social" value=""></td>
              <td><input type="number" id="row-1-cultural" name="row-1-cultural" value=""></td>
              <td><input type="number" id="row-1-human" name="row-1-human" value=""></td>
              <td><input type="number" id="row-1-enviromental" name="row-1-enviromental" value=""></td>
          </tr>
          <tr>
            <td>2.Financial</td>
            <td><input type="number" id="row-2-physical" name="row-2-physical" value=""></td>
            <td><input type="number" id="row-2-financial" name="row-2-financial" value=""></td>
            <td><input type="number" id="row-2-social" name="row-2-social" value=""></td>
            <td><input type="number" id="row-2-cultural" name="row-2-cultural" value=""></td>
            <td><input type="number" id="row-2-human" name="row-2-human" value=""></td>
            <td><input type="number" id="row-2-enviromental" name="row-2-enviromental" value=""></td>
          </tr>
          <tr>
              <td>3.Social</td>
              <td><input type="number" id="row-3-physical" name="row-3-physical" value=""></td>
              <td><input type="number" id="row-3-financial" name="row-3-financial" value=""></td>
              <td><input type="number" id="row-3-social" name="row-3-social" value=""></td>
              <td><input type="number" id="row-3-cultural" name="row-3-cultural" value=""></td>
              <td><input type="number" id="row-3-human" name="row-3-human" value=""></td>
              <td><input type="number" id="row-3-enviromental" name="row-3-enviromental" value=""></td>
            </tr>
            <tr>
                <td>4.Cultural</td>
                <td><input type="number" id="row-4-physical" name="row-4-physical" value=""></td>
                <td><input type="number" id="row-4-financial" name="row-4-financial" value=""></td>
                <td><input type="number" id="row-4-social" name="row-4-social" value=""></td>
                <td><input type="number" id="row-4-cultural" name="row-4-cultural" value=""></td>
                <td><input type="number" id="row-4-human" name="row-4-human" value=""></td>
                <td><input type="number" id="row-4-enviromental" name="row-4-enviromental" value=""></td>
            </tr>
            <tr>
                <td>5.Human</td>
                <td><input type="number" id="row-5-physical" name="row-5-physical" value=""></td>
                <td><input type="number" id="row-5-financial" name="row-5-financial" value=""></td>
                <td><input type="number" id="row-5-social" name="row-5-social" value=""></td>
                <td><input type="number" id="row-5-cultural" name="row-5-cultural" value=""></td>
                <td><input type="number" id="row-5-human" name="row-5-human" value=""></td>
                <td><input type="number" id="row-5-enviromental" name="row-5-enviromental" value=""></td>
            </tr>
            <tr>
                <td>6.Human</td>
                <td><input type="number" id="row-6-physical" name="row-6-physical" value=""></td>
                <td><input type="number" id="row-6-financial" name="row-6-financial" value=""></td>
                <td><input type="number" id="row-6-social" name="row-6-social" value=""></td>
                <td><input type="number" id="row-6-cultural" name="row-6-cultural" value=""></td>
                <td><input type="number" id="row-6-human" name="row-6-human" value=""></td>
                <td><input type="number" id="row-6-enviromental" name="row-6-enviromental" value=""></td>
            </tr>
        </tbody>
      </table>
      <input class="btn btn-primary" type="submit" value="submit">
    </form>
    {{ans_factor|safe}}
  </div>
{{ans | safe}}
{{ans_factor | safe}}

</section>
{% endblock %}
{% block scripts %}
<script src="../static/js/scripts.js"></script>
{% endblock %}