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

{% block title %}
    Ваше задание
{% endblock %}

{% block content %}
    <style>
        .rules-box {
            background-color: #fff3cd;
            border: 2px solid #ffc107;
            border-radius: 8px;
            padding: 20px;
            margin: 20px 0;
        }
        
        .comprehension-section {
            background-color: #f8f9fa;
            border: 2px solid #6c757d;
            border-radius: 8px;
            padding: 25px;
            margin-top: 30px;
        }
        
        .comprehension-title {
            font-size: 20px;
            font-weight: bold;
            color: #495057;
            margin-bottom: 20px;
            text-align: center;
        }
        
        .assignment-box {
            background-color: #d4edda;
            border: 2px solid #28a745;
            border-radius: 8px;
            padding: 20px;
            margin-top: 30px;
        }
    </style>

    <div class="card">
        <div class="card-body">
            <h4>Ваше задание</h4>
            
            <p>
                В этом исследовании вам будет предложено предсказать, как большая языковая модель (далее — модель) 
                ведёт себя в ситуации экономического принятия решений.
            </p>
            
            <p>
                Вам необходимо будет оценить решения, которые принимает модель, в ряде сценариев, основанных на 
                хорошо известной экономической задаче — игре общественное благо.
            </p>
            
            <div class="rules-box">
                <h5 style="font-weight: bold; margin-bottom: 15px;">📌 Правила игры общественное благо</h5>
                
                <p><strong>В игре участвуют 10 игроков.</strong></p>
                
                <p>
                    Каждый игрок получает первоначальный капитал в <strong>100 долларов</strong>. 
                    Затем каждый игрок самостоятельно решает, какую сумму внести в общий фонд (от 0 до 100 долларов).
                </p>
                
                <p>
                    Общий фонд формируется из взносов всех 10 игроков. После того как все сделали свой выбор, 
                    сумма в общем фонде <strong>умножается на 2</strong> и <strong>делится поровну между всеми 10 игроками</strong>.
                </p>
                
                <p>
                    Таким образом, каждый доллар, который игрок вносит в общий фонд приносит ему обратно 
                    <strong>2/10 доллара</strong> (остальные 8/10 распределятся равномерно между другими участниками). 
                    Сумма, которую игрок не вносит, остаётся у него в полном объёме.
                </p>
            </div>
            
            <hr style="margin: 30px 0;">
            
            <!-- ПРОВЕРКА ПОНИМАНИЯ -->
            <div class="comprehension-section">
                <div class="comprehension-title">
                    ✅ ПРОВЕРКА ПОНИМАНИЯ ПРАВИЛ ИГРЫ общественное благо
                </div>
                
                <p style="color: #dc3545; font-weight: bold; text-align: center; margin-bottom: 20px;">
                    Ответьте на оба вопроса правильно, чтобы продолжить!
                </p>
                
                <div style="margin-bottom: 25px;">
                    {{ formfield 'comprehension_q1' }}
                </div>
                
                <div style="margin-bottom: 25px;">
                    {{ formfield 'comprehension_q2' }}
                </div>
            </div>
            
            <hr style="margin: 30px 0;">
            
            <!-- ВАШЕ ЗАДАНИЕ -->
            <div class="assignment-box">
                <h5 style="font-weight: bold; margin-bottom: 15px;">🎯 ВАШЕ ЗАДАНИЕ</h5>
                <p style="margin: 0;">
                    Напоминаем, что сегодня вам <strong>не нужно будет играть</strong> в игру общественное благо. 
                    Ваша задание состоит в том, чтобы <strong>оценить поведение ИИ (большой языковой модели)</strong> 
                    в этой игре.
                </p>
            </div>
            
            <div style="margin-top: 30px;">
                {% next_button %}
            </div>
        </div>
    </div>
{% endblock %}