{% if not embedded %}
    {% set loading_screen = true %}
    {% extends 'base/base.html' %}
{% endif %}

{% block body %}
<section class="section">

    <div class="call_box">
        <video id="remote_video" autoplay playsinline></video>
        <video id="local_video" autoplay playsinline muted></video>
    </div>

    <div class="field is-horizontal">
        <div class="field-label is-normal">
            <label class="label" for="jid">{% trans %}Callee JID{% endtrans %}</label>
        </div>
        <div class="field-body">
            <div class="field">
                <div class="control">
                    <input class="input" type="text" id="callee_jid" value="louise@tazar3.int">
                </div>
            </div>
            <div class="field">
                <div class="control">
                    <button class="button is-primary" id="call_btn">&#128222; {% trans %}Call{% endtrans %}</button>
                    <button class="button is-hidden" id="hangup_btn">{% trans %}Hang Up{% endtrans %}</button>
                </div>
            </div>
        </div>
    </div>


</section>
{% endblock body %}