{% extends 'whispeakauth/view/record_audio.html.twig' %}

{% block intro %}
    <form class="form-horizontal" action="#" method="post">
        <div class="form-group ">
            <label for="enter_username_username" class="col-sm-4 control-label">
                {{ 'Username'|get_lang }}
            </label>
            <div class="col-sm-8">
                <input class="form-control" name="username" type="text" id="username">
            </div>
        </div>
    </form>

    <hr>

    {{ parent() }}
{% endblock %}

{% block config_data %}
    $('#username').on('change', function () {
        $('#record-audio-recordrtc, #btn-start-record, #btn-stop-record, #btn-save-record').off('click', '');

        RecordAudio.init(
            {
                blockId: '#record-audio-recordrtc',
                btnStartId: '#btn-start-record',
                btnStopId: '#btn-stop-record',
                btnSaveId: '#btn-save-record',
                plyrPreviewId: '#record-preview',
                data: {
                    action: 'authentify',
                    username: $('#username').val()
                }
            }
        );
    });
{% endblock %}
