update_employee.html

<!-- Use Bootstrap for styling -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">

<!-- Create a banner -->
<div class="jumbotron">
  <h1 class="display-4">Employee Management System</h1>
  <p class="lead">Update an employee record</p>
</div>

<!-- Use a container to center the form -->
<div class="container">
  <form action="/api/update_employee/{{ employee[0] }}" method="post">
    <div class="form-group">
      <label for="name">Name:</label>
      <input type="text" class="form-control" id="name" name="name" required value="{{ employee[1] }}">
    </div>
    <div class="form-group">
      <label for="email">Email:</label>
      <input type="text" class="form-control" id="email" name="email" required value="{{ employee[2] }}">
    </div>
    <div class="form-group">
      <label for="department">Department:</label>
      <input type="text" class="form-control" id="department" name="department" required value="{{ employee[3] }}">
    </div>
    <button type="submit" class="btn btn-primary">Update Employee</button>
  </form>
</div>