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

{{ block title }}
Welcome
{{ endblock }}

{{ block content }}
<div class="consent-wrapper">
    <div class="consent-content">
        <p>
            You are invited to participate in a research study conducted by a researcher at the University of 
            California, Santa Barbara (UCSB). Participation is voluntary.
        </p>
        
        <h3>Purpose</h3>
        <p>
            This study examines how people use information when making numerical judgments and decisions, 
            including how they combine information they generate themselves with information they receive from 
            others.
        </p>
        
        <h3>What you do</h3>
        <p>
            You complete a brief multi-round online task, making numerical guesses based on information you 
            see. Some rounds may include information or guesses from another participant. You also complete 
            a short questionnaire, and you may skip any question.
        </p>
        
        <h3>With whom</h3>
        <p>
            You participate online with other participants from your organization, and you may be paired with 
            colleagues you know or recognize through your work.
        </p>
        
        <h3>Time</h3>
        <p>
            About 25 to 30 minutes.
        </p>
        
        <h3>Risks, benefits, and costs</h3>
        <p>
            This study involves minimal risk beyond everyday computer use. There is no cost to you for participating in this study.
        </p>
        
        <h3>Confidentiality</h3>
        <p>
            Your name and job title are used only to administer participation and will not be retained with your study responses. Your name will be deleted from all data records. Responses will be used for research purposes only and analyzed in aggregate or de-identified form. Data are encrypted and stored on password-protected systems. Individually identifiable responses will not be shared with your employer or any third parties. Findings may be shared with the participating organization only in a form that does not allow individuals to be identified. 
        </p>
        
        <h3>Voluntary participation</h3>
        <p>
            Participation is voluntary. You may stop participating at any time by closing your browser window. Your decision to participate, or not, in this study will not be disclosed to your employers, or affect your employment status.
        </p>
        
        <h3>Contact information</h3>
        <p>
            Questions about the research: amorozova@ucsb.edu. Questions about your rights as a research 
            participant: UCSB Human Subjects Committee, (805) 893-3807 or hsc@research.ucsb.edu, or write to 
            University of California, Human Subjects Committee, Office of Research, Santa Barbara, CA 93106-2050.
            This study has been approved by the UCSB HUMAN SUBJECTS COMMITTEE, protocol number 3-26-0141.
        </p>
        
        <h3>Consent</h3>
        <p>
            If you wish to participate, click the "Agree" button below to begin.
        </p>
    </div>
    
    <div class="consent-form">
        <form method="POST">
            
            <div class="form-group">
                <div class="radio-options">
                    <label>
                        <input type="radio" name="consent_agreed" value="True" required>
                        I agree to participate in this study
                    </label>
                    <label>
                        <input type="radio" name="consent_agreed" value="False" required>
                        I do not agree to participate in this study
                    </label>
                </div>
                {% if form.consent_agreed.errors %}
                    <div class="form-error">{{ form.consent_agreed.errors }}</div>
                {% endif %}
            </div>
            
            <div class="button-group">
                {{ next_button }}
            </div>
        </form>
    </div>
</div>

<style>
    .consent-wrapper {
        max-width: 900px;
        margin: 0 auto;
        padding: 20px;
    }
    
    .consent-content {
        background: #f9fafb;
        padding: 30px;
        border-radius: 8px;
        margin-bottom: 30px;
        line-height: 1.7;
        color: #374151;
        font-size: 15px;
    }
    
    .consent-content h3 {
        color: #1f2937;
        margin-top: 25px;
        margin-bottom: 12px;
        font-size: 16px;
        font-weight: 600;
    }
    
    .consent-content h3:first-child {
        margin-top: 0;
    }
    
    .consent-content p {
        margin-bottom: 12px;
    }
    
    .consent-form {
        background: white;
        padding: 25px;
        border: 1px solid #e5e7eb;
        border-radius: 8px;
    }
    
    .form-group {
        margin-bottom: 20px;
    }
    
    .form-group label {
        display: block;
        font-weight: 500;
        margin-bottom: 8px;
        color: #374151;
    }
    
    .radio-options label {
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 12px 15px;
        margin-bottom: 10px;
        background: #f9fafb;
        border-radius: 6px;
        cursor: pointer;
        font-weight: normal;
        transition: background-color 0.2s;
    }
    
    .radio-options label:hover {
        background: #f3f4f6;
    }
    
    .radio-options input[type="radio"] {
        width: 18px;
        height: 18px;
        cursor: pointer;
    }
    
    .form-error {
        color: #dc2626;
        font-size: 14px;
        margin-top: 5px;
    }
    
    .button-group {
        margin-top: 25px;
        text-align: center;
    }
    
    .btn-primary {
        background: #2563eb;
        color: white;
        padding: 12px 40px;
        border: none;
        border-radius: 6px;
        font-size: 16px;
        cursor: pointer;
        transition: background-color 0.2s;
    }
    
    .btn-primary:hover {
        background: #1d4ed8;
    }
</style>
{{ endblock }}