{% extends "layout.html" %}
{% block body %}

<h1>Add Employee </h1>

<form action="{{ url_for('insert_employee') }}" method="post">
  <div class="form-group col-xs-4">
    <label for="first_name">First Name:</label>
    <input type="text" class="form-control" id="first_name" name="first_name" placeholder="First Name">
  </div>
  <div class="form-group col-xs-4">
    <label for="last_name">Last Name:</label>
    <input type="text" class="form-control" id="last_name" name="last_name" placeholder="Last Name">
  </div>
  <div class="form-group col-xs-4">
    <label for="department">Department:</label>
    <select title="department" name="department">
      {% for department in departments %}
        <option>{{ department.name }}</option>
      {% endfor %}
    </select>
    <!--<input type="text" class="form-control" id="department" name="department" placeholder="Department">-->
  </div>
  <button type="submit" class="btn btn-default">Create</button>
</form>
{% endblock %}