{% 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>Image</th>
                     <th>File</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> 
                           <a href="{{ employee.image.url }}" target="_blank" download="download">
                                <img src="{{ employee.image.url }}" class="img-fluid"
                                 style="width: 100px;height: 100px;">
                           </a>
                       </td>
{#                       <td>{{ employee.file }}</td>#}
                       <td>
                           <a href="{{ employee.file }}" target="_blank" 
                              download="download">{{ employee.file }}</a>
                       </td>
                    </tr>
                 {% endfor %}
              </tbody>
          </table>
       </div>

    {% else %}
       <h1>Employees Data not available</h1>
    {% endif %}
{% endblock %}