{% extends kimai_context.modalRequest ? 'form.html.twig' : 'base.html.twig' %}


{% block main %}
    {% set formEditTemplate = kimai_context.modalRequest ? 'default/_form_modal.html.twig' : 'default/_form.html.twig' %}
    {% set formOptions = {
        'title': 'action.edit'|trans,
        'form': form,
        'back': path('user_barcode_edit', {'username': user.username, 'userAuth': auth.id})
    } %}
    {% embed formEditTemplate with formOptions %}
        {% block form_body %}
            <div class="row">
                <div class="col-12">
                    {{ form_row(form.code) }}
                </div>
            </div>
            <div class="row">
                <div class="col-12">
                    {{ form_row(form.activity) }}
                </div>
            </div>
            {{ form_rest(form) }}

            {# ===================================================== #}

            <script type="text/javascript">
                async function startNfcScanning()
                {
                    try {
                        const ndef = new NDEFReader();
                        await ndef.scan();

                        ndef.addEventListener("readingerror", () => {
                            console.log("Cannot read data from the NFC tag. Try another one?");
                        });

                        ndef.addEventListener("reading", ({message, serialNumber}) => {
                            document.getElementById('user_auth_form_code').value = serialNumber;
                        });
                    } catch (e) {
                        console.log('Could not read from NFC: ' + e);
                    }
                }

                async function detectNfcSupport()
                {
                    const nfcPermissionStatus = await navigator.permissions.query({name: "nfc"});
                    if (nfcPermissionStatus.state === "granted") {
                        startNfcScanning();
                    }
                }

                if (window.NDEFReader !== undefined) {
                    detectNfcSupport();
                }
            </script>
        {% endblock %}
    {% endembed %}
{% endblock %}