{% extends 'site/base.html' %}
{% load static core_filters %}

{% block title %}{{ block.super }} | Home{% endblock title %}

{% block content %}
<section class="content-header">
  <h1>Visão Geral</h1>
  {% include 'core/breadcrumb.html' with level=0 %}
</section>

<section class="content">
  {% if request.user.is_superuser %}
  <div class="row">
    {% if 'store' in enabled_modules %}
    <div class="col-lg-3 col-md-6">
      <div class="small-box bg-aqua">
        <div class="inner">
          <h3 id="todaySales">{{ today_sales }}</h3>
          <p>Novas vendas</p>
        </div>
        <div class="icon">
          <i class="fas fa-shopping-bag"></i>
        </div>
        <a href="{% url 'store:sale-list' %}?status=E&min_date={% now 'Y-m-d' %}&max_date={% now 'Y-m-d' %}" class="small-box-footer">
          Mais detalhes <i class="fa fa-arrow-circle-right"></i>
        </a>
      </div>
    </div>
    {% endif %}
    {% if 'shopper' in enabled_modules %}
    <div class="col-lg-3 col-md-6">
      <div class="small-box bg-yellow">
        <div class="inner">
          <h3 id="openRequisitions">{{ open_requisitions }}</h3>
          <p>Requisições em aberto</p>
        </div>
        <div class="icon">
          <i class="fa fa-tasks"></i>
        </div>
        <a href="{% url 'shopper:requisition-list' %}" class="small-box-footer">
          Mais detalhes <i class="fa fa-arrow-circle-right"></i>
        </a>
      </div>
    </div>
    {% endif %}
    {% if 'controller' in enabled_modules %}
    <div class="col-lg-3 col-md-6">
      <div class="small-box bg-yellow">
        <div class="inner">
          <h3 id="overduePaymenth3">{{ overdue_payments.total|default:0|currency:"br" }}</h3>
          <p id="overduePaymentp">Em {{ overdue_payments.count }} pagamentos vencidos</p>
        </div>
        <div class="icon">
          <i class="fa fa-file-invoice-dollar"></i>
        </div>
        {% if perms.controller.add_payment or perms.controller.change_payment or perms.controller.delete_payment %}
        <a href="{% url 'controller:payment-list' %}?status=A&end_due={% now 'Y-m-d' %}" class="small-box-footer">Mais detalhes <i class="fa fa-arrow-circle-right"></i></a>
        {% endif %}
      </div>
    </div>
    <div class="col-lg-3 col-md-6">
      <div class="small-box bg-red">
        <div class="inner">
          <h3 id="overdueReceipth3">{{ overdue_receipts.total|default:0|currency:"br" }}</h3>
          <p id="overdueReceiptp">Em {{ overdue_receipts.count }} recebimentos vencidos</p>
        </div>
        <div class="icon">
          <i class="fa fa-file-invoice-dollar"></i>
        </div>
        {% if perms.controller.add_receipt or perms.controller.change_receipt or perms.controller.delete_receipt %}
        <a href="{% url 'controller:receipt-list' %}?status=A&end_due={% now 'Y-m-d' %}" class="small-box-footer">Mais detalhes <i class="fa fa-arrow-circle-right"></i></a>
        {% endif %}
      </div>
    </div>
    {% endif %}
  </div>
  <div class="row">
    {% if 'controller' in enabled_modules %}
    <div class="col-md-6">
      {% include 'controller/financial_movement.html' %}
    </div>
    {% endif %}
    {% if 'stock' in enabled_modules %}
    <div class="col-md-6">
      {% include 'stock/product_movement.html' %}
    </div>
    {% endif %}
  </div>
  <div class="row">
    {% if 'store' in enabled_modules %}
    <div class="col-md-6">
      {% include 'store/sale_movement.html' %}
    </div>
    <div class="col-md-6">
      {% include 'store/most_sold_products.html' %}
    </div>
    {% endif %}
  </div>
  {% endif %}
</section>

{% endblock content %}

{% block script%}
{{ block.super }}
<script src="https://cdn.jsdelivr.net/npm/chart.js@2.8.0/dist/Chart.min.js"></script>
<script type="text/javascript" src="{% static 'site/js/jquery.mask.js' %}"></script>
{% if 'controller' in enabled_modules %}<script type="text/javascript" src="{% static 'controller/js/graphs.js' %}"></script>{% endif %}
{% if 'stock' in enabled_modules %}<script type="text/javascript" src="{% static 'stock/js/graphs.js' %}"></script>{% endif %}
{% if 'store' in enabled_modules %}<script type="text/javascript" src="{% static 'store/js/graphs.js' %}"></script>{% endif %}
{% endblock script %}