{% extends "global/Page.html" %}
{% load otree static %}

{% block title %}
    P listen
{% endblock %}

{% block content %}

    <p>
    <!-- Sound punisher has to hear based on chooser's selection (1/5th of what is implemented)-->
    আপনি যতটুকু শব্দ বাছাই করেছিলেন ততক্ষন শব্দ আপনি এখন শুনবেন।
    </p>

    <p>
        <audio controls id="id_sound_listen">
            <source src="" type="audio/ogg">
            <source src="" type="audio/mpeg">
        </audio>
    </p>

    <p>
        Enter Enum Password:
        {% formfield group.pass_key %}
    </p>


    {% next_button %}


    <script>
        $(document).ready(function () {
           if(js_vars.be_type != 2 || (js_vars.be_type == 2 && js_vars.eph_elicit_regret == 0)){
                //good plate for the man/kept bad
                if(js_vars.plate_selected == 0){
                    var sound_listen = Math.round(js_vars.sound_good);
                    url_prefix = '/static/pun_sound/';
                    url_suffix = '.mp3';
                    url_source = url_prefix + sound_listen.toString() + url_suffix;
                    document.getElementById("id_sound_listen").setAttribute('src', url_source);
                }
                else{
                    var sound_listen = Math.round(js_vars.sound_bad);
                    url_prefix = '/static/pun_sound/';
                    url_suffix = '.mp3';
                    url_source = url_prefix + sound_listen.toString() + url_suffix;
                    document.getElementById("id_sound_listen").setAttribute('src', url_source);
                }
            }
            else{
                if(js_vars.eph_regret == 1){
                    if(js_vars.plate_selected == 0){
                        var sound_listen = Math.round(js_vars.sound_regret);
                        url_prefix = '/static/pun_sound/';
                        url_suffix = '.mp3';
                        url_source = url_prefix + sound_listen.toString() + url_suffix;
                        document.getElementById("id_sound_listen").setAttribute('src', url_source);
                    }
                    else{
                        var sound_listen = Math.round(js_vars.sound_regret);
                        url_prefix = '/static/pun_sound/';
                        url_suffix = '.mp3';
                        url_source = url_prefix + sound_listen.toString() + url_suffix;
                        document.getElementById("id_sound_listen").setAttribute('src', url_source);
                    }
                }
                else{
                    if(js_vars.plate_selected == 0){
                        var sound_listen = Math.round(js_vars.sound_good);
                        url_prefix = '/static/pun_sound/';
                        url_suffix = '.mp3';
                        url_source = url_prefix + sound_listen.toString() + url_suffix;
                        document.getElementById("id_sound_listen").setAttribute('src', url_source);
                    }
                    else{
                        var sound_listen = Math.round(js_vars.sound_bad);
                        url_prefix = '/static/pun_sound/';
                        url_suffix = '.mp3';
                        url_source = url_prefix + sound_listen.toString() + url_suffix;
                        document.getElementById("id_sound_listen").setAttribute('src', url_source);
                    }
                }
            }
        });

    </script>


{% endblock %}