{% extends "pxy_dashboard/partials/base.html" %} {% load static %}
{% block title %}Dashboard{% endblock title %} {% block extra_css %}

<!-- Daterangepicker css -->
<link rel="stylesheet" href="{% static 'dashboard/vendor/daterangepicker/daterangepicker.css' %}" />

<!-- Vector Map css -->
<link rel="stylesheet" href="{% static 'dashboard/vendor/admin-resources/jquery.vectormap/jquery-jvectormap-1.2.2.css' %}" />

{% endblock extra_css %} 

{% block content %}
<div class="row">
    <div class="col-12">
        <div class="page-title-box justify-content-between d-flex align-items-lg-center flex-lg-row flex-column">
            <h4 class="page-title">Dashboard</h4>
            <form class="d-flex mb-xxl-0 mb-2">
                <div class="input-group">
                    <input type="text" class="form-control shadow border-0" id="dash-daterange">
                    <span class="input-group-text bg-primary border-primary text-white">
                        <i class="ri-calendar-todo-fill fs-13"></i>
                    </span>
                </div>
                <a href="javascript: void(0);" class="btn btn-primary ms-2">
                    <i class="ri-refresh-line"></i>
                </a>
            </form>
        </div>
    </div>
</div>


  {% include "pxy_dashboard/partials/dashboard/kpi_row.html" %}

  {% include "pxy_dashboard/partials/dashboard/charts_row.html" %}

  {% include "pxy_dashboard/partials/dashboard/location_row.html" %}

  {% include "pxy_dashboard/partials/dashboard/channels_row.html" %}






{% endblock content %} {% block extra_js %}
<!-- Daterangepicker js -->
<script src="{% static 'dashboard/vendor/daterangepicker/moment.min.js' %}"></script>
<script src="{% static 'dashboard/vendor/daterangepicker/daterangepicker.js' %}"></script>

<!-- Apex Charts js -->
<script src="{% static 'dashboard/vendor/apexcharts/apexcharts.min.js' %}"></script>

<!-- Vector Map js -->
<script src="{% static 'dashboard/vendor/admin-resources/jquery.vectormap/jquery-jvectormap-1.2.2.min.js' %}"></script>
<script src="{% static 'dashboard/vendor/admin-resources/jquery.vectormap/maps/jquery-jvectormap-world-mill-en.js' %}"></script>

<!-- Dashboard App js -->
<script src="{% static 'dashboard/js/pages/demo.dashboard.js' %}"></script>

<!-- App js -->
<script src="{% static 'dashboard/js/app.min.js' %}"></script>
{% endblock extra_js %}