{% if document.ksef_is_active %}
<div class="m-document__qr-code">
    <div class="m-document__qr-codes-container">
        <div class="m-document__qr-code-wrapper">
            <div class="m-document__text m-document__text--featured">
                Sprawdź w KSeF
            </div>
            <div class="m-document__qr-code-image">
                <img src="{{ document.ksef_qr_code }}" />
            </div>
            <div class="m-document__text m-document__text--featured">
                {% if document.ksef_number is not null %}
                {{ document.ksef_number }}
                {% else %}
                OFFLINE
                {% endif %}
            </div>
        </div>

        {% if document.ksef_number is null %}
        <div class="m-document__qr-code-wrapper">
            <div class="m-document__qr-code-image">
                <img src="{{ document.ksef_qr_code_cert }}" />
            </div>
            <div class="m-document__text m-document__text--featured">
                CERTYFIKAT
            </div>
        </div>
        {% endif %}
    </div>
</div>
{% endif %}