{{ extends 'global/Page.html' }}
{{ block title }}Final questions{{ endblock }}

{{ block content }}

<p>
    Please answer the questions on this page that will help us understand your choices during the study. There are {{ if C.NFCLONG == 1 }} 42 {{ else }} 16 {{ endif }} questions in total. Answers in these questions do not affect your rewards but answering is necessary to complete the study. After this page, you are directed back to Prolific to collect your reward.
</p>

<hr>

<h3>
    Question about your risk taking attitude
</h3>

<p>
    How do you see yourself: are you generally a person who is fully prepared to take risks or do you try to avoid taking risks? Please rate on a scale of 1 to 10.<br>

    {{ formfield player.dohmen label="" }}
</p>

<hr>

<h3>
    Questions about your beliefs and experiences
</h3>
<p>
    <i>Below you will see statements in which you are required to answer using the scale 1-6.</i>
</p>
<div id="nfcquestions"></div>
<input type="hidden" id="id_nfcscore" name="nfcscore">
<input type="hidden" id="id_nfcscales" name="nfcscales">
<input type="hidden" id="id_nfcall" name="nfcall">

<br>
    <span id="nfcspan" hidden>0</span>
<br>
<center>
    <button id="submitbutton" class="otree-btn-next btn btn-primary">Finished</button>
</center>



{{ endblock }}

{{ block scripts }}
<script>
function shuffle(array) {
	array.sort(() => Math.random() - 0.5);
}

const nfcshortlist = ['nfc3','nfc4','nfc6','nfc8','nfc9','nfc11','nfc12','nfc13','nfc15','nfc25','nfc30','nfc32','nfc33','nfc39','nfc40'];

for (let i = 0; i < 41; i++) { // 41 nfc questions in long, 15 in short

    const nfcitem = js_vars.nfcorder[i];

	// if nfc short, then skip if the question does not belong to the short list questions
  	if (js_vars.nfclong != 1 && !(nfcshortlist.includes(nfcitem[0]))) {
    	continue;
	}

  	const questiontext = document.createElement("p");
    const questiontextnode = document.createTextNode(nfcitem[1]);
    const divelement = document.getElementById("nfcquestions");
  
    questiontext.appendChild(questiontextnode);
    // attach the questions into the div element
    divelement.appendChild(questiontext);

    questiontext.appendChild(questiontextnode);
    // attach the questions into the div element
    divelement.appendChild(questiontext);


    for (let j = 0; j < 6; j++) { // 6 inputs on each question
        const inputt = document.createElement("input");
        inputt.setAttribute("type", "radio");
        inputt.setAttribute("class", "form-check-input");
        inputt.setAttribute("id", nfcitem[0] + (j+1).toString()); // set id as nfc11, nfc12, ..., nfc21, nfc22, etc.
        inputt.setAttribute("name", nfcitem[0]);
        inputt.setAttribute("value", j+1)
        inputt.setAttribute("required", "required")

        const labell = document.createElement("label");
        const space = document.createTextNode("\u00A0");
        labell.appendChild(space);
        const labelltext = document.createTextNode(js_vars.responses[j]);
        labell.appendChild(inputt); // attach input within label so the text is clickable 
        labell.appendChild(labelltext);
        // attach each label after each input element
        divelement.appendChild(labell);

        // add <br> after each input element
        const brr1 = document.createElement("br");
        divelement.appendChild(brr1);

    }

    // add <br> after each question
    const brr2 = document.createElement("br");
    divelement.appendChild(brr2);
    const brr3 = document.createElement("br");
    divelement.appendChild(brr3);

}

var submitbutton = document.querySelector('#submitbutton');

function fsubmit() {

  	var nfca = 0; var nfcb = 0; var nfcc = 0; var nfcd = 0; var nfce = 0; // subscales
  	var nfcall = "";
	for (let i = 0; i < 41; i++) { // loop over all questions
    
        // if nfc short, then skip if the question does not belong to the short list questions
        if (js_vars.nfclong != 1 && !(nfcshortlist.includes("nfc" + (i+1).toString()))) {
            continue;
        }

      	for (let j = 0; j < 6; j++) { // 6 inputs on each question
            var nfcitemjj = "nfc" + (i+1).toString() + (j+1).toString();

            if(document.getElementById(nfcitemjj).checked == true) {
                if (js_vars.subscales[i] == 'a') { 
                    if (js_vars.reversedscoring[i] == 'N') {	// not reversed scoring
                        nfca += j + 1;
                      	nfcall += (j+1) + ",";
                    } else {									// reversed scoring
                        nfca += 6 - j;
                      	nfcall += (6 - j) + ",";
                      
                    }
    	        }

              	if (js_vars.subscales[i] == 'b') { 
                    if (js_vars.reversedscoring[i] == 'N') {	// not reversed scoring
                        nfcb += j + 1;
                      	nfcall += (j+1) + ",";

                    } else {									// reversed scoring
                        nfcb += 6 - j;
                      	nfcall += (6 - j) + ",";

                    }
    	        }

                if (js_vars.subscales[i] == 'c') { 
                    if (js_vars.reversedscoring[i] == 'N') {	// not reversed scoring
                        nfcc += j + 1;
                      	nfcall += (j+1) + ",";

                    } else {									// reversed scoring
                        nfcc += 6 - j;
                      	nfcall += (6 - j) + ",";

                    }
    	        }

                if (js_vars.subscales[i] == 'd') { 
                    if (js_vars.reversedscoring[i] == 'N') {	// not reversed scoring
                        nfcd += j + 1;
                      	nfcall += (j+1) + ",";

                    } else {									// reversed scoring
                        nfcd += 6 - j;
                      	nfcall += (6 - j) + ",";

                    }
    	        }

                if (js_vars.subscales[i] == 'e') { 
                    if (js_vars.reversedscoring[i] == 'N') {	// not reversed scoring
                        nfce += j + 1;
                      	nfcall += (j+1) + ",";

                    } else {									// reversed scoring
                        nfce += 6 - j;
                      	nfcall += (6 - j) + ",";

                    }
    	        }
	        }
    	}
    }
  
    document.getElementById('nfcspan').innerHTML = nfca+nfcb+nfcc+nfcd+nfce;
	document.getElementById('id_nfcscales').value = [nfca,nfcb,nfcc,nfcd,nfce]; 
  	document.getElementById('id_nfcscore').value = nfca+nfcb+nfcc+nfcd+nfce;
  	document.getElementById('id_nfcall').value = nfcall;

}

submitbutton.addEventListener("click", fsubmit);


</script>
{{ endblock }}