@extends('layouts.master')

@section('content')
  <section class="newpage">
        <div class="innermenu">
            <div class="container">
                <div class="row">
                    <div class="col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12">
                        <div class="link-path">
                            <ul>
                                <li><a href="#"> Dashboard </a></li>
                                <li>/</li>
                                <li class="active">Question Bank</li>
                            </ul>
                        </div>
                        <div class="managecourse-section">
						<div class="exercise-main">
							 
                                <div class="row">
                             <div class="col-12 col-sm-6 col-md-6 col-xl-6 col-lg-6">
                                                        <div class="postjob-infield">
                                                            <div class="infield-cont bg-transparent">
                                                            <div class="infield-selector bg-white">
                                                                <select data-live-search="true" 
                                                                    class="selectpicker" name="category_id"
                                                                    id="category_id" onchange="get_all_questions_category()">
																	<option value=""> Please select category </option>
                                                                    @foreach($category as $cat)
                                                                    <option value="">
                                                                        </option>
                                                                    @endforeach
                                                                </select>
                                                            </div>
                                                            </div>
                                                        </div>
                                                       
                                                    </div>
								<div class="col-12 col-sm-6 col-md-6 col-xl-6 col-lg-6">
								<div class="postjob-infield">
                                                            <div class="infield-cont bg-transparent">
                                                            <div class="infield-selector bg-white" id="cat_skills_s">
                                                               <select data-live-search="true" class="selectpicker"
                                                                    name="skill_id_s" id="skill_id_s"  onchange="get_all_questions_skill()" >
                                                                   <option value=""> Please select skill </option>
                                                                 
                                                                </select>
                                                            </div>
                                                        </div>
                                                    </div>
											</div>
											<div class="sup-qb-bnts">
											<div class="col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12">
												<ul>
													<li>
														<div class="qb-upldset">
													<label for="question_excel_upload" class="custom-file-upload">
                                                        <i class="fas fa-upload"></i> Custom Upload
                                                    </label>				
								 						<input id="question_excel_upload"
                                                        accept="application/vnd.ms-excel,.csv"
                                                        name="question_excel_upload" type="file" style="display: none;"
														onchange="read_excel_questions_super(this);" />
														</div>
													</li>
													<li>
													<div class="qb-upldset">
													<a href="javascript:void(0);" onclick="download_bank_question_excel()"><i
														class="fas fa-download"></i> Download Sample Excel</a>
													</div>
													</li>
													<li>
													<div class="qb-upldset">
													<button onclick="add_question_popup_exercise()"><i class="fas fa-plus"></i> Add New Question </button>	
													</div>			
													</li>
												</ul>
								
														
								
											</div>
											</div>				
                                                    </div>				
                                                    </div>				
                            <div class="exercise-main">
							 
                                <div class="row">
								
                                    <div class="col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12">
                                        <div class="jobs-tabs">
                                            <div class="tab-content">
                                                <div class="tab-pane active" id="coursetabs-1" role="tabpanel">
                                                    <div class="tab-content-managecourse">
                                                        <div class="manage-course-content">
                                                            <!-- <h1>Your Live Courses</h1>-->
                                                        </div>
                                                        <div class="manage-table">
                                                            <div class="cdashboard-table">
                                                                <table id="course_table">
                                                                    <thead>
                                                                        <tr>
                                                                            <th>S.No</th>
                                                                            <th>Category Type </th>
                                                                            <th>Skill Type</th>
                                                                            <th>Question</th>
                                                                            <th>Question Type</th>
																			<th class="text-center all">Actions</th>
                                                                        </tr>
                                                                    </thead>

                                                                </table>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>


                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
			<div class="modal fade" id="edit_question_popup" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
            aria-hidden="true">
            <div class="modal-dialog modal-lg" role="document">
                <form id="edit_bank_question" name="edit_bank_question" class="form-horizontal" method="POST"
                    action="{{ url('/update_question_lesson') }}" enctype="multipart/form-data">
                    <div class="modal-content">
                        <div class="modal-header">
                            <h5 class="modal-title" id="exampleModalLabel">Edit Question</h5>
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                <span aria-hidden="true">&times;</span>
                            </button>
                        </div>
                        <div class="modal-body">
                            <div class="addmodule">
							     <input class="floating-input" type="hidden" readonly id="edit_q_id" name="edit_q_id">
                                <div class="" id="editques" >



                                </div>

								<div id="questionsdiv_edit" >


								</div>
								<a onclick="edit_option_question_popup()" class="addoption fawsm-mrset"><i class="fas fa-plus"></i> Add Option </a>
                                <div class="add_but"><button type="submit" class="btn btn-primary fawsm-mlset">Update <i class="fas fa-arrow-right"></i></button>
                                </div>
                            </div>
                        </div>

                    </div>
                </form>
            </div>
        </div>
   <div class="modal fade" id="excquestion_popup" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
            aria-hidden="true">
            <div class="modal-dialog modal-lg" role="document">
                <form id="add_new_question_lessonexercise" name="add_new_question_lessonexercise" class="form-horizontal" method="POST"
                    action="{{ url('/add_new_question_lessonexercise') }}" enctype="multipart/form-data">
                    <div class="modal-content">
                        <div class="modal-header">
                            <h5 class="modal-title" id="exampleModalLabel">Add Question</h5>
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                <span aria-hidden="true">&times;</span>
                            </button>
                        </div>
                        <div class="modal-body">
                            <div class="addmodule">
								<input class="floating-input" type="hidden" readonly id="option_count" name="option_count" value="0">
                                     <div class="row">
									   <div class="col-12 col-sm-6 col-md-6 col-xl-6 col-lg-6">
                                                        <div class="floating-label newselect">
                                                            <label>Course Category <span></span></label>
                                                            <div class="add-authors" id="ex_category">
                                                                <select data-live-search="true"
                                                                    class="selectpicker" name="qus_category_id"
                                                                    id="qus_category_id" onchange="changecategory_question()">
																	<option value="" > Please select category </option>
                                                                    @foreach($category as $cat)
																	  <option
                                                                        value="">
                                                                        </option>
																	 @endforeach
                                                                </select>
                                                            </div>
                                                        </div>
                                                        <label id="qus_category_id-error" class="error" for="qus_category_id"
                                                            style="visibility: visible; color: red;font-family:'CerebriSans-Regular';">&nbsp;</label>
                                        </div>
										<div class="col-12 col-sm-6 col-md-6 col-xl-6 col-lg-6">
                                                        <div class="floating-label newselect">
                                                            <label>Skills <span></span></label>
                                                            <div class="add-authors" id="category_skills_add" >
                                                                <select data-live-search="true" class="selectpicker"
                                                                    name="bank_skill_id" id="bank_skill_id">
                                                                    <option value="">Please Select Skills </option>

                                                                </select>
                                                            </div>
                                                        </div>
                                                        <label id="bank_skill_id-error" class="error" for="bank_skill_id"
                                                            style="visibility: visible; color: red;">&nbsp;</label>
                                        </div>

										<div class="col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12">
											<div class="exercise-name">
												<div class="form-group" style="margin-bottom:0px;">
													<input placeholder="Enter Question"
														name="l_question_name"
														id="l_question_name" type="text"
														class="form-control" aria-describedby="emailHelp"
														value="" />
                            <label id="l_question_name-error" class="error" for="l_question_name" style="visibility: visible; color: red;font-family:'CerebriSans-Regular';">&nbsp;</label>
												</div>
											</div>
										</div>
										<div class="col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12">
											<div class="exercise-name">
												<!-- <label>Question type <span></span></label> -->
												<div class="form-group" style="margin-bottom:0px;">
													<select class="selectpicker"
														id="l_question_type" name="l_question_type" value=""
														onchange="change_question_type_popup()">
														<option value=""> Please select question type</option>
														<option value="1" >
															Check box</option>
														<option value="2" >
															Short Answer</option>
														<option value="3" >
															Radio Button</option>
													</select>

                        <label id="l_question_type-error" class="error" for="l_question_type" style="visibility: visible; color: red;font-family:'CerebriSans-Regular';">&nbsp;</label>
											</div>
										</div>
</div>


									</div>

								<div id="questionsdiv" >


								</div>
								<a onclick="add_option_question_popup()"  id="add_opt" class="addoption">+ Add Option </a>
                                <div class="add_but"><button type="submit" class="btn btn-primary">Add </button>
                                </div>
                            </div>
                        </div>

                    </div>
                </form>
            </div>
        </div>
    </section>
<script>
function change_question_type_popup() {
	$("#option_count").val('0');
	$('#questionsdiv').html('');
	$('#questionsdiv').html('<div id="optiondiv"></div>');

	var l_question_name=$("#l_question_name").val();
	if(l_question_name !='' && l_question_name !='null')
	{
			var option_count=$("#option_count").val();
			var option_type=$("#l_question_type").val();
			if(option_type=='2'){
				$("#add_opt").hide();
			}
			else{
				$("#add_opt").show();
			}
			$.LoadingOverlay("show");
				var token=$("#token").val();
				$.ajax({
					type:"POST",
					url:"