{% extends "base.html" %}
{% load i18n %}
{% load static %}
{% load custom_filters %}


{% block period_navigation %}
    {% if entity %}
        <div class="row mb-4">
            <div class="col-12">{% period_navigation 'entity-bs' %}</div>
        </div>
    {% elif ledger %}
        <div class="row mb-4">
            <div class="col-12">{% period_navigation 'ledger-bs' %}</div>
        </div>
    {% elif unit_model %}
        <div class="row mb-4">
            <div class="col-12">{% period_navigation 'unit-bs' %}</div>
        </div>
    {% endif %}
{% endblock %}


{% block content %}
    <div class="row mb-4">
    <div class="card shadow-sm border-0 p-6">
        <div class="card-body">
            <div class="text-center mb-5">
                {% if entity %}
                    <h1 class="display-4 fw-light">{{ entity.name }}</h1>
                {% elif ledger %}
                    <h1 class="display-4 fw-light">{{ ledger.name }}</h1>
                {% elif unit_model %}
                    <h1 class="display-4 fw-light">{{ ledger.name }}</h1>
                {% endif %}
                <h1 class="display-4 fw-bold">{% trans 'Balance Sheet' %}</h1>
                {% if unit_model %}
                    <h3 class="h2 fw-medium fst-italic">{{ unit_model.name }} {% trans 'Unit' %}</h3>
                {% endif %}
                <h2 class="display-6 fw-light">
                    {% if quarter %}{{ year }} | Q{{ quarter }}
                    {% elif month %}{{ from_date | date:'F, Y' }}
                    {% else %}{% trans 'Fiscal Year' %} {{ year }}
                    {% endif %}
                </h2>
                <p class="h5 fst-italic fw-light">As of {{ to_date | date:'m/d/Y' }}</p>
            </div>

            <!-- Balance Sheet Statement -->
            <div class="table-responsive">
                {% balance_sheet_statement io_model=object %}
            </div>
        </div>
    </div>
    </div>
{% endblock %}