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

    <div class="row ">
        <div  class="col-sm-12 ">
            <div class="col-sm-12 " style="padding: 0">
              
                <div class="col-sm-12 " >
                    <div class="col-sm-12 gray" >
                        <h3 style="padding-left: 10px">Add Grade Information</h3>
                        <div class="col-sm-12" ><hr><br></div>

                        <form action="<?php echo base_url()?>super_admin_quiz/manage_quiz" method="post" >

                            <div class="form-group col-sm-5">
                                <div class="input-group">
                                    <input type="number" class="form-control" placeholder="Please Type Total Number.." aria-describedby="basic-addon1">
                                    <span class="input-group-addon" id="basic-addon1" title="Please Type Total Number"><i class="fa fa-qrcode"></i></span>
                                </div>
                            </div>

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


                            <div id="Add_Grade">
                                <div class="form-group col-sm-5">
                                    <div class="input-group">
                                        <input type="text" class="form-control" placeholder="Please Type Grade Name.." aria-describedby="basic-addon1">
                                        <span class="input-group-addon" id="basic-addon1" title="Please Type Grade Name" ><i class="fa  fa-adn"></i></span>
                                    </div>
                                </div>

                                <div class="form-group col-sm-5">
                                    <div class="input-group">
                                        <input type="number" class="form-control" placeholder="Please Type Grade Number.." aria-describedby="basic-addon1">
                                        <span class="input-group-addon" id="basic-addon1" title="Please Type Grade Number" ><i class="fa  fa-qrcode"></i></span>
                                    </div>
                                </div>

                                <div class="form-group col-sm-2 "><a href="#"><i class="fa fa-times-circle fa-2x"></i></a></div>

                            </div>

                            <div id="Add_Grade_more">


                            </div>

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


                            <div class="form-group col-sm-3 col-sm-offset-9">
                                <a href="#" onclick="AddMoreGrade('Add_Grade_more')" class="green-btn btn btn-success" >Add More.. </a>
                            </div>

                            <script>
                                var counter = 1;
                                var limit = 10;
                                function AddMoreGrade(Add_Grade_more)
                                {

                                    if (counter == limit) {
                                        alert("You have reached the limit of adding " + counter + " inputs");
                                    }
                                    else {

                                        var div1 = document.createElement('div');
                                        var div2 = document.createElement('div');
                                        var data1 = document.getElementById('Add_Grade').innerHTML;
                                        div2.innerHTML = data1;
                                        div1.appendChild(div2);
                                        document.getElementById(Add_Grade_more).appendChild(div1);
                                        counter++;



                                    }
                                }

//                                              
                            </script>






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




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

                    </div>
                </div>


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

            <label><a href="<?php echo base_url()?>super_admin">Dashboard </a>->> <a href="<?php echo base_url()?>super_admin_quiz/manage_quiz">Manage Quiz</a>->>Add Quiz Grade</label>
        </div>
    </div>


</div>