{% for i in data %}
<tr id="{{ i.id }}" class="view_application_detail">
    <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-muted m-b-0"> Application No - {{ i.id }}</p>
        </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 }},<br> {{ i.taluko }}, {{ i.dist }}</p>
        </div>
    </td>

    <td>
        <div class="d-inline-block align-middle">
            <h6>{{ i.department_name }}</h6>
            <p class="text-muted m-b-0">{{ i.department_address }}</p>
        </div>
    </td>
    <!--<td>{{ i.officer_name }}</td>-->
    <td>
        <div class="d-inline-block align-middle">
            <!--<h6>{{ i.officer_name }}</h6>-->
            <h6>{{ i.officer_mobile_no }}</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>
        {% 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><h6>{{ i.application_date }}</h6></td>
</tr>

{% endfor %}