{{ define "title" -}}
    {{- /*gotype: dev.tandem.ws/tandem/numerus/pkg.DashboardPage*/ -}}
    {{( pgettext "Dashboard" "title" )}}
{{- end }}

{{ define "breadcrumbs" -}}
    {{- /*gotype: dev.tandem.ws/tandem/numerus/pkg.DashboardPage*/ -}}
{{- end }}

{{ define "content" }}
    {{- /*gotype: dev.tandem.ws/tandem/numerus/pkg.DashboardPage*/ -}}
    <div aria-label="{{( pgettext "Filters" "title" )}}">
        <form method="GET" action="{{ companyURI "/"}}"
              id="dashboard-filters"
              data-hx-target="main"
              data-hx-boost="true"
              data-hx-trigger="change,submit"
        >
            {{ with .Filters }}
                {{ template "radio-field" .Period }}
            {{ end }}
            <noscript>
                <button type="submit">{{( pgettext "Filter" "action" )}}</button>
            </noscript>
        </form>
    </div>
    <dl id="income-statement">
        <div>
            <dt>{{ (pgettext "Sales" "term") }}</dt>
            <dd>{{ formatPriceSpan .Sales }}</dd>
        </div>
        <div>
            <dt>{{ (pgettext "Income" "term") }}</dt>
            <dd>{{ formatPriceSpan .Income }}</dd>
        </div>
        <div>
            <dt>{{ (pgettext "Expenses" "term") }}</dt>
            <dd>{{ formatPriceSpan .Expenses }}</dd>
        </div>
        <div>
            <dt>{{ (pgettext "VAT" "term") }}</dt>
            <dd>{{ formatPriceSpan .VAT }}</dd>
        </div>
        <div>
            <dt>{{ (pgettext "IRPF" "term") }}</dt>
            <dd>{{ formatPriceSpan .IRPF }}</dd>
        </div>
        <div>
            <dt>{{ (pgettext "Net Income" "term") }}</dt>
            <dd>{{ formatPriceSpan .NetIncome }}</dd>
        </div>
    </dl>
    {{ .Chart }}
{{- end }}