{% extends "base.html" %}
{% load i18n %}
{% load static %}
{% load custom_filters %}
{% block title %}
    {% trans 'Balance Sheet' %} {% endblock %}
    {% 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 %}