{% extends 'admin_base_layout.html' %}
{% load static %}
{% block content %}

<title>Investment Edu | Quiz Details</title>
<div class="container-fluid">
    <div class="inner-content">
        <!-- Page Heading -->
        <div class="top-bar mb-4">
            <div class="left-side-bar">
                <h1 class="f-22 mb-2 bold">Quiz Details</h1>
            </div>
        </div>
        <div class="user-view-details mt-4">
            <div class="card space">
                <div class="row">
                    <div class="col-12">
                        <div class="row  quiz-details spc">
                            <div class="col-12 col-md-3">
                                <div class="question-details px-4">
                                    <p class="f-15 bold mb-0">Question</p>
                                </div>
                            </div>
                            <div class="col-12 col-md-9">
                                <div class="question-details px-4">
                                    <p class="f-14">{{cont_obj.question}}</p>
                                </div>
                                <div class="appointmnt-details ques-text">
                                    <div class="question-details px-4">
                                        <p class="f-15 bold mb-0">Option One</p>
                                        <p class="f-14">{{cont_obj.op1}}</p>
                                    </div>
                                    <div class="question-details px-4">
                                        <p class="f-15 bold mb-0">Option Two</p>
                                        <p class="f-14">{{cont_obj.op2}}</p>
                                    </div>
                                    <div class="question-details px-4">
                                        <p class="f-15 bold mb-0">Option Three</p>
                                        <p class="f-14">{{cont_obj.op3}}</p>
                                    </div>
                                    <div class="question-details px-4">
                                        <p class="f-15 bold mb-0">Option Four</p>
                                        <p class="f-14">{{cont_obj.op4}}</p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-12 col-md-3">
                                <div class="question-details px-4">
                                    <p class="f-15 bold mb-0 text-success">Answer</p>
                                </div>
                            </div>
                            <div class="col-12 col-md-9">
                                <div class="question-details px-4">
                                    <p class="f-14 text-success">{{cont_obj.ans}}</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>


{% endblock %}