{% extends 'adminapp/basic.html' %}
{% block body %}
<!-- Page-Title -->
<div class="row">
    <div class="col-sm-12">
        <h4 class="page-title">Dashboard</h4>
        <p class="text-muted page-title-alt">Welcome to Admin panel !</p>
    </div>
</div>
<div class="row">
    <div class="col-md-6 col-lg-3">
        <div class="widget-bg-color-icon card-box fadeInDown animated">
            <div class="bg-icon bg-icon-primary pull-left">
                <i class="md md-extension text-primary"></i>
            </div>
            <div class="text-right">
                <h3 class="text-dark"><b class="counter"> {{tp}}</b></h3>
                <p class="text-muted">Total Products</p>
            </div>
            <div class="clearfix"></div>
        </div>
    </div>

    <div class="col-md-6 col-lg-3">
        <div class="widget-bg-color-icon card-box">
            <div class="bg-icon bg-icon-success pull-left">
                <i class="md md-add-shopping-cart text-success"></i>
            </div>
            <div class="text-right">
                <h3 class="text-dark"><b class="counter">{{today}}</b></h3>
                <p class="text-muted">Today's Order</p>
            </div>
            <div class="clearfix"></div>
        </div>
    </div>

    <div class="col-md-6 col-lg-3">
        <div class="widget-bg-color-icon card-box">
            <div class="bg-icon bg-icon-info pull-left">
                <i class="md md-account-child text-info"></i>
            </div>
            <div class="text-right">
                <h3 class="text-dark"><b class="counter">{{tu}}</b></h3>
                <p class="text-muted">Total Users</p>
            </div>
            <div class="clearfix"></div>
        </div>
    </div>

    <div class="col-md-6 col-lg-3">
        <div class="widget-bg-color-icon card-box">
            <div class="bg-icon bg-icon-pink pull-left">
                <i class="md md-shopping-cart text-pink"></i>
            </div>
            <div class="text-right">
                <h3 class="text-dark"><b class="counter">{{to}}</b></h3>
                <p class="text-muted">Total Orders</p>
            </div>
            <div class="clearfix"></div>
        </div>
    </div>
</div>
<div class="row">
    <div class="col-sm-12">
        <div class="card-box table-responsive">
            <h4 class="m-t-0 header-title"><b>Recent Orders</b></h4>
            <table id="myTable" class="table table-striped table-bordered">
                <thead>
                    <tr>
                        <th>Order ID</th>
                        <th>Date</th>
                        <th>Phone</th>
                        <th>Address</th>
                        <th>Remarks</th>
                        <th>Status</th>
                        <th>Action</th>
                    </tr>
                </thead>
                <tbody>
                    {% for a in all %}
                    <tr>
                        <td>SP{{a.id}}</td>
                        <td>{{a.date}}</td>
                        <td>{{a.phone}}</td>
                        <td>{{a.address}}</td>
                        <td>{{a.remarks}}</td>
                        <td>{% if a.status == "Pending" %}
                            <span class="py-1 badge badge-primary">{{a.status}}</span>
                            {% elif a.status == "Rejected" %}
                            <span class="py-1 badge badge-danger">{{a.status}}</span>
                            {% elif a.status == "Delivered" %}
                            <span class="py-1 badge badge-success">{{a.status}}</span>
                            
                            {% elif a.status == "Delayed" %}
                            <span class="py-1 badge badge-info">{{a.status}}</span>
                            {% else %}
                            <span class="py-1 badge badge-secondary">Undefined</span>
                            {% endif %}
                        </td>
                        <td><a href="{% url 'updateorder' a.id %}" class="btn btn-primary btn-flat btn-addon btn-sm m-b-10 m-l-5"
                                title="Update Order">
                                <i class="fa fa-pencil"></i></a>
                            <a href="{% url 'deleteorder' a.id %}"><button class="btn btn-danger btn-flat btn-addon btn-sm m-b-10 m-l-5"
                                    title="Delete Order" onclick="return ask()">
                                    <i class="fa fa-trash"></i></button></a>
                            <a href="{% url 'vieworder' a.id %}"
                                class="btn btn-info btn-flat btn-addon btn-sm m-b-10 m-l-5" title="View Order">
                                <i class="fa fa-info"></i>
                            </a>
                        </td>
                    </tr>
                    {% endfor %}
                </tbody>
            </table>
        </div>
    </div>
</div>
<script>
    function ask() {
        return confirm('Are you sure you want to delete this product ? ');
    }
</script>
{% endblock body %}