Sindbad~EG File Manager
{% extends 'BO/layout.html' %}
{% block content %}
<div class="container">
<div class="row mb-5">
<div class="col-12 rounded">
<input type="hidden" name="q_id" id="q_id" value="{{ q_data.q_id }}">
<div class="row">
<div class="col-lg-3 col-md-3 col-sm-12 col-12 form-group">
<label class="font-weight-bold">Question Image</label>
<div class="d-flex justify-content-center align-items-center" style="border-radius: 11px;border: 1px solid #A968FF;background: #F7F7F7;box-shadow: 0px 9px 21px 0px rgba(0, 0, 0, 0.10);background-image: url('{{ q_data.image_link }}');background-repeat: no-repeat;background-size: cover;min-height: 200px;" id="q_img">
</div>
</div>
<div class="col-lg-9 col-md-9 col-sm-12 col-12 form-group">
<label class="font-weight-bold">Question</label>
<textarea name="question" style="border-radius: 11px;border: 1px solid #A968FF;background: #F7F7F7;box-shadow: 0px 9px 21px 0px rgba(0, 0, 0, 0.10);" disabled id="question" class="form-control" rows="8" required>{{ q_data.question or '' }}</textarea>
</div>
</div>
<div class="row">
<div class="col form-group rounded text-left">
<div class="p-2 {% if opt_data[0] and opt_data[0]['is_answer']|int == 1 %} bg-success {% endif %}" style="border-radius: 11px;border: 1px solid #A968FF;background: #F7F7F7;box-shadow: 0px 9px 21px 0px rgba(0, 0, 0, 0.10);">
<div class="row p-3">
<div class="col-3 d-flex justify-content-center align-items-center">
<label class="font-weight-bold">Categories</label>
</div>
<div class="col-9">
<label> {{q_data.category_name or ''}}</label>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col form-group rounded text-center">
<div class="p-2 {% if opt_data[0] and opt_data[0]['is_answer']|int == 1 %} bg-success {% endif %}" style="border-radius: 11px;border: 1px solid #A968FF;background: #F7F7F7;box-shadow: 0px 9px 21px 0px rgba(0, 0, 0, 0.10);">
<div class="row p-3">
<div class="col-10">
<div class="row">
<div class="col-3 d-flex justify-content-center align-items-center">
<label class="font-weight-bold">Options A</label>
</div>
<div class="col-9">
<input type="hidden" name="opt_1_id" value="{% if opt_data[0] %}{{ opt_data[0]['opt_id'] or '' }}{% endif %}">
<label >{% if opt_data[0] %}{{ opt_data[0]['option_val'] }} {% endif %}</label>
</div>
</div>
</div>
<div class="col-2 d-flex justify-content-center align-items-center ">
<input type="radio" name="opt" disabled id="otp_1_radio" {% if opt_data[0] and opt_data[0]['is_answer']|int == 1 %} checked {% endif %} value="A">
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col form-group rounded text-center">
<div class="p-2 {% if opt_data[1] and opt_data[1]['is_answer']|int == 1 %} bg-success {% endif %}" style="border-radius: 11px;border: 1px solid #A968FF;background: #F7F7F7;box-shadow: 0px 9px 21px 0px rgba(0, 0, 0, 0.10);">
<div class="row p-3">
<div class="col-10">
<div class="row">
<div class="col-3 d-flex justify-content-center align-items-center">
<label class="font-weight-bold">Options B</label>
</div>
<div class="col-9">
<input type="hidden" name="opt_2_id" value="{% if opt_data[1] %}{{ opt_data[1]['opt_id'] or '' }}{% endif %}">
<!-- <input type="text" name="option_2" id="option_2" class="form-control" value="{% if opt_data[1] %}{{ opt_data[1]['option_val'] or '' }}{% endif %}"> -->
<label>{% if opt_data[1] %}{{ opt_data[1]['option_val'] or '' }}{% endif %}</label>
</div>
</div>
</div>
<div class="col-2 d-flex justify-content-center align-items-center ">
<input type="radio" name="opt" disabled id="otp_2_radio" {% if opt_data[1] and opt_data[1]['is_answer']|int == 1 %} checked {% endif %} value="B">
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col form-group rounded text-center">
<div class="p-2 {% if opt_data[2] and opt_data[2]['is_answer']|int == 1 %} bg-success {% endif %}" style="border-radius: 11px;border: 1px solid #A968FF;background: #F7F7F7;box-shadow: 0px 9px 21px 0px rgba(0, 0, 0, 0.10);">
<div class="row p-3">
<div class="col-10">
<div class="row">
<div class="col-3 d-flex justify-content-center align-items-center">
<label class="font-weight-bold">Options C</label>
</div>
<div class="col-9">
<input type="hidden" name="opt_3_id" value="{% if opt_data[2] %}{{ opt_data[2]['opt_id'] or '' }}{% endif %}">
<!-- <input type="text" name="option_3" id="option_3" class="form-control" value="{% if opt_data[2] %}{{ opt_data[2]['option_val'] or '' }}{% endif %}"> -->
<label>{% if opt_data[2] %}{{ opt_data[2]['option_val'] or '' }}{% endif %}</label>
</div>
</div>
</div>
<div class="col-2 d-flex justify-content-center align-items-center ">
<input type="radio" name="opt" id="otp_3_radio" disabled {% if opt_data[2] and opt_data[2]['is_answer']|int == 1 %} checked {% endif %} value="C">
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col form-group rounded text-center">
<div class="p-2 {% if opt_data[3] and opt_data[3]['is_answer']|int == 1 %} bg-success {% endif %}" style="border-radius: 11px;border: 1px solid #A968FF;background: #F7F7F7;box-shadow: 0px 9px 21px 0px rgba(0, 0, 0, 0.10);">
<div class="row p-3">
<div class="col-10">
<div class="row">
<div class="col-3 d-flex justify-content-center align-items-center">
<label class="font-weight-bold">Options D</label>
</div>
<div class="col-9">
<input type="hidden" name="opt_4_id" value="{% if opt_data[3] %}{{ opt_data[3]['opt_id'] }}{% endif %}">
<!-- <input type="text" name="option_4" id="option_4" class="form-control" value="{% if opt_data[3] %}{{ opt_data[3]['option_val'] }}{% endif %}"> -->
<label >{% if opt_data[3] %}{{ opt_data[3]['option_val'] }}{% endif %}</label>
</div>
</div>
</div>
<div class="col-2 d-flex justify-content-center align-items-center ">
<input type="radio" name="opt" id="otp_4_radio" disabled {% if opt_data[3] and opt_data[3]['is_answer']|int == 1 %} checked {% endif %} value="D">
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-12"><label class="font-weight-bold">Explanation:</label></div>
<div class="col form-group">
<div class="p-2" style="border-radius: 11px;border: 1px solid #A968FF;background: #F7F7F7;box-shadow: 0px 9px 21px 0px rgba(0, 0, 0, 0.10);">
<pre>{% if q_data.explanation %}{{ q_data.explanation | safe }}{% endif %}</pre>
</div>
</div>
</div>
</div>
</div>
</div>
{% endblock %}
Sindbad File Manager Version 1.0, Coded By Sindbad EG ~ The Terrorists