{% load i18n %}

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

    {% if scorm_xblock.has_score %}
    <p>
        (<span class="lesson_score">{{ scorm_xblock.lesson_score|floatformat }}</span>/{{ scorm_xblock.weight }} {% 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 %}"
                height="{{ scorm_xblock.height }}"
        ></iframe>
     </div>
    {% elif message %}
    <p>{{ message }}</p>
    {% endif %}
</div>