{% extends 'dashboard/base-dashboard.html' %} 

{% block content %}

<div class="row justify-content-center">
	<div class="col-md-6 col-sm-12">
        <h1 class="text-center pt-5 pb-5">{{ student.first_name }} {{ student.last_name }}</h1>
        <div id="Div_Student">
            <p>Grade: {{ student.grade }}</p>
            <p>Classroom: {{ student.classroom.name }}</p>
            <p>Exam Taken: {{ student.get_exam_taken_display }}</p>
            {% if student.risk == 'GREAT' %}
                <p>Risk Level: <span class="text-success">{{ student.risk }}</span></p>
            {% elif student.risk == 'AT_RISK' %}
                <p>Risk Level: <span class="text-danger">AT RISK</span></p>
            {% else %}
                <p>Risk Level: {{ student.risk }}</p>
            {% endif %}
            
            
            {% if student.exam_taken == 'Y' %}
                <p>Time spent: {{ student.timespent }}</p>
                <p>Questions:</p>
                <div class="row d-flex justify-content-center">
                    <p>Question 1: {{ student.get_question_1_display }}</p>
                    <p>Question 2: {{ student.get_question_2_display }}</p>
                    <p>Question 3: {{ student.get_question_3_display }}</p>
                    <p>Question 4: {{ student.get_question_4_display }}</p>
                    <p>Question 5: {{ student.get_question_5_display }}</p>
                    <p>Question 6: {{ student.get_question_6_display }}</p>
                    <p>Question 7: {{ student.get_question_7_display }}</p>
                    <p>Question 8: {{ student.get_question_8_display }}</p>
                    <p>Question 9: {{ student.get_question_9_display }}</p>
                    <p>Question 10: {{ student.get_question_10_display }}</p>





                </div>
            {% endif %}
        </div>
    </div>
</div>

{% endblock content %}
