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

{% block title %}
    Ego Rank
{% endblock %}

{% block content %}

<details>
<summary>English</summary>

    <p>

    </p>

</details>
    <p>
        আপনি যেই
        {% if participant.vars.opp_male == 1 %} পুরুষের {% else %} নারীর {% endif %}
        সাথে খেলছেন থিনি একটি
        {% if participant.vars.opp_male == 1 %} সম্মানিত পুরুষ {% else %} নম্র স্বভাবের নারী {% endif %}
        প্রশ্ন পত্রে অংশগ্রহন করেছে।
        {% if participant.vars.opp_male == 1 %}
            সম্মানিত পুরুষ মানে যে সকল পুরুষের সফলতা অর্জন করার সম্ভাবনা বেশি এবং তাদের স্ত্রী দ্বারা সম্মানিত।
        {% else %}
            নম্র স্বভাবের নারী বিশেষ করে যে সকল নারী সমাজে সম্মানিত এবং তাদের স্বামী দ্বারা সম্মানিত।
        {% endif %}
    </p>


    <p>
        আপনি যে ১০টি প্রশ্ন-উত্তরে অংশগ্রহন করেছেন সেই ১০টি প্রশ্নগুলোর সাথে দৃঢ়ভাবে একমত হলে ৪ নাম্বার পাবেন।
        <br>
        শুধু একমত হলে ৩ নাম্বার পাবেন।
        <br>
        মতামত না থাকলে ২ নাম্বার পাবেন।
        <br>
        আপনি যদি প্রশ্ন গুলোর সাথে শুধু একমত না হন, তাহলে ১ পাবেন
        <br>
        আর দৃঢ়ভাবে একমত না হলে ০ পাবেন।
        <br>
        <br>
        <br>

        <label>
            <input type="radio" name="dummy_rank" value="0" unchecked>
            <img src="/static/agreeDisagree/ad0.jpg" height="60px" width="60px">
        </label>

        <label>
            <input type="radio" name="dummy_rank" value="1" unchecked>
            <img src="/static/agreeDisagree/ad1.jpg" height="60px" width="60px">
        </label>

        <label>
            <input type="radio" name="dummy_rank" value="2" unchecked>
            <img src="/static/agreeDisagree/ad2.jpg" height="60px" width="60px">
        </label>

        <label>
            <input type="radio" name="dummy_rank" value="3" unchecked>
            <img src="/static/agreeDisagree/ad3.jpg" height="60px" width="60px">
        </label>

        <label>
            <input type="radio" name="dummy_rank" value="4" unchecked>
            <img src="/static/agreeDisagree/ad4.jpg" height="60px" width="60px">
        </label>

        <br>
        <br>
        {% if participant.vars.opp_male == 1 %}
            অর্থাৎ প্রত্যেকটি প্রশ্নের সাথে অন্য পুরুষটি যত দৃঢ় ভাবে একমত হবে, তার সম্মানিত পুরুষ অর্থাৎ যার সফলতা অর্জন করার সম্ভাবনা বেশি এবং যে স্ত্রী দ্বারা সম্মানিত সেরকম পুরুষ হয়ার
            হওয়ার সম্ভাবনা তত বেশি হবে।
        {% else %}
            অর্থাৎ প্রত্যেকটি প্রশ্নের সাথে অন্য নারীটি যত দৃঢ় ভাবে একমত হবে, তার নম্র স্বভাবের নারী অর্থাৎ যে নারী সমাজে সম্মানিত এবং তার স্বামী দ্বারা সম্মানিত সেরকম নারী হয়ার
            হওয়ার সম্ভাবনা তত বেশি হবে।
        {% endif %}

    </p>

    <p>
        আপনার মনে হয় অন্য {% if participant.vars.opp_male == 1 %} পুরুষটি {% else %} নারীটি {% endif %}
        ৪০ এর মধ্যে কত পেয়েছে?
        <br>
        {% formfield group.c_score_guess %}
    </p>

    <p>
        Enter enum password:
        <br>
        {% formfield group.pass_key %}
    </p>

    {% next_button %}



<style>




    /* HIDE RADIO */
    [type=radio] {
        position: absolute;
        opacity: 0;
        width: 0;
        height: 0;
    }

    /* IMAGE STYLES */
    [type=radio] + img {
        cursor: pointer;
    }
    /* UNCHECKED STYLES */
    img {
        border: 2px solid #0d0d0d;
        margin: 0 10px 0 10px
    }

    /* CHECKED STYLES */
    [type=radio]:checked + img {
        outline: 5px solid #FF0000;
    }

</style>






{% endblock %}