{% 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"> {{Nproducts}}</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">{{torders}}</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">{{Nusers}}</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">{{Norders}}</b></h3>
        <p class="text-muted">Total Orders</p>
      </div>
      <div class="clearfix"></div>
    </div>
  </div>

<!--  <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-contacts text-primary"></i>-->
<!--      </div>-->
<!--      <div class="text-right">-->
<!--        <h3 class="text-dark"><b class="counter"> {{ncontacts}}</b></h3>-->
<!--        <p class="text-muted">Total Contacts</p>-->
<!--      </div>-->
<!--      <div class="clearfix"></div>-->
<!--    </div>-->
<!--  </div>-->
<!--  <div class="col-md-6 col-lg-3">-->
<!--    <div class="widget-bg-color-icon card-box fadeInDown animated">-->
<!--      <div class="bg-icon bg-icon-success pull-left">-->
<!--        <i class="md md-attach-money text-success"></i>-->
<!--      </div>-->
<!--      <div class="text-right">-->
<!--        <h3 class="text-dark"><b class="counter"> {{ today_sales }}</b></h3>-->
<!--        <p class="text-muted">Today's Sales</p>-->
<!--      </div>-->
<!--      <div class="clearfix"></div>-->
<!--    </div>-->
<!--  </div>-->
<!--  <div class="col-md-6 col-lg-3">-->
<!--    <div class="widget-bg-color-icon card-box fadeInDown animated">-->
<!--      <div class="bg-icon bg-icon-info pull-left">-->
<!--        <i class="md md-attach-money text-info"></i>-->
<!--      </div>-->
<!--      <div class="text-right">-->
<!--        <h3 class="text-dark"><b class="counter"> {{ monthly_sales }}</b></h3>-->
<!--        <p class="text-muted">This Month Sales</p>-->
<!--      </div>-->
<!--      <div class="clearfix"></div>-->
<!--    </div>-->
<!--  </div>-->
<!--  <div class="col-md-6 col-lg-3">-->
<!--    <div class="widget-bg-color-icon card-box fadeInDown animated">-->
<!--      <div class="bg-icon bg-icon-pink pull-left">-->
<!--        <i class="md md-attach-money text-pink"></i>-->
<!--      </div>-->
<!--      <div class="text-right">-->
<!--        <h3 class="text-dark"><b class="counter"> {{ total_sales }}</b></h3>-->
<!--        <p class="text-muted">Total Sales</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>Time</th>
            <th>Username</th>
            <th>Payment Gateway</th>
            <th>Items</th>

            <th style="text-align: center;">Status</th>
            <th>Action</th>
          </tr>
        </thead>
        <tbody>
          {% for a in all %}
          <tr>
            <td>XY00{{a.id}}GG</td>
            <td>{{a.ordered_date}}</td>
            <td>{{a.ordered_time}}</td>
            <td>{{a.username}}</td>
            <td>{{a.payment_getway}}</td>
            <td>{{a.item_length}}</td>

            <td style="text-align: center;">
              {% 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><br>
               {% if a.admin_username %}
                    <span>by {{ a.admin_username }}</span>
                {% endif %}
                {% elif a.status == "refunded" %}
                                    <span class="py-1 badge badge-danger">{{ a.status }}</span><br>
                                    {% if a.admin_username %}
                                        <span>by {{ a.admin_username }}</span>
                                    {% endif %}
                                {% elif a.status == "cancel" %}
                                    <span class="py-1 badge badge-danger">{{ a.status }}</span><br>
                                        <span>by user</span>
              {% elif a.status == "delivered" %}
              <span class="py-1 badge badge-success">{{a.status}}</span><br>
                {% if a.admin_username %}
                    <span>by {{ a.admin_username }}</span>
                {% endif %}
              {% 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-save"></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>
              <!--<a href="insertcode?q={{a.username.username}}">-->
              <!--      <button-->
              <!--          class="btn btn-success btn-flat btn-addon btn-sm m-b-10 m-l-5" title="Insertion">-->
              <!--          <i class="fa fa-copy" aria-hidden="true"></i>-->
              <!--      </button>-->
              <!--  </a>-->
              
              <!--<a href="insertcode?q={{a.id}}">-->
              <!--      <button-->
              <!--          class="btn btn-success btn-flat btn-addon btn-sm m-b-10 m-l-5" title="Insertion">-->
              <!--          <i class="fa fa-copy" aria-hidden="true"></i>-->
              <!--      </button>-->
              <!--  </a>-->
              
              {% if a.id in insertcodes %}
              <a href="insertcode?q={{ a.id }}">
                                            <button
                                                    class="btn btn-success btn-flat btn-addon btn-sm m-b-10 m-l-5"
                                                    title="Insertion">
                                                <i class="fa fa-copy" aria-hidden="true"></i>
                                            </button>
                                        </a>
                                        
                {% endif %}
            </td>
          </tr>
          {% endfor %}
        </tbody>
      </table>
    </div>
  </div>
</div>
<script>
  function ask() {
    return confirm("Are you sure you want to delete this product ? ");
  }
</script>
<script src="https://www.gstatic.com/firebasejs/7.14.6/firebase-app.js"></script>
    <script src="https://www.gstatic.com/firebasejs/7.14.6/firebase-messaging.js"></script>
    <script>
        const firebaseConfig = {
            apiKey: "AIzaSyAYxJv1xjxl7Us3dqGdCeVmQH6BmxM7S1E",
            authDomain: "xygame-d16e8.firebaseapp.com",
            projectId: "xygame-d16e8",
            storageBucket: "xygame-d16e8.appspot.com",
            messagingSenderId: "370604277595",
            appId: "1:370604277595:web:aee3e9a8f5aac7b1cd247e",
            measurementId: "G-DMLR619FPJ"
        };
        firebase.initializeApp(firebaseConfig);
        const messaging = firebase.messaging();

        function IntitalizeFireBaseMessaging() {
            messaging
                .requestPermission()
                .then(function () {
                    console.log("Notification Permission");
                    return messaging.getToken();
                })
                .then(function (token) {
                    console.log("Token : " + token);
                    sendToServer(token);
                })
                .catch(function (reason) {
                    console.log(reason);
                });
        }

        messaging.onMessage(function (payload) {
            console.log(payload);
            const notificationOption = {
                body: payload.notification.body,
                icon: payload.notification.icon
            };

            if (Notification.permission === "granted") {
                var notification = new Notification(payload.notification.title, notificationOption);

                notification.onclick = function (ev) {
                    ev.preventDefault();
                    window.open(payload.notification.click_action, '_blank');
                    notification.close();
                }
            }

        });
        messaging.onTokenRefresh(function () {
            messaging.getToken()
                .then(function (newtoken) {
                    console.log("New Token : " + newtoken);
                    sendToServer(newtoken);
                })
                .catch(function (reason) {
                    console.log(reason);
                })
        });

        function sendToServer(token) {
            $.ajax({
                url: '{% url 'superuser_fcmtoken_save' %}',
                type: 'POST',
                data: {token: token},
            })
                .done(function (response) {
                    if (response == "True") {
                        console.log("Token Save")
                    } else {
                        console.log("Error in Token Save")
                    }
                });
        }

        IntitalizeFireBaseMessaging();
    </script>
{% endblock body %}