Untitled

%extends 'layouts.html'%}
{% block body %}
<!DOCTYPE html>
<html lang="en">
<head>
  <title>Schedule Employee's</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
</head>
<body>

<div class="container">
  <h2>Schedule Employee's</h2>
   <form action = "/schedule" method = "POST">
  <table class="table">
    <thead>
      <tr>
       <th>Name</th>
        <th>Monday</th>
        <th>Tuesday</th>
        <th>Wednesday</th>
        <th>Thursday</th>
        <th>Friday</th>
        <th>Saturday</th>
        <th>Sunday</th>
      </tr>
    </thead>
    <tbody>

    {% for x in employee%}
      <tr>
        <td >&nbsp;<input type='text'name = "Name" value={{x[0]}} />
        <td >&nbsp;<input type='text'name = "Monday" value=''/>
        <td id = "Tuesday">&nbsp;<input type='text'name = "Tuesday" value=''/>
        <td id = "Wednesday">&nbsp;<input type='text'name = "Wednesday" value=''/>
        <td id = "Thursday">&nbsp;<input type='text' name = "Thursday"value=''/>
        <td id = "Friday">&nbsp;<input type='text'name = "Friday" value=''/>
        <td id = "Saturday">&nbsp;<input type='text'name = "Saturday" value=''/>
      <td id = "Sunday">&nbsp;<input type='text' name = "Sunday" value=''/>


      </tr>
     {% endfor %}
    </tbody>
  </table>
</div>
<input class="btn btn-primary" type="submit" value="Submit">


</body>

</form>


<style>
input {
  width: 50%
}


 </style>
</html>

{% endblock %}