{% extends 'base.html' %}
{% load static %}
{% block tittle %}回答历史{% endblock tittle %}
{% block body %}
<section class="spotlight parallax bg-cover bg-size--cover" data-spotlight="fullscreen" style="background-image: url('{% static 'images/backgrounds/img-1.jpg' %}')">
    <span class="mask bg-primary alpha-7"></span>
    <div class="spotlight-holder py-lg pt-lg-xl" style="height: auto;">
        <div class="container no-padding">
            <div class="col">
                <div class="row cols-xs-space align-items-center text-center text-md-left justify-content-center">
                    <div class="col-8 card">
                        <div class="card-body">
                            <div class="card-header">
                                <h4>题目</h4>
                                <p>{{ question.question_text }}</p>
                            </div>
                            <div class="custom-control custom-radio mb-3">
                                <input type="radio" name="A" class="custom-control-input {% if choice.choice == 'A' and choice.choice == question.answer %}is-valid{% elif choice.choice == 'A' %}is-invalid{% endif %}" id="A" {% if choice.choice == 'A' %}checked{% endif %}>
                                <label class="custom-control-label" for="A">A.{{ question.choice_a }}</label>
                            </div>
                            <div class="custom-control custom-radio mb-3">
                                <input type="radio" name="B" class="custom-control-input {% if choice.choice == 'B' and choice.choice == question.answer %}is-valid{% elif choice.choice == 'B' %}is-invalid{% endif %}" id="B" {% if choice.choice == 'B' %}checked{% endif %}>
                                <label class="custom-control-label" for="B">B.{{ question.choice_b }}</label>
                            </div>
                            <div class="custom-control custom-radio mb-3">
                                <input type="radio" name="C" class="custom-control-input {% if choice.choice == 'C' and choice.choice == question.answer %}is-valid{% elif choice.choice == 'C' %}is-invalid{% endif %}" id="C" {% if choice.choice == 'C' %}checked{% endif %}>
                                <label class="custom-control-label" for="C">C.{{ question.choice_c }}</label>
                            </div>
                            <div class="custom-control custom-radio mb-3">
                                <input type="radio" name="D" class="custom-control-input {% if choice.choice == 'D' and choice.choice == question.answer %}is-valid{% elif choice.choice == 'D' %}is-invalid{% endif %}" id="D" {% if choice.choice == 'D' %}checked{% endif %}>
                                <label class="custom-control-label" for="D">D.{{ question.choice_d }}</label>
                            </div>
                            <h1 style="color:{% if choice.choice == question.answer %}green{% else %}red{% endif %}">
                            你的选择：{{ choice.choice }}
                            </h1>
                            <h1>答案：{{ question.answer }}</h1>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>











    <h1>题目</h1>
    <p>{{ question.question_text }}</p>
    <p>A.{{ question.choice_a }}</p>
    <p>B.{{ question.choice_b }}</p>
    <p>C.{{ question.choice_c }}</p>
    <p>D.{{ question.choice_d }}</p>
    <h1 style="color:{% if choice.choice == question.answer %}green{% else %}red{% endif %}">
        你的选择：{{ choice.choice }}
    </h1>
    <h1>答案：{{ question.answer }}</h1>
{% endblock body %}

{% block script %}
{% endblock script %}