{% extends 'modals/confirmation/confirmation-base.html.twig' %}

{% block modal_name %}reload-warning-modal{% endblock %}
{% block modal_extra_classes %}info-text{% endblock %}
{% block confirmation_content %}
    <div class="text-content">
        <p>You are going to refresh QR code. Please take note that if you configure 2FAS Tokens with this new code, you lose access via devices which were paired with the old one.</p>
    </div>
    <div class="text-content remember-me">
        <input type="checkbox" id="reload-modal-check" name="reload-modal-check" />
        <label for="reload-modal-check">Don't show me this again.</label>
    </div>
    <div class="buttons">
        <a href="#" class="twofas-btn cancel-btn js-close-modal">CANCEL</a>

        <form action="{{ url.create(constant('TwoFAS\\TwoFAS\\Http\\Route::SUBMENU_CHANNEL'), constant('TwoFAS\\TwoFAS\\Http\\Route::ACTION_DISABLE_RELOAD_MODAL')) }}" method="post" class="buttons-bottom js-reload-qr-code-and-set-modal-status form-inline">
            {{ url.create_form_nonce(constant('TwoFAS\\TwoFAS\\Http\\Route::ACTION_DISABLE_RELOAD_MODAL')) | raw }}

            <button class="twofas-btn action-btn">
                <span>CONFIRM</span>
            </button>
        </form>
    </div>
{% endblock %}