<div class="col-sm-10">

    <div class="row gray_ttc">

        <div class="col-sm-12 "><br></div>
        <div role="tabpanel">

            <!-- Nav tabs -->
            <ul class="nav nav-tabs" role="tablist">
                <li role="presentation" class="active "><a href="#home" aria-controls="home" role="tab" data-toggle="tab">Multiple Choice</a></li>
                <li role="presentation" class=""><a href="#profile" aria-controls="profile" role="tab" data-toggle="tab">True False</a></li>
                <li role="presentation" class=""><a href="#desc" aria-controls="desc" role="tab" data-toggle="tab">Descriptive Question</a></li>
                <li role="presentation" class=""><a href="#fill" aria-controls="fill" role="tab" data-toggle="tab">Fill in the blank</a></li>

            </ul>

            <!-- Tab panes -->
            <div class="tab-content">

                <div role="tabpanel" class="tab-pane col-sm-12 active" id="home">

                    <div class="form-group col-sm-12"> 
                        <form   class="cmxform" id="formID2" action="#" method="post" name="userForm" enctype="multipart/form-data" >


                            <div class="col-sm-8 col-sm-offset-2">
                                <div >
                                    <br/>
                                    <br/>
                                    <br/>

                                    <input type="text" data-errormessage-value-missing="Question  is required!" class="form-control validate[required]"  id="first_name" name="question_details" value=""  placeholder="Please Type Your question" >
                                    <input type="hidden" class="form-control" id="question_type" name="question_type" value="1"  >
                                    <div class="form-group  required" ></div>
                                </div> 
                                <br/>

                                <div >
                                    <select data-errormessage-value-missing="Please select a quiz!" class="form-control validate[required]" id="quiz_id"  name="quiz_id" >
                                        <option value="">--Select Quiz--</option>

                                        <option value="">PHP</option>
                                        <option value="">HTML</option>


                                    </select>
                                </div>
                                <div class="form-group  required" ></div>
                                <br/>



                                <div >


                                    <input type="number" data-errormessage-value-missing="Mark is required!" class="form-control validate[required]"  id="marks3" name="points_per_answer" value=""   onchange = "checkNegative(this.value, 'marks3', 'marks_err3');"  placeholder="Type  question Marks" >


                                </div>
                                <br/>
                                <br/>
                                <div>


                                    <input type="number" data-errormessage-value-missing="Time limit required!"
                                           class="form-control validate[required]"  id="time_limit3" name="time_limit" value=""  onchange = "checkNegative(this.value, 'time_limit3', 'time_err3');" placeholder="Type Time Limit (In minute)" >
                                </div>
                            </div>
                            <div class="col-sm-10 col-sm-offset-1">
                                <div class="radio radio-success">

                                    <br>

                                    <h4>Answers:</h4>

                                    <div class="form-group col-sm-12">
                                        <!--<label for="option"><h3>(A)</h3></label>-->
                                        <input class="showCorrect mc_forminput " type="radio" name="status[]" value="0" id="a1">
                                        <label for="a1" class=""><Strong>(A)</strong>This answer option is correct</label>
                                        <textarea name="option[]" data-errormessage-value-missing="Please provide an option!" class="form-control validate[required]" ></textarea>
                                    </div>

                                    <div class="form-group col-sm-12">
                                        <!--<label for="option"><h3>(B)</h3></label>-->
                                        <input class="showCorrect mc_forminput" type="radio" name="status[]" value="1" id="b1">
                                        <label for="b1" class=""><Strong>(B)</strong>This answer option is correct</label>
                                        <textarea name="option[]" data-errormessage-value-missing="Please provide an option!" class="form-control validate[required]" ></textarea>
                                    </div>

                                    <div class="form-group col-sm-12">
                                        <!--<label for="option"><h3>(C)</h3></label>-->
                                        <input class="showCorrect mc_forminput" type="radio" name="status[]" value="2" id="c1">
                                        <label for="c1" class=""><Strong>(C)</strong>This answer option is correct</label>
                                        <textarea name="option[]" data-errormessage-value-missing="Please provide an option!" class="form-control validate[required]"  ></textarea>
                                    </div>
                                    <div class="form-group col-sm-12">
                                        <!--<label for="d1"><h3>(D)</h3></label>-->
                                        <input class="showCorrect mc_forminput" type="radio" name="status[]" value="3" id="d1">
                                        <label for="d1" class=""><Strong>(D)</strong>This answer option is correct</label>
                                        <textarea name="option[]" data-errormessage-value-missing="Please provide an option!" class="form-control validate[required]" ></textarea>
                                    </div>
                                    <br/>

                                </div>
                            </div>



                            <div class=" col-sm-12" >
                                <br/>
                                <br/>
                                <div class="col-sm-4"></div>
                                <div class="col-sm-4">
                                    <button class="btn btn-success">Add Question</button>
                                </div>
                                <div class="col-sm-4"></div>

                            </div>

                            <div class=" col-sm-12" ><br><br></div>

                        </form>
                    </div>
                </div>


                <div role="tabpanel" class="tab-pane col-sm-12 " id="profile">

                    <div class="form-group col-sm-12"> 
                        <form   class="cmxform" id="formID2" action="#" method="post" name="userForm" enctype="multipart/form-data" >


                            <div class="col-sm-8 col-sm-offset-2">
                                <div >
                                    <br/>
                                    <br/>
                                    <br/>

                                    <input type="text" data-errormessage-value-missing="Question  is required!" class="form-control validate[required]"  id="first_name" name="question_details" value=""  placeholder="Please Type Your question" >
                                    <input type="hidden" class="form-control" id="question_type" name="question_type" value="1"  >
                                    <div class="form-group  required" ></div>
                                </div> 
                                <br/>

                                <div >
                                    <select data-errormessage-value-missing="Please select a quiz!" class="form-control validate[required]" id="quiz_id"  name="quiz_id" >
                                        <option value="">--Select Quiz--</option>

                                        <option value="">PHP</option>
                                        <option value="">HTML</option>


                                    </select>
                                </div>
                                <div class="form-group  required" ></div>
                                <br/>



                                <div >


                                    <input type="number" data-errormessage-value-missing="Mark is required!" class="form-control validate[required]"  id="marks3" name="points_per_answer" value=""   onchange = "checkNegative(this.value, 'marks3', 'marks_err3');"  placeholder="Type  question Marks" >


                                </div>
                                <br/>
                                <br/>
                                <div>


                                    <input type="number" data-errormessage-value-missing="Time limit required!"
                                           class="form-control validate[required]"  id="time_limit3" name="time_limit" value=""  onchange = "checkNegative(this.value, 'time_limit3', 'time_err3');" placeholder="Type Time Limit (In minute)" >
                                </div>
                            </div>




                            <div class="col-sm-10 col-sm-offset-2 radio radio-success">
                                <h4>Answers:</h4>

                                <div class="form-group col-sm-6">
                                    <!--<label for="option"><h3>(A)</h3></label>-->
                                    <input class="showCorrect mc_forminput " type="radio" name="status[]" value="0" id="a1">
                                    <label for="a1" class=""><Strong>(A)</strong>&nbsp;True</label>

                                </div>

                                <div class="form-group col-sm-6">
                                    <!--<label for="option"><h3>(B)</h3></label>-->
                                    <input class="showCorrect mc_forminput" type="radio" name="status[]" value="1" id="b1">
                                    <label for="b1" class=""><Strong>(B)</strong>&nbsp;False</label>


                                </div>


                                <br/>




                            </div>
                            <div class=" col-sm-12" >
                                <br/>
                                <br/>
                                <div class="col-sm-4"></div>
                                <div class="col-sm-4">
                                    <button class="btn btn-success">Add Question</button>
                                </div>
                                <div class="col-sm-4"></div>
                            </div>
                            <div class=" col-sm-12" ><br><br></div>
                        </form>
                    </div>
                </div>

                <div role="tabpanel" class="tab-pane  col-sm-12 " id="desc">

                    <div class="form-group col-sm-12"> 
                        <form id="formID6" action="#" method="post" name="desc_Form" enctype="multipart/form-data" >


                            <div class="col-sm-8 col-sm-offset-2">
                                <div >
                                    <br/>
                                    <br/>
                                    <br/>

                                    <input type="text" data-errormessage-value-missing="Question  is required!" class="form-control validate[required]"  id="first_name" name="question_details" value=""  placeholder="Please Type Your question" >
                                    <input type="hidden" class="form-control" id="question_type" name="question_type" value="1"  >
                                    <div class="form-group  required" ></div>
                                </div> 
                                <br/>

                                <div >
                                    <select data-errormessage-value-missing="Please select a quiz!" class="form-control validate[required]" id="quiz_id"  name="quiz_id" >
                                        <option value="">--Select Quiz--</option>

                                        <option value="">PHP</option>
                                        <option value="">HTML</option>


                                    </select>
                                </div>
                                <div class="form-group  required" ></div>
                                <br/>



                                <div >


                                    <input type="number" data-errormessage-value-missing="Mark is required!" class="form-control validate[required]"  id="marks3" name="points_per_answer" value=""   onchange = "checkNegative(this.value, 'marks3', 'marks_err3');"  placeholder="Type  question Marks" >


                                </div>
                                <br/>
                                <br/>
                                <div>


                                    <input type="number" data-errormessage-value-missing="Time limit required!"
                                           class="form-control validate[required]"  id="time_limit3" name="time_limit" value=""  onchange = "checkNegative(this.value, 'time_limit3', 'time_err3');" placeholder="Type Time Limit (In minute)" >
                                </div>
                            </div>
                            <br/>
                            <br/>



                            <div class="col-sm-10 col-sm-offset-1">
                                <!--<h4>Answer of the Question:</h4>-->
                                <!--<div class="form-group  required" ><?php // echo form_error('option');            ?></div>-->
                                <div class="form-group col-sm-12">
                                    <label for="desc_answer"><h3>Answer of the Question:</h3></label>
                                    <textarea name="desc_answer" data-errormessage-value-missing="Answer is required!" class="form-control validate[required]" rows="7" ></textarea>
                                </div>





                                <br/>



                            </div>
                            <div class=" col-sm-12" >
                                <br/>
                                <br/>
                                <div class="col-sm-4"></div>
                                <div class="col-sm-4">
                                    <button class="btn btn-success">Add Question</button>
                                </div>
                                <div class="col-sm-4"></div>
                            </div>
                            <div class=" col-sm-12" ><br><br></div>

                        </form>
                    </div>
                </div>






                <div role="tabpanel" class="tab-pane  col-sm-12 " id="fill">

                    <div class="form-group col-sm-12"> 
                        <form id="formID7" action="#" method="post" name="fill_Form" enctype="multipart/form-data" >


                            <div class="col-sm-8 col-sm-offset-2">
                                <div >
                                    <br/>
                                    <br/>
                                    <br/>

                                    <input type="text" data-errormessage-value-missing="Question  is required!" class="form-control validate[required]"  id="first_name" name="question_details" value=""  placeholder="Please Type Your question" >
                                    <input type="hidden" class="form-control" id="question_type" name="question_type" value="1"  >
                                    <div class="form-group  required" ></div>
                                </div> 
                                <br/>

                                <div >
                                    <select data-errormessage-value-missing="Please select a quiz!" class="form-control validate[required]" id="quiz_id"  name="quiz_id" >
                                        <option value="">--Select Quiz--</option>

                                        <option value="">PHP</option>
                                        <option value="">HTML</option>


                                    </select>
                                </div>
                                <div class="form-group  required" ></div>
                                <br/>



                                <div >


                                    <input type="number" data-errormessage-value-missing="Mark is required!" class="form-control validate[required]"  id="marks3" name="points_per_answer" value=""   onchange = "checkNegative(this.value, 'marks3', 'marks_err3');"  placeholder="Type  question Marks" >


                                </div>
                                <br/>
                                <br/>
                                <div>


                                    <input type="number" data-errormessage-value-missing="Time limit required!"
                                           class="form-control validate[required]"  id="time_limit3" name="time_limit" value=""  onchange = "checkNegative(this.value, 'time_limit3', 'time_err3');" placeholder="Type Time Limit (In minute)" >
                                </div>
                                <br>
                                <br>
                                <div>


                                    <input type="text" data-errormessage-value-missing="" class="form-control validate[required]"    placeholder="Type Answer of the Question" >
                                </div>
                            </div>
                            <br/>
                            <br/>



                            <!--                                                <div class="col-sm-10 col-sm-offset-1">
                                                                                
                                                                                <div class="form-group col-sm-12">
                                                                                    <label for="fill_answer"><h3>Answer of the Question:</h3></label>
                                                                                    <textarea name="fill_answer" data-errormessage-value-missing="Answer is required!" class="form-control validate[required]" rows="2"  ></textarea>
                                                                                </div>
                            
                                                                                <br/>
                                                                            </div>-->
                            <div class=" col-sm-12" >
                                <br/>
                                <br/>
                                <div class="col-sm-4"></div>
                                <div class="col-sm-4">
                                    <button class="btn btn-success">Add Question</button>
                                </div>
                                <div class="col-sm-4"></div>
                                <div class=" col-sm-12" ><br><br></div>
                            </div>

                        </form>
                    </div>
                </div>











            </div>

        </div>


    </div>
    <br>
    <div class="row gray">
        <div class="col-sm-12 ">
            <label><a href="<?php echo base_url() ?>super_admin">Dashboard </a>->>Add Question</label>
        </div>
    </div>
    <br>
    <br>

</div>