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

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

{% block content %}
<section class="content-header">
  <h1>{{ app_name }}</h1>
  {% include 'core/breadcrumb.html' with level=1 %}
</section>

<section class="content">
  <div class="row">
    <div class="col-md-6">
      <div class="nav-tabs-custom">
        <ul class="nav nav-tabs">
          <li class="active"><a href="#tab_1" data-toggle="tab">Menu</a></li>
          <li class="pull-right"><a href="#" class="text-muted"><i class="fa fa-gear"></i></a></li>
        </ul>
        <div class="tab-content">
          <div class="tab-pane active" id="tab_1">
            {% if perms.provider.add_provider or perms.provider.change_provider or perms.provider.delete_provider %}
            <a href="{% url 'provider:provider-list' %}" class="btn btn-app">
              <i class="fa fa-industry"></i> Fornecedores
            </a>
            {% endif %}
            {% if perms.stock.add_product or perms.stock.change_product or perms.stock.delete_product %}
            <a href="{% url 'stock:product-list' %}" class="btn btn-app">
              <span class="badge bg-gray">{{ products }}</span>
              <i class="fa fa-box"></i> Produtos
            </a>
            {% endif %}
            {% if perms.shopper.add_requisition or perms.shopper.change_requisition or perms.shopper.delete_requisition %}
            <a href="{% url 'shopper:requisition-list' %}" class="btn btn-app">
              <span class="badge bg-gray">{{ open_requisitions }}</span>
              <i class="fa fa-tasks"></i> Requisições
            </a>
            {% endif %}
            {% if perms.shopper.add_price or perms.shopper.change_price or perms.shopper.delete_price %}
            <a href="{% url 'shopper:price-list' %}" class="btn btn-app">
              <span class="badge bg-gray">{{ open_prices }}</span>
              <i class="fa fa-file-invoice-dollar"></i> Cotações
            </a>
            {% endif %}
            <a href="{% url 'shopper:price-map' %}" class="btn btn-app">
              <i class="fa fa-map"></i> Mapa de Preços
            </a>
            {% if perms.shopper.add_purchaseorder or perms.shopper.change_purchaseorder or perms.shopper.delete_purchaseorder %}
            <a href="{% url 'shopper:purchaseorder-list' %}" class="btn btn-app">
              <i class="fa fa-paste"></i> Ordem de Compra
            </a>
            {% endif %}
            <a href="{% url 'shopper:purchasenote-list' %}" class="btn btn-app">
              <i class="fa fa-clipboard"></i> Nota de Compra
            </a>
          </div>
        </div>
      </div>
    </div>
    {% if request.user.is_superuser %}
    <div class="col-md-3">
      <div class="small-box bg-yellow">
        <div class="inner">
          <h3 id="openRequisitions"></sup></h3>
          <p>Requerimentos 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>
    <div class="col-md-3">
      <div class="small-box bg-blue">
        <div class="inner">
          <h3 id="openPrices"></sup></h3>
          <p>Cotações em aberto</p>
        </div>
        <div class="icon">
          <i class="fa fa-file-invoice-dollar"></i>
        </div>
        <a href="{% url 'shopper:price-list' %}" class="small-box-footer">Mais detalhes <i class="fa fa-arrow-circle-right"></i></a>
      </div>
    </div>
    {% endif %}
  </div>
</section>
{% endblock content %}

{% block script%}
{{ block.super }}
<script src="{% static 'shopper/js/graphs.js' %}"></script>
{% endblock script %}