{% load i18n %}

<div class="scormxblock_block">
    {% if scorm_file_path %}

    {% if scorm_xblock.has_score %}
    <p>
        (<span class="lesson_score">{{ scorm_xblock.lesson_score }}</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 "Full screen" %}
            </button>
            <button class="js-button-full-screen full-screen-off">
                {% trans "Exit full screen" %}
            </button>
        </div>

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

</div>