{{ if en }}
    <b style="color:blue;">
        What is the highest level of education you have completed?
    </b>
    {{ formfield 'educ'  }}

    <br>
    <b style="color:blue;">
        How many people live in your household?
    </b>

    {{ formfield 'HH_Number' }}

    <br>
    <b style="color:blue;">
        How many household members are 5 years old or younger?
    </b>

    {{ formfield 'HH_5yo' }}

    <br>
    <b style="color:blue;">
        Who is the main decision-maker in your household?
    </b>

    {{ formfield 'HH_Decision_Maker' }}

    <br>
    <b style="color:blue;">
        What is your religion?
    </b>
    {{ formfield 'Religion' }}

    <br>
    <b style="color:blue;">
        Do you smoke?
    </b>
    {{ formfield 'Smoke_Cigarettes' }}

    <br>
    <b style="color:blue;">
        Do you use electronic cigarettes (e-cigarettes)?
    </b>
    <br/>
    (including vape, pod, mod, and similar devices)
    {{ formfield 'Smoke_Ecig' }}

    <br>
    <b style="color:blue;">
        Do you chew tobacco?
    </b>
    {{ formfield 'Smoke_Chew' }}

    <br>
    <b style="color:blue;">
        Do you use hookah or shisha?
    </b>
    {{ formfield 'Smoke_Hookah' }}

    <br>
    <b style="color:blue;">
        Do you consume alcoholic beverages?
    </b>
    {{ formfield 'Drink_Alcohol' }}

{{ else }}

    <b style="color:blue;">
        Apa tingkat pendidikan tertinggi yang telah Anda selesaikan?
    </b>
    {{ formfield 'educ'  }}

    <br>
    <b style="color:blue;">
        Berapa jumlah orang yang tinggal dalam rumah tangga Anda?
    </b>

    {{ formfield 'HH_Number' }}

    <br>
    <b style="color:blue;">
        Berapa anggota rumah tangga Anda yang berusia 5 tahun atau lebih muda?
    </b>
    <br/>
    Masukkan "0" jika tidak ada

    {{ formfield 'HH_5yo' }}

    <br>
    <b style="color:blue;">
        Siapa pengambil keputusan utama dalam rumah tangga Anda?
    </b>

    {{ formfield 'HH_Decision_Maker' }}

    <br>
    <b style="color:blue;">
        Apa agama Anda?
    </b>
    {{ formfield 'Religion' }}

    <br>
    <b style="color:blue;">
        Who is the main decision-maker in your household?
    </b>
    {{ formfield 'Smoke_Cigarettes' }}

    <br>
    <b style="color:blue;">
        Apakah Anda menggunakan rokok elektronik (e-cigarette)?
    </b>
    <br/>
    (termasuk vape, pod, mod, dan perangkat sejenis)
    {{ formfield 'Smoke_Ecig' }}

    <br>
    <b style="color:blue;">
        Apakah Anda mengunyah tembakau?
    </b>
    {{ formfield 'Smoke_Chew' }}

    <br>
    <b style="color:blue;">
        Apakah Anda menggunakan hookah atau shisha?
    </b>
    {{ formfield 'Smoke_Hookah' }}

    <br>
    <b style="color:blue;">
        Apakah Anda mengonsumsi minuman beralkohol?
    </b>
    {{ formfield 'Drink_Alcohol' }}

{{ endif }}

{% load otree %}

{{ block styles }}
<link href="{% static 'global/Ses_2.css' %}" rel="stylesheet"/>
{{ endblock }}

{{ block title }}
<div style="color: green; text-align: center;">
    {{ if en }}
    Post-Game Survey<br/>
    Content Awareness (1 of 5)
    {{ else }}
    Survei Pasca Permainan<br/>
    Content Awareness (1 dari 5)
    {{ endif }}
</div>
{{ endblock }}

{{ block content }}
{{ if en }}
    <br/>
    <b style="text-align: center">
    The content you will see has been created or selected by the research team and is similar to content that you may commonly encounter on social media.
    </b>
    <br/>
    <b style="color: black">
        Please pay attention to the following content and briefly describe what you learned, noticed, or became aware of after viewing it.
    </b>
    <br/>
    <br/>

{{ else }}
<br/>
<b style="text-align: center">
    Konten-konten yang akan Anda lihat adalah konten-konten yang dibuat atau dipilih oleh
    tim peneliti, yang umum Anda temui sehari-hari di media sosial.
</b>
<br/>
<b style="color: black">
    Perhatikan konten-konten berikut, dan ceritakan secara singkat apa yang Anda dapatkan dan/atau sadari dari konten-konten tersebut.
</b>
<br/><br/>
{{ endif }}

<div style="text-align:center;">
    <video height="1050" controls>
        <source src="/static/Contents/1. Cat_Fight.mp4" type="video/mp4">
    </video>
    <p style="color: blue;"><strong>Video 1</strong></p>
</div>
<br>

{{ if en }}
    <b style ="color: blue">
    Briefly describe what you noticed in this content:
    </b>
{{ else }}
    <b style ="color: blue">
    Paparkan secara singkat apa yang Anda sadari dari konten tersebut:
    </b>
{{ endif }}

{{ formfield 'content_awareness_1' }}

{{ next_button }}

{{ endblock }}

{{ block title }}
{{ if en }}
Video Instructions
{{ else }}
Instruksi Video
{{ endif }}
{{ endblock }}

{{ block content }}
{{ if en }}
<div class="consent">
 <h3>Please Watch the Following Video</h3>

<p>
In the next section, you will watch a short video
related to decision-making and situations involving uncertainty.
</p>

<p>
Please watch the video until it finishes before proceeding to the next section.
</p>

<p>
Once the video has finished playing, the button to continue will become available.
</p>

<br>
    {{ else }}
<h3>Mohon Tonton Video Berikut</h3>

<p>
Pada bagian berikutnya, Anda akan menonton sebuah video singkat
terkait pengambilan keputusan dan situasi ketidakpastian.
</p>

<p>
Mohon menonton video hingga selesai sebelum melanjutkan ke bagian berikutnya.
</p>

<p>
Setelah video selesai diputar, tombol untuk melanjutkan akan tersedia.
</p>

<br>
    {{ endif }}

<div style="text-align: center;">
    <!-- Tempat video -->
    <video id="treatmentVideo" height="900" width="900" controls>
        <source src="/static/Treatment_Vids/7. HAW.mp4" type="video/mp4">
    </video>
        {{ if en }}
        Please watch the following video.
        {{ else }}
        Tolong perhatikan video berikut.
        {{ endif }}
</div>
<br>

    {{ formfields }}

<div style="text-align: center;">
    <button id="nextBtn" class="btn btn-primary btn-lg" type="submit" disabled>
        {{ if en }}
        Next
        {{ else }}
        Lanjut
        {{ endif }}
    </button>
</div>

</div>

<script>
    const video = document.getElementById('treatmentVideo');
    const nextBtn = document.getElementById('nextBtn');

    video.addEventListener('ended', function () {
        nextBtn.disabled = false;
    });
</script>

{{ endblock }}