{# Ergebnis des Liquidrechners – wird auch vom Browser-Rechner neu gefüllt #}
{% set fmt = 'de-DE' %}
<h2 class="rlc-result-title">Dein Mischverhältnis</h2>

{% if result.valid %}
    <ul class="rlc-parts">
        <li class="rlc-part rlc-part--base">
            <span class="rlc-part-label">Basis</span>
            <span class="rlc-part-value" data-rlc-out="base">{{ result.baseMl|number_format(1, ',', '.') }} ml</span>
        </li>
        <li class="rlc-part rlc-part--aroma">
            <span class="rlc-part-label">Aroma</span>
            <span class="rlc-part-value" data-rlc-out="aroma">{{ result.aromaMl|number_format(1, ',', '.') }} ml</span>
        </li>
        <li class="rlc-part rlc-part--shot">
            <span class="rlc-part-label">Nikotin-Shots</span>
            <span class="rlc-part-value" data-rlc-out="shot">{{ result.shotMl|number_format(1, ',', '.') }} ml</span>
            <span class="rlc-part-hint" data-rlc-out="shotCount">{{ result.shotCount|number_format(result.shotCount == result.shotCount|round ? 0 : 1, ',', '.') }} × {{ input.shotSize|number_format(0, ',', '.') }} ml</span>
        </li>
    </ul>

    <dl class="rlc-summary">
        <div><dt>Gesamtmenge</dt><dd data-rlc-out="total">{{ result.totalMl|number_format(1, ',', '.') }} ml</dd></div>
        <div><dt>Nikotin</dt><dd data-rlc-out="nicotine">{{ result.nicotinePerMl|number_format(1, ',', '.') }} mg/ml</dd></div>
        <div><dt>Verhältnis</dt><dd data-rlc-out="ratio">VG {{ result.vg }} / PG {{ result.pg }}</dd></div>
    </dl>
{% else %}
    <div class="rlc-error" data-rlc-error>
        {% for error in result.errors %}<p>{{ error }}</p>{% endfor %}
    </div>
{% endif %}

<div class="rlc-warnings" data-rlc-warnings>
    {% for warning in result.warnings %}<p>{{ warning }}</p>{% endfor %}
</div>