kimai2/templates/invoice/renderer/freelancer.html.twig

{% import "macros/widgets.html.twig" as widgets %}

{% extends 'invoice/layout.html.twig' %}

{% block invoice %}

{% set signature = null %}
{# You can overwrite these settings in your config/packages/local.yaml under the key "twig.globals.company" - previously '/build/images/signature.png' #}
{% set company = company|default({signature: null}) %}
{% if company.signature is defined and company.signature is not empty %}
    {% set signature = company.signature %}
{% endif %}

<div class="row" id="freelancer-invoice">
    <div class="col-xs-12">
        <header>
            <address>
                <p contenteditable="true">{{ model.template.address|replace({"\n": ' &ndash; ', "\r\n": ' &ndash; ', "\r": ' &ndash; '})|raw }}</p>
            </address>
        </header>
        <article class="address">
            <h1>{{ 'invoice.to'|trans }}</h1>
            <address>
                <p>
                    <strong>{{ model.customer.company|default(model.customer.name) }}</strong><br>
                    {{ model.customer.address|nl2br }}
                    {% if model.customer.vatId is not empty %}
                    <br>
                    {{ 'label.vat_id'|trans }}: {{ model.customer.vatId }}
                    {% endif %}
                </p>
            </address>
            <table class="meta">
                <tr>
                    <th>{{ 'label.date'|trans }}:</th>
                    <td contenteditable="true">{{ model.invoiceDate|date_short }}</td>
                </tr>
                <tr>
                    <th>{{ 'invoice.service_date'|trans }}:</th>
                    <td><span contenteditable="true">{{ model.query.end|month_name|trans }} {{ model.query.end|date('Y') }}</td>
                </tr>
                <tr>
                    <th>{{ 'invoice.number'|trans }}:</th>
                    <td><span contenteditable="true">{{ model.numberGenerator.invoiceNumber }}</td>
                </tr>
                {% if model.query.project is not empty and model.query.project.orderNumber is not empty %}
                    <tr>
                        <th>{{ 'label.orderNumber'|trans }}</th>
                        <td contenteditable="true">
                            {{ model.query.project.orderNumber }}
                        </td>
                    </tr>
                {% endif %}
                {% if model.template.vatId is not empty %}
                    <tr>
                        <th>{{ 'label.vat_id'|trans }}:</th>
                        <td>
                            {{ model.template.vatId }}
                        </td>
                    </tr>
                {% endif %}
            </table>
        </article>
        <article>
            <h2>{{ model.template.title|default('timesheet'|trans({}, 'invoice-renderer')) }}</h2>
            <p contenteditable="true">
                {{ 'label.invoice_salutation'|trans|nl2br }}
            </p>
            <table class="inventory">
                <thead>
                    <tr>
                        <th>{{ 'label.description'|trans }}</th>
                        <th>{{ 'label.unit_price'|trans }}</th>
                        <th>{{ 'label.amount'|trans }}</th>
                        <th>{{ 'label.total_rate'|trans }}</th>
                    </tr>
                </thead>
                <tbody>
                {% for entry in model.calculator.entries %}
                    {% set duration = entry.duration|duration %}
                    {% if entry.fixedRate is not null %}
                        {% set rate = entry.fixedRate %}
                        {% set duration = entry.amount %}
                    {% elseif entry.hourlyRate is not null %}
                        {% set rate = entry.hourlyRate %}
                    {% else %}
                        {% set rate = app.user.getPreferenceValue('hourly_rate') %}
                    {% endif %}

                    <tr>
                        <td contenteditable="true">
                            {% if entry.description is not empty %}
                                {{ entry.description|nl2br }}
                            {% else %}
                                {{ entry.activity.name }} / {{ entry.project.name }}
                            {% endif %}
                        </td>
                        <td contenteditable="true">{{ rate|money(model.calculator.currency) }}</td>
                        <td contenteditable="true">{{ duration }}</td>
                        <td>{{ entry.rate|money(model.calculator.currency) }}</td>
                    </tr>
                {% endfor %}
                </tbody>
            </table>
            <table class="balance">
                <tr>
                    <th>{{ 'invoice.subtotal'|trans }}</th>
                    <td>{{ model.calculator.subtotal|money(model.calculator.currency) }}</td>
                </tr>
                <tr>
                    <th>{{ 'invoice.tax'|trans }} ({{ model.calculator.vat }}%)</th>
                    <td>{{ model.calculator.tax|money(model.calculator.currency) }}</td>
                </tr>
                <tr>
                    <th class="total">{{ 'invoice.total'|trans }}</th>
                    <td class="total">{{ model.calculator.total|money(model.calculator.currency) }}</td>
                </tr>
            </table>
        </article>
        {% if model.template.paymentTerms is not empty %}
            <article class="paymentTerms">
                <p contenteditable="true">
                    {{ model.template.paymentTerms|nl2br|md2html }}
                </p>
                {% if signature is not empty %}
                    <img src="{{ signature }}">
                {% endif %}
            </article>
        {% endif %}
        <footer class="footer">
            <div class="row">
                <div class="col-sm-4" contenteditable="true">
                    <p>
                        <strong>{{ 'label.address'|trans }}</strong>
                    </p>
                    <p>
                        {{ model.template.address|nl2br }}
                    </p>
                </div>
                <div class="col-sm-4 text-center" contenteditable="true">
                    <p>
                        <strong>{{ 'label.invoice_bank_account'|trans }}</strong>
                    </p>
                    <p>
                        {{ model.template.paymentDetails|nl2br }}
                    </p>
                </div>
                <div class="col-sm-4 text-right" contenteditable="true">
                    <p>
                        <strong>{{ 'label.contact'|trans }}</strong>
                    </p>
                    <p>
                        {{ model.template.contact|nl2br }}
                    </p>
                </div>
            </div>
        </footer>
    </div>
</div>

{% endblock %}