{% extends "global/Page.html" %}
{% load otree %}
{% block content %}
{% include "joint_inference/_styles.html" %}

<h2>Welcome</h2>

<p>Please enter your name and student ID to begin.</p>

<div style="max-width: 400px; margin: 24px 0;">
    <div style="margin-bottom: 16px;">
        <label for="id_student_name" style="display: block; font-weight: bold; margin-bottom: 4px;">Name</label>
        <input type="text" name="student_name" id="id_student_name" required
               style="width: 100%; padding: 8px; border: 1px solid #ccc; border-radius: 4px; font-size: 1em;">
    </div>
    <div style="margin-bottom: 16px;">
        <label for="id_student_id" style="display: block; font-weight: bold; margin-bottom: 4px;">Student ID</label>
        <input type="text" name="student_id" id="id_student_id" required
               style="width: 100%; padding: 8px; border: 1px solid #ccc; border-radius: 4px; font-size: 1em;">
    </div>
</div>

{{ next_button }}
{% endblock %}