{% load i18n %}

<div class="openedxscorm_block">
    {% if index_page_url %}

    {% if scorm_xblock.has_score %}
    <p>
        (<span class="lesson_score">{{ grade|floatformat }}</span>/{{ scorm_xblock.weight|floatformat }} {% trans "points" %})
        <span class="completion_status">{% trans completion_status %}</span>
    </p>
    {% endif %}

    <div class="js-scorm-block">
        <div class="scorm_button">
            <button class="js-button-full-screen full-screen-on">
                {% trans "Fullscreen" %}
            </button>
            <button class="js-button-full-screen full-screen-off">
                {% trans "Exit fullscreen" %}
            </button>
        </div>

        <iframe class="scorm_object" src="{{ index_page_url }}" width="{% if scorm_xblock.width %}{{ scorm_xblock.width }}{% else %}100%{% endif %}" {% if scorm_xblock.height %}height="{{ scorm_xblock.height }}" {% endif %}></iframe>
    </div>
    {% elif message %}
    <p>{{ message }}</p>
    {% endif %}
</div>