{% 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 row justify-content-center" style="height: auto;">
        <div class="container">
            <div class="card">
                <div class="card-body">
                    <ul class="nav nav-pills nav-fill row-wrapper" id="myTab" role="tablist">
                        {% for question in questions %}
                            <li class="nav-item align-item-center col-8 mt-1">
                                <a class="nav-link mb-sm-3" id="home-tab" href="{% url 'exam:history_detail' %}?question={{ question.uid }}" aria-selected="false">{{ question.question_text }}<strong>   >>></strong></a>
                            </li>
                        {% endfor %}
                    </ul>
                    <div class="col-lg-6">
                        <nav aria-label="Page navigation">
                        <ul class="pagination pagination-lg">
                        <li class="page-item"><a class="page-link" href="{% if page.has_previous %}?page={{ page.previous_page_number }}{% else %}#{% endif %}"><svg class="svg-inline--fa fa-angle-left fa-w-8" aria-hidden="true" data-prefix="fas" data-icon="angle-left" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512" data-fa-i2svg=""><path fill="currentColor" d="M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"></path></svg><!-- <i class="fas fa-angle-left"></i> --></a></li>
                        <li class="page-item active"><a class="page-link" href="#">{{ page.number }}/{{ paginator.num_pages }}</a></li>
                        <li class="page-item"><a class="page-link" href="{% if page.has_next %}?page={{ page.next_page_number }}{% else %}#{% endif %}"><svg class="svg-inline--fa fa-angle-right fa-w-8" aria-hidden="true" data-prefix="fas" data-icon="angle-right" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512" data-fa-i2svg=""><path fill="currentColor" d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"></path></svg><!-- <i class="fas fa-angle-right"></i> --></a></li>
                        </ul>
                        </nav>
                    </div>
                    <div class="tab-content" id="myTabContent">
                        <div class="tab-pane fade show active" id="home" role="tabpanel" aria-labelledby="home-tab">
                            <p>为打造文明不夜城，养成三连好习惯</p>
                            <p>爱护网络环境，务必点亮爱心</p>
                        </div>
                        <div class="tab-pane fade" id="profile" role="tabpanel" aria-labelledby="profile-tab">
                            <p>X 妄想创造 X</p>
                        </div>
                        <div class="tab-pane fade" id="contact" role="tabpanel" aria-labelledby="contact-tab">
                            <p></p>
                            <p></p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
{% endblock body %}

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