{% if cnt_application =="0"  %}
<tr id="{{ i.id }}" class="view_application_detail">
    <td colspan="6">
        <br><br>
        <h5 style="text-align: center;color: red">No Record Available !</h5>
    </td>
</tr>
{% endif %}

{% for i in data %}

<tr id="{{ i.id }}" class="view_application_detail" style="outline: none;cursor: pointer;border-bottom: 1px solid darkgray">
    <td id="tbl_td"></td>
    <td style="white-space: normal;">
        <div class="d-inline-block align-middle">
            <h6>{{ i.name }}</h6>
            <p class="text-muted m-b-0">{{ i.mobile_no }}</p>
            <p class="text m-b-0"> Application No - {{ i.id }}</p>
        </div>
    </td>
    <td style="white-space: normal;padding: 8px;">
        <div class="d-inline-block align-middle">
            <h6>{{ i.subject }}</h6>
        </div>
    </td>

    <td style="white-space: normal;">
        <div class="d-inline-block align-middle">
            <h6>{{ i.address }}</h6>
            <p class="text-muted m-b-0">{{ i.village }}, {{ i.taluko }}, {{ i.dist }}</p>
        </div>
    </td>

    <td style="padding: 8px">
        <div class="d-inline-block align-middle">
            <h6>{{ i.department_name }}</h6>
            <p class="text-muted m-b-0">{{ i.department_address }}</p>
            <h6>{{ i.officer_mobile_no1 }}</h6>
            {% if i.send_msg_status =="Pending"  %}
            <i class="fa fa-info-circle" title="Pending: The message is currently in the instance." aria-hidden="true"></i>
            <label class="btn-danger btn-sm">Pending</label>
            {% elif i.send_msg_status =="Server" %}
            <i class="fa fa-info-circle" title="Server: The message is currently in the WhatsApp servers." aria-hidden="true"></i>
            <label class="btn-warning btn-sm">Server</label>
            {% elif i.send_msg_status =="Device" %}
            <i class="fa fa-info-circle" title="Device: The message has been delivered to the Officer’s mobile phone." aria-hidden="true"></i>
            <label class="btn-secondary btn-sm">Device</label>
            {% elif i.send_msg_status =="Read" %}
            <i class="fa fa-info-circle" title="Read: The message has been read by the Officer." aria-hidden="true"></i>
            <label class=" btn-primary btn-sm">Read</label>                             
            {% endif %}
        </div>
    </td>

    <td style="padding: 8px">
        {% if i.application_status =="Pending"  %}
        <label class="btn-danger btn-sm">Pending</label>
        {% elif i.application_status =="Working" %}
        <label class="btn-primary btn-sm">Working</label>
        {% elif i.application_status =="Complete" %}
        <label class=" btn-success btn-sm">Complete</label> 
        {% elif i.application_status =="Disclose" %}
        <label class=" btn-warning btn-sm">Disclose</label> 
        {% else %}
        <label class="btn-danger btn-sm">Pending</label>
        {% endif %}
    </td>
    <td style="padding: 8px"><h6>{{ i.application_date }}</h6></td>
</tr>

{% endfor %}