{% extends 'app/baseAdmin.html' %}
{% block content %}
<div class="container">
    <div class="panel panel-danger">
        <div class="panel-heading">
            <h6 class="panel-title center">Total Customers</h6>
        </div>
        <table class="table table-hover table-bordered" id="dev-table">
            
            <thead>
                <tr>
                    <th>Username</th>
                    <th>Name</th>
                    <th>Locality</th>
                    <th>City</th>
                    <th>Mobile</th>
                    <th>Zipcode</th>
                    <th>Update</th>
                </tr>
            </thead>

            <tbody>
                {% for customer in Customers reversed %}
                <tr>
                    <td>{{customer.user}}</td>
                    <td>{{customer}}</td>
                    <td>{{customer.locality}}</td>
                    <td>{{customer.city}}</td>
                    <td>{{customer.mobile}}</td>
                    <td>{{customer.zipcode}}</td>
                    <td><a href="{% url 'updateAddress' customer.id %}">Edit</a></td>

                {% comment %} <td>
                    <a href="" class="btn btn-primary btn-xs"><span class="glyphicon glyphicon-edit"></span></a>
                    <a href="" class="btn btn-primary btn-xs"><span class="glyphicon glyphicon-trash"></span></a>
                </td> {% endcomment %}
            </tr>
            
            {% empty %}
            <td colspan="6" class="text-center"><h1>No Customer</h1></td>
            {% endfor %}
        </tbody>

        </table>
    </div>
</div>
{% endblock content %}