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

    <div class="row gray_ttc">

        <div class="col-sm-10 ">
            <div class="col-sm-12">
                <h3>Update Quiz </h3>  
                <hr>


            </div>

            <!--<div class="col-md-12" style="border: 1px solid green"></div>-->
            <div class="col-sm-12"><br></div>
            <div class="col-sm-12" id="max499">

                <form action="#">


                    <div class="form-group col-sm-12">
                        <div class="input-group">
                            <input type="text" class="form-control" placeholder="Please enter your  Quiz Name.."   >
                            <span class="input-group-addon"  title="Please enter your  Quiz Name"><i class="fa fa-book"></i></span>
                        </div>
                    </div>





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


                        <select class="form-control" onchange="OTopic(this.value)" >
                            <option value=""> -Select New Topic- </option>
                            <option value="">PHP</option>
                            <option value="">HTML</option>
                            <option value="Other">Other</option>

                        </select>
                    </div>
                    <div class="form-group col-sm-6">
                        <div id="otherTopic" style="display: none">
                            <div class="input-group">
                                <input type="text" class="form-control" placeholder="Please Type Other Topic"   >
                                <span class="input-group-addon" title="Please Type Other Topic" ><i class="fa fa-user"></i></span>
                            </div>
                        </div>
                    </div>
                    <br>

                    <script>
                        function OTopic(givenText) {
                            if (givenText == 'Other') {
                                var otherTopic = document.getElementById('otherTopic');
                                otherTopic.setAttribute("style", 'display:block; ');
                            } else {
                                var otherTopic = document.getElementById('otherTopic');
                                otherTopic.setAttribute("style", 'display:none; ');
                            }
                        }
                    </script>
                    <div class="col-sm-12"><br> <br></div>

                    <div class="form-group col-sm-12" >
                        <div class="input-group " id="screen1280" >
                            <textarea   class="form-control  resoulation1280 " rows="4" ></textarea>
                        </div>

                        <div class="input-group" id="screen1024" >
                            <textarea   class="form-control  resoulation1024 " rows="4"   ></textarea>
                        </div>
                        <div class="input-group" id="screenMobile" >
                            <textarea   class="form-control  resoulationMobile " rows="4"   ></textarea>
                        </div>

                        <div class="input-group " id="screenMobile_max499" >
                            <textarea   class="form-control  resoulationMobile_max499 " rows="4"   ></textarea>
                        </div>
                    </div>
                    <div class="col-sm-12"><br> <br></div>
                    <div class="form-group col-sm-6">
                        <div class="input-group">
                            <input type="text" class="form-control" placeholder="Please enter Quiz Invitation Code.."   >
                            <span class="input-group-addon" title="Please enter Quiz Invitation Code" ><i class="fa fa-question-circle"></i></span>
                        </div>
                    </div>




                    <div class="form-group col-sm-6">
                        <div class="input-group">
                            <input type="text" class="form-control" placeholder="Please enter Quiz URl.."   >
                            <span class="input-group-addon"  title="Please enter Quiz URl"><i class="fa fa-link"></i></span>
                        </div>
                    </div>
                    <div class="col-sm-12"><br> <br></div>
                    <div class="form-group col-sm-6">
                        <select class="form-control" onchange="randomStatus(this.value)" >
                            <option value=""> -Select Quiz Status- </option>
                            <option value="Random">Random</option>
                            <option value="">Static</option>

                        </select>
                    </div>
                    <div class="form-group col-sm-6">
                        <div id="randomNumber" style="display: none">
                            <div class="input-group">
                                <input type="number" class="form-control" placeholder="Please Type Number of Question"   >
                                <span class="input-group-addon" title="Please Type Number of Question" ><i class="fa fa-question-circle"></i></span>
                            </div>
                        </div>
                    </div>


                    <script>
                        function randomStatus(givenText) {
                            if (givenText == 'Random') {
                                var randomNumber = document.getElementById('randomNumber');
                                randomNumber.setAttribute("style", 'display:block; ');
                            } else {
                                var randomNumber = document.getElementById('randomNumber');
                                randomNumber.setAttribute("style", 'display:none; ');
                            }
                        }
                    </script>

                    <div class="col-md-12"><br> <br></div>
                    <div class="form-group col-md-6">

                        <select class="form-control" onchange="quizPermission(this.value)">
                            <option value=""> -Select Permission Status- </option>
                            <option value="0">Public</option>
                            <option value="0">All Talha Training User</option>
                            <option value="0">My Link</option>
                            <option value="1">Only Group</option>
                            <option value="1">For Course</option>
                            <option value="1">For Video Course</option>


                        </select>
                    </div>

                    <script>
                        function quizPermission(givenText) {
                            var special_permission = document.getElementById('special_permission');
                            if (givenText == 1) {
                                special_permission.setAttribute('style', 'display:block');
                            }
                            else {
                                special_permission.setAttribute('style', 'display:none');
                            }
                        }
                    </script>

                    <div class="form-group col-sm-6" id="special_permission" style="display: none">

                        <textarea rows="1" class="form-control"></textarea>
                        <div class="col-md-12"><br> <br></div>

                    </div>
                    <div class="form-group col-sm-6">
                        <div class="text-left padding-zero col-sm-4">  <label >Status  :  &nbsp;&nbsp;</label></div>


                        <div class="radio radio-success col-sm-8" style="margin-top: -3px" >


                            <input  type="radio" name="quiz_status" id="Active" value="1" >
                            <label for="Active">Active</label>

                            <span style="margin-right: 20px"></span>
                            <input   type="radio" name="quiz_status" id="Inactive" value="0">
                            <label for="Inactive">Inactive</label>
                        </div>

                    </div>
                    <div class="col-sm-12"><br> <br></div>
                    <div class="col-sm-4"></div>
                    <div class="form-group col-sm-4">
                        <input type="submit" class="green-btn btn btn-default" value="Add Quiz !"><br/><br/>
                    </div>
                    <div class="col-sm-4"></div>




                </form>
            </div>

        </div>


    </div>
    <br>
    <div class="row gray">

        <div class="col-sm-12 ">
            <label><a href="<?php echo base_url() ?>super_admin">Dashboard </a>->> Update Quiz </label>
        </div>

    </div>


</div>