{% extends 'base.html' %}

{% load staticfiles %}

{% block title %}
    Expe {{ expe_name }}
{% endblock %}

{% block content %}
    
    {% if request.session.begin %}
        <h3>{{ question }}</h3>
        <p>{{ indication }}</p>

        <br />
        <p>Press enter to begin experience</p>
    {% endif %}
    
    <!-- TODO : Load    img from bitmap with javascript `loadImg.js` -->
    {% if not request.session.begin %}
        <img id="expeImg" src="/{{img_merged_path}}" data-img="{{request.session.img_merged}}"/>
    {% endif %}

    {% block javascripts %}
        <script type="text/javascript"> 
            var BEGIN_EXPE = "{{request.session.begin}}"
        </script>
        <script src="{% static "js/loadImg.js" %}"></script>
        <script src="{% static "js/keyEvents.js" %}"></script>
    {% endblock %}
{% endblock %}