{% extends "pos/base.html" %}
{% load static %}

{% block title %}Accounting Dashboard{% endblock %}

{% block heading %}Accounting Dashboard{% endblock %}

{% block content %}
<div class="row">

  <div class="col-md-3 mb-3">
    <div class="card border-left-success shadow h-100 py-2">
      <div class="card-body">
        <div class="row no-gutters align-items-center">
          <div class="col mr-2">
            <div class="text-xs font-weight-bold text-success text-uppercase mb-1">Cash in Hand</div>
            <div class="h5 mb-0 font-weight-bold text-gray-800">{{ cash_total|floatformat:2 }}</div>
          </div>
        </div>
      </div>
    </div>
  </div>

  <div class="col-md-3 mb-3">
    <div class="card border-left-primary shadow h-100 py-2">
      <div class="card-body">
        <div class="row no-gutters align-items-center">
          <div class="col mr-2">
            <div class="text-xs font-weight-bold text-primary text-uppercase mb-1">Bank Balance</div>
            <div class="h5 mb-0 font-weight-bold text-gray-800">{{ bank_total|floatformat:2 }}</div>
          </div>
        </div>
      </div>
    </div>
  </div>

  <div class="col-md-3 mb-3">
    <div class="card border-left-info shadow h-100 py-2">
      <div class="card-body">
        <div class="row no-gutters align-items-center">
          <div class="col mr-2">
            <div class="text-xs font-weight-bold text-info text-uppercase mb-1">Total Receivables</div>
            <div class="h5 mb-0 font-weight-bold text-gray-800">{{ total_receivable|floatformat:2 }}</div>
          </div>
        </div>
      </div>
    </div>
  </div>

  <div class="col-md-3 mb-3">
    <div class="card border-left-warning shadow h-100 py-2">
      <div class="card-body">
        <div class="row no-gutters align-items-center">
          <div class="col mr-2">
            <div class="text-xs font-weight-bold text-warning text-uppercase mb-1">Total Payables</div>
            <div class="h5 mb-0 font-weight-bold text-gray-800">{{ total_payable|floatformat:2 }}</div>
          </div>
        </div>
      </div>
    </div>
  </div>

  <div class="col-md-3 mb-3">
    <div class="card border-left-success shadow h-100 py-2">
      <div class="card-body">
        <div class="text-xs font-weight-bold text-success text-uppercase mb-1">Today Received</div>
        <div class="h5 mb-0 font-weight-bold text-gray-800">{{ today_received|floatformat:2 }}</div>
      </div>
    </div>
  </div>

  <div class="col-md-3 mb-3">
    <div class="card border-left-danger shadow h-100 py-2">
      <div class="card-body">
        <div class="text-xs font-weight-bold text-danger text-uppercase mb-1">Today Paid</div>
        <div class="h5 mb-0 font-weight-bold text-gray-800">{{ today_paid|floatformat:2 }}</div>
      </div>
    </div>
  </div>

  <div class="col-md-3 mb-3">
    <div class="card border-left-danger shadow h-100 py-2">
      <div class="card-body">
        <div class="text-xs font-weight-bold text-danger text-uppercase mb-1">Monthly Expense (MTD)</div>
        <div class="h5 mb-0 font-weight-bold text-gray-800">{{ monthly_expense|floatformat:2 }}</div>
      </div>
    </div>
  </div>

  <div class="col-md-3 mb-3">
    <div class="card {% if is_profit %}border-left-success{% else %}border-left-danger{% endif %} shadow h-100 py-2">
      <div class="card-body">
        <div class="text-xs font-weight-bold {% if is_profit %}text-success{% else %}text-danger{% endif %} text-uppercase mb-1">
          Net {% if is_profit %}Profit{% else %}Loss{% endif %} (MTD)
        </div>
        <div class="h5 mb-0 font-weight-bold text-gray-800">{{ net_profit|floatformat:2 }}</div>
      </div>
    </div>
  </div>

</div>

<div class="card shadow mb-4">
  <div class="card-header py-3">
    <h6 class="m-0 font-weight-bold text-primary">Quick Links</h6>
  </div>
  <div class="card-body">
    <a href="{% url 'coa:account_list' %}" class="btn btn-outline-primary mb-2">Chart of Accounts</a>
    <a href="{% url 'coa:party_list' %}" class="btn btn-outline-primary mb-2">Parties</a>
    <a href="{% url 'coa:cashbank_list' %}" class="btn btn-outline-primary mb-2">Cash / Bank Accounts</a>
    <a href="{% url 'coa:rv_list' %}" class="btn btn-outline-success mb-2">Received Voucher</a>
    <a href="{% url 'coa:pv_list' %}" class="btn btn-outline-danger mb-2">Paid Voucher</a>
    <a href="{% url 'coa:jv_list' %}" class="btn btn-outline-secondary mb-2">Journal Voucher</a>
    <a href="{% url 'coa:exp_list' %}" class="btn btn-outline-warning mb-2">Expense Invoice</a>
    <a href="{% url 'coa:trial_balance' %}" class="btn btn-outline-dark mb-2">Trial Balance</a>
    <a href="{% url 'coa:balance_sheet' %}" class="btn btn-outline-dark mb-2">Balance Sheet</a>
    <a href="{% url 'coa:profit_loss' %}" class="btn btn-outline-dark mb-2">Profit &amp; Loss</a>
    <a href="{% url 'coa:ledger_search' %}" class="btn btn-outline-info mb-2">Ledger Search</a>
  </div>
</div>
{% endblock %}