{% extends 'admin_base_layout.html' %}
{% load static %}
{% block content %}
<!-- html code -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.8/css/intlTelInput.min.css" crossorigin="anonymous" />
<title>Investment Edu | Add Quiz Question</title>
	    <div class="main-content pt-0">
	    	<div class="content-wrapper">
	    		<div class="row">
	    			<div class="col-12 mb-3">
	    				<h2 class="f-22 bold mb-2">Add Question</h2>
	    			</div>	    			
	    		</div>
				<form class="row" action="/add-question" id="add-question" method="POST" enctype="multipart/form-data">
				{% csrf_token %}
					<div class="row new-user-table bookings mt-3">
						<div class="col-12 col-md-12">
							<div class="card addService fortune dashboard-card">
								<div class="row">
									<div class="col-12 col-md-12">
										<label class="col-form-label">Question</label>
                                        <textarea placeholder="Question" name="question" class="form-control"></textarea>
									</div>
									<div class="col-12 col-md-6">
										<label class="col-form-label">Option one</label>
										<input type="text" placeholder="" name="op1" class="form-control" value="">
									</div>
									<div class="col-12 col-md-6">
										<label class="col-form-label">Option two</label>
										<input type="text" placeholder="" name="op2" class="form-control" value="">
									</div>
                                    <div class="col-12 col-md-6">
										<label class="col-form-label">Option three</label>
										<input type="text" placeholder="" name="op3" class="form-control" value="">
									</div>
                                    <div class="col-12 col-md-6">
										<label class="col-form-label">Option four</label>
										<input type="text" placeholder="" name="op4" class="form-control" value="">
									</div>
                                    <div class="col-12 col-md-6 green-border offset-md-3">
										<label class="col-form-label">Answer</label>
										<input type="text" placeholder="" name="ans" class="form-control" value="">
									</div>
									<div class="col-12">
										<div class="save-btn text-center mt-4">
											<button type="submit" class="btn dark-btn rounded text-black border-0">Submit</button>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
			    </form>
	    	</div>
	    </div>	

<!-- end of html code -->
{%endblock%}

{%block js%}

<!-- js code -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.8/js/intlTelInput.min.js"
crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.8/js/utils.js" crossorigin="anonymous"></script>

<!-- end of js -->
{% endblock %}