{% extends 'employeeapp/base.html' %}

{% block title %}
	Employee List
{% endblock %}

{% block body %}
	{% if employee_list %}
       <div class="table-responsive">
          <table class="table table-dark">
              <thead>
                 <tr>
                     <th>ID</th>
                     <th>Ename</th>
                     <th>Salary</th>
                     <th>City</th>
                     <th>Email</th>

                     <th>Action</th>
                 </tr>
              </thead>
              <tbody>
                 {% for employee in employee_list %}
                 	<tr>
                       <td>{{ employee.id }}</td>
                       <td>{{ employee.ename }}</td>
                       <td>{{ employee.salary }}</td>
                       <td>{{ employee.city }}</td>
                       <td>{{ employee.email }}</td>
                       <td>
                           <a href="{% url 'employee-update' employee.id %}" 
                              class="btn btn-success btn-sm">update</a>
                           
                           <a href="{% url 'employee-delete' employee.id %}" 
                              class="btn btn-danger btn-sm">delete</a>
                       </td>
                    </tr>
                 {% endfor %}

              </tbody>
          </table>
       </div>
    {% else %}
       <h1>Employees Data not available</h1>
    {% endif %}
    <h1 class="text-center">
       <a href="{% url 'employee-create' %}" 
          class="btn btn-primary btn-lg">Create New Employee</a>
    </h1>
{% endblock %}