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

{% block title %}
    Respondent's consent
{% endblock %}

{% block content %}
<details>
    <summary>English</summary>
    From whom should we take permission?
</details>

        <div id="id_div_checkboxes">
            <input type="checkbox" name="consent_o_hh_mem_1" id = "consent_o_hh_mem_1" value = "True">
            <label>
            উত্তরদাতার বাবা-মা
            </label>
            <br>
            <input type="checkbox" name="consent_o_hh_mem_2" id = "consent_o_hh_mem_2" value = "True">
            <label>
            উত্তরদাতার শ্বশুরবাড়ির মানুষ
            </label>
            <br>
            <input type="checkbox" name="consent_o_hh_mem_3" id = "consent_o_hh_mem_3" value="True">
            <label>
            ভাইবোন
            </label>
            <br>
            <input type="checkbox" name="consent_o_hh_mem_4" id = "consent_o_hh_mem_4" value = "True">
            <label>
            দাদা-দাদি/ নানা-নানি
            </label>
            <br>
            <input type="checkbox" name="consent_o_hh_mem_5" id = "consent_o_hh_mem_5" value = "True">
            <label>
            চাচা-চাচি/ মামা-মামি
            </label>
            <br>
            <input type="checkbox" name="consent_o_hh_mem_oth" id = "consent_o_hh_mem_oth" value = "True">
            <label>
            অন্যান্য, উল্লেখ করুন
            </label>
            <br>
        </div>
    </p>

    <p>
        খানার অন্য সদস্যের নাম
        <br>
        <br>
        <input type="text" name="consent_o_hh_mem_oth_text" id = "consent_o_hh_mem_oth_text" disabled>
    </p>

<script>

            $('input[name=consent_o_hh_mem_oth]').on('click', function() {
                var radio_other = document.getElementById("consent_o_hh_mem_oth")
                var text_field_enable = document.getElementById("consent_o_hh_mem_oth_text");
                //text field enabled if reasons other selected
                if (radio_other.checked){
                    text_field_enable.disabled = false;
                    text_field_enable.blank = false;

                    }
                else{
                    text_field_enable.disabled = true;
                    text_field_enable.value = "";
                    text_field_enable.blank = true;
                }

            });
</script>

    {% next_button %}

{% endblock %}