{% extends 'base.html.twig' %}

{% block title %}{{ 'sign.guest.doneTitle'|trans }}{% endblock %}
{% block footer %}{% endblock %}

{% block styles %}
    {{ parent() }}
    {{ encore_entry_link_tags('sign') }}
{% endblock %}

{% block body %}
<div class="sign-guest" id="signShowApp"
     data-pdf-url="{{ path('app_sign_guest_pdf', {_locale: app.request.locale, token: token}) }}">
    <h1 class="sign-guest__title">{{ 'sign.guest.doneTitle'|trans }}</h1>
    <p class="sign-guest__sub mb-3">{{ 'sign.guest.doneHelp'|trans({'%title%': document.title}) }}</p>

    <div class="sign-guest__actions mb-4">
        {% if document.status == 'completed' %}
            <a class="button button-blue" href="{{ path('app_sign_guest_download', {_locale: app.request.locale, token: token}) }}">
                {{ 'sign.guest.downloadDocument'|trans }}
            </a>
            <a class="button button-orange" href="{{ path('app_sign_guest_certificate', {_locale: app.request.locale, token: token}) }}">
                {{ 'sign.downloadCertificate'|trans }}
            </a>
        {% endif %}
    </div>
    {% if document.status == 'completed' %}
        <p class="sign-help mb-4">{{ 'sign.guest.downloadHelp'|trans }}</p>
    {% else %}
        <p class="sign-help mb-4">{{ 'sign.downloadsWhenComplete'|trans }}</p>
    {% endif %}

    <h2 class="sign-section-title">{{ 'sign.guest.signedPreview'|trans }}</h2>
    <div class="sign-pdf-frame" id="signShowPdfFrame">
        <div class="sign-pdf-loading" id="signShowLoading">{{ 'sign.loadingPdf'|trans }}</div>
        <div class="sign-pdf-pages" id="signShowPages" hidden></div>
    </div>
    <script type="application/json" id="signShowFields">{{ fieldsJson|json_encode|raw }}</script>
</div>
{% endblock %}

{% block javascripts %}
    {{ parent() }}
    <script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/3.11.174/pdf.min.js" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
    <script>
        if (window.pdfjsLib) {
            window.pdfjsLib.GlobalWorkerOptions.workerSrc = 'https://cdnjs.cloudflare.com/ajax/libs/pdf.js/3.11.174/pdf.worker.min.js';
        }
    </script>
    {{ encore_entry_script_tags('sign') }}
{% endblock %}