djLint/tests/django_ledger/bill_update.html

{% extends 'django_ledger/layouts/content_layout_1.html' %}
{% load i18n %}
{% load static %}
{% load django_ledger %}
{% block view_content %}
    <form action="{% url 'django_ledger:bill-update' entity_slug=view.kwargs.entity_slug bill_pk=bill.uuid %}"
          method="post">
        {% if form.errors %}{{ form.errors }}{% endif %}
        {% csrf_token %}
        <div class="columns is-multiline">
            <div class="column is-6">
                {% include 'django_ledger/includes/card_vendor.html' with vendor=bill.vendor %}
            </div>
            <div class="column is-6">
                <div class="card">
                    <div class="card-header">
                        <p class="card-header-title">
                            {% trans 'Bill Amount & Terms' %}
                        </p>
                    </div>
                    <div class="card-content">
                        <div class="content">
                            <h3 class="has-text-weight-light">
                                Bill Amount:
                                <strong>${{ bill.amount_due | currency_format }}</strong>
                                <button type="button"
                                        onclick="document.getElementById('django-ledger-bill-amount-field').classList.remove('is-hidden')"
                                        class="button is-small is-info is-outlined">
                                    {% trans 'Edit' %}
                                </button>
                            </h3>
                            <div class="field is-hidden" id="django-ledger-bill-amount-field">
                                <div class="control">
                                    {{ form.amount_due }}
                                </div>
                            </div>
                            <h4 class="has-text-weight-light">Bill Date: {{ bill.date }}</h4>
                            <h4 class="has-text-weight-light">Terms: {{ bill.get_terms_display }}</h4>
                            <h4 class="has-text-weight-light">
                                External Reference: {{ bill.xref }}
                                <button type="button"
                                        onclick="document.getElementById('django-ledger-bill-xref-field').classList.remove('is-hidden')"
                                        class="button is-small is-info is-outlined">
                                    {% trans 'Edit' %}
                                </button>
                            </h4>
                            <h4 class="has-text-weight-light">Accrue Bill: {{ form.accrue }}</h4>
                            <div class="field is-hidden" id="django-ledger-bill-xref-field">
                                <div class="control">
                                    {{ form.xref }}
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="column is-6">
                <div class="card">
                    <div class="card-header">
                        <p class="card-header-title">
                            {% trans 'Bill State' %}
                        </p>
                    </div>
                    <div class="card-body">
                        <div class="card-content">
                            <form action="{% url 'django_ledger:bill-update' entity_slug=view.kwargs.entity_slug bill_pk=bill.uuid %}"
                                  method="post">
                                {% csrf_token %}
                                <div class="field">
                                    <label for="{{ form.paid.id_for_amount_paid }}" class="label is-small">
                                        {{ form.amount_paid.label }}
                                    </label>
                                    <div class="control">
                                        {{ form.amount_paid }}
                                    </div>
                                </div>
                                <div class="field">
                                    <label for="{{ form.paid.id_for_label }}" class="label is-small">
                                        {{ form.paid }}
                                        {{ form.paid.label }}
                                    </label>
                                </div>
                                <div class="field">
                                    <label class="label is-small" for="{{ form.paid_date.id_for_label }}">
                                        {{ form.paid_date.label }}
                                    </label>
                                    <div class="control">
                                        {{ form.paid_date }}
                                    </div>
                                </div>
                                <div class="field">
                                    <label class="label is-small" for="{{ form.progress.id_for_label }}">
                                        {{ form.progress.label }}
                                    </label>
                                    <div class="control">
                                        {{ form.progress }}
                                    </div>
                                </div>
                                <button type="submit" class="button is-primary is-fullwidth djetler_my_1">
                                    {% trans 'Save' %}
                                </button>
                                <a href="{% url 'django_ledger:bill-list' entity_slug=view.kwargs.entity_slug %}"
                                   class="button is-small is-info is-fullwidth">
                                    {% trans 'Bill List' %}
                                </a>
                                <a href="{% url 'django_ledger:entity-dashboard' entity_slug=view.kwargs.entity_slug %}"
                                   class="button is-small is-info is-outlined is-fullwidth mt-2">
                                    {% trans 'Dashboard' %}
                                </a>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
            {% if bill.is_configured %}
                <div class="column is-6">
                    <div class="card">
                        <div class="card-header">
                            <p class="card-header-title">
                                {% trans 'Bill State' %}
                            </p>
                        </div>
                        <div class="card-body">
                            <div class="card-content">
                                <div class="columns is-multiline">
                                    <div class="column is-12">
                                        <h3 class="is-size-3">{% trans 'Bill State' %}</h3>
                                        <p>
                                            {{ bill.cash_account }}:
                                            ${{ bill.get_amount_cash | currency_format }}
                                        </p>
                                        <p>
                                            {{ bill.prepaid_account }}:
                                            ${{ bill.get_amount_receivable | currency_format }}
                                        </p>
                                        <p>
                                            {{ bill.unearned_account }}:
                                            ${{ bill.get_amount_payable | currency_format }}
                                        </p>
                                        <p>
                                            {{ bill.earnings_account }}:
                                            ${{ bill.get_amount_earned | currency_format }}
                                        </p>
                                    </div>
                                    <div class="column is-12">
                                        <h3 class="is-size-3">{% trans 'Ledger State' %}</h3>
                                        <p>
                                            {{ bill.cash_account }}: ${{ bill.amount_paid | currency_format }}
                                        </p>
                                        <p>
                                            {{ bill.prepaid_account }}:
                                            ${{ bill.amount_receivable | currency_format }}
                                        </p>
                                        <p>
                                            {{ bill.unearned_account }}:
                                            ${{ bill.amount_unearned | currency_format }}
                                        </p>
                                        <p>
                                            {{ bill.earnings_account }}:
                                            ${{ bill.amount_earned | currency_format }}
                                        </p>
                                    </div>
                                    {% now "Y" as current_year %}
                                    {% now "m" as current_month %}
                                    <div class="column is-6">
                                        <a class="button is-outlined is-small is-primary is-fullwidth"
                                           href="{% url 'django_ledger:ledger-bs-month' ledger_pk=bill.ledger.uuid entity_slug=view.kwargs.entity_slug year=current_year month=current_month %}">
                                            {% trans 'Balance Sheet' %}
                                        </a>
                                    </div>
                                    <div class="column is-6">
                                        <a class="button is-outlined is-small is-info is-fullwidth"
                                           href="{% url 'django_ledger:ledger-ic-month' ledger_pk=bill.ledger.uuid entity_slug=view.kwargs.entity_slug year=current_year month=current_month %}">
                                            {% trans 'Income Statement' %}
                                        </a>
                                    </div>
                                    <div class="column is-12">
                                        <a class="button is-small is-warning is-fullwidth"
                                           href="{% url 'django_ledger:ledger-update' ledger_pk=bill.ledger.uuid entity_slug=view.kwargs.entity_slug %}">
                                            {% trans 'Bill Ledger' %}
                                        </a>
                                        <a class="button is-small is-info is-fullwidth mt-2"
                                           href="{% url 'django_ledger:je-list' ledger_pk=bill.ledger.uuid entity_slug=view.kwargs.entity_slug %}">
                                            {% trans 'Ledger Journal Entries' %}
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            {% else %}
                <div class="column is-6">
                    <div class="card animate__animated animate__tada">
                        <div class="card-header">
                            <p class="card-header-title">
                                {% trans 'Bill Configuration' %}
                            </p>
                        </div>
                        <div class="card-body">
                            <div class="card-content">
                                <div class="field">
                                    <div class="control">
                                        <label for="{{ form.cash_account.id_for_label }}" class="label">
                                            {{ form.cash_account.label }}
                                        </label>
                                        {{ form.cash_account }}
                                    </div>
                                </div>
                                <div class="field">
                                    <div class="control">
                                        <label for="{{ form.prepaid_account.id_for_label }}" class="label">
                                            {{ form.prepaid_account.label }}
                                        </label>
                                        {{ form.prepaid_account }}
                                    </div>
                                </div>
                                <div class="field">
                                    <div class="control">
                                        <label for="{{ form.unearned_account.id_for_label }}" class="label">
                                            {{ form.unearned_account.label }}
                                        </label>
                                        {{ form.unearned_account }}
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            {% endif %}
        </div>
    </form>
    {% bill_item_formset_table item_formset %}
{% endblock %}