{% extends 'pos/base.html' %}
{% block content %}
<div class="container" style="max-width:700px">
  <div class="row mb-3">
    <div class="col"><h4>Balance Sheet</h4></div>
    <div class="col-auto">
      <form class="d-flex gap-2" method="get">
        <label class="form-label me-1 mb-0 align-self-center">As of:</label>
        <input type="date" name="as_of_date" value="{{ as_of_date }}" class="form-control form-control-sm">
        <button class="btn btn-primary btn-sm">Go</button>
      </form>
    </div>
  </div>
 
  {% if not is_balanced %}
  <div class="alert alert-danger">⚠ Balance Sheet does not balance! Difference: {{ check|floatformat:2 }}</div>
  {% else %}
  <div class="alert alert-success">✓ Balance Sheet balanced as of {{ as_of_date }}</div>
  {% endif %}
 
  <div class="row">
    <!-- LEFT: Assets -->
    <div class="col-md-6">
      <table class="table table-sm table-bordered">
        <thead class="table-primary"><tr><th colspan="2">ASSETS</th></tr></thead>
        <tbody>
          {% for row in asset_rows %}
          <tr><td>{{ row.code }} — {{ row.name }}</td><td class="text-end">{{ row.balance|floatformat:2 }}</td></tr>
          {% endfor %}
        </tbody>
        <tfoot class="fw-bold table-primary">
          <tr><td>Total Assets</td><td class="text-end">{{ total_assets|floatformat:2 }}</td></tr>
        </tfoot>
      </table>
    </div>
 
    <!-- RIGHT: Liabilities + Equity -->
    <div class="col-md-6">
      <table class="table table-sm table-bordered">
        <thead class="table-warning"><tr><th colspan="2">LIABILITIES</th></tr></thead>
        <tbody>
          {% for row in liability_rows %}
          <tr><td>{{ row.code }} — {{ row.name }}</td><td class="text-end">{{ row.balance|floatformat:2 }}</td></tr>
          {% endfor %}
        </tbody>
        <tfoot class="fw-bold table-warning">
          <tr><td>Total Liabilities</td><td class="text-end">{{ total_liabilities|floatformat:2 }}</td></tr>
        </tfoot>
      </table>
 
      <table class="table table-sm table-bordered mt-2">
        <thead class="table-success"><tr><th colspan="2">EQUITY</th></tr></thead>
        <tbody>
          {% for row in equity_rows %}
          <tr><td>{{ row.code }} — {{ row.name }}</td><td class="text-end">{{ row.balance|floatformat:2 }}</td></tr>
          {% endfor %}
          <tr class="{% if is_profit %}table-success{% else %}table-danger{% endif %}">
            <td>Current Period {% if is_profit %}Profit{% else %}Loss{% endif %}</td>
            <td class="text-end">{{ current_profit|floatformat:2 }}</td>
          </tr>
        </tbody>
        <tfoot class="fw-bold table-success">
          <tr><td>Total Equity</td><td class="text-end">{{ total_equity_with_profit|floatformat:2 }}</td></tr>
        </tfoot>
      </table>
 
      <table class="table table-sm table-bordered mt-2">
        <tfoot class="fw-bold table-dark">
          <tr>
            <td>Total Liabilities + Equity</td>
            <td class="text-end">{{ total_liab_equity|floatformat:2 }}</td>
          </tr>
        </tfoot>
      </table>
    </div>
  </div>
</div>
{% endblock %}