
<?php
if (session_status() == PHP_SESSION_NONE) {
    session_start();
}
if (!isset($_SESSION['stud_name'])) {
    header("Location: ./index.php");
    exit;
}
?>

<!DOCTYPE html>
<html lang="en">
    <head>
        <title>હર ઘર તિરંગા કિવઝ</title>
        <link rel="icon" type="image/x-icon" href="flaticon.ico">
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
        <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
    </head>
    <body style="background-color: aliceblue;">

        <div class="container text-center" style="padding: 10px">
            <div class="row">
                <div class="col-sm-3"></div>
                <div class="col-sm-6" style="background-color: white">
                    <img src="logo_new.jpg" class="img-rounded" style="height: 160px;margin: 10px">
                    <h1><b><span style="color: rgb(236, 85, 69)">શિક્ષણ સમિતિ જિલ્લા પંચાયત, તાપી</span></b></h1>
<!--                    <h1><b><span style="color: orange">હર ઘર</span> તિરંગા <span style="color: green">કિવઝ</span></b></h1>
                    <h5>આઝાદી કા અમૃત મહોત્સવે આપનું જ્ઞાન ચકાસીએ.</h5> -->
                    <!--<hr style="height: 4px;border-width:0;color:orange;background-color:orange">-->
                </div>
                <div class="col-sm-3"></div>
            </div>
        </div>

        <div class="container" style="padding: 5px">
            <div class="row">
                <div class="col-sm-3"></div>
                <div class="col-sm-6" style="background-color: white">
                    <hr style="height: 4px;border-width:0;color:orange;background-color:orange;margin-top: 0px;margin-bottom: 0px">
                    <div style="padding: 10px">
                        <h1><b><span style="color: orange">હર ઘર</span> તિરંગા <span style="color: green">જ્ઞાન ક્વિઝ</span></b></h1>
<!--                        <div style="background-color: sandybrown;padding-left: 2px;padding-top: 1px;padding-bottom: 1px;">
                            <h5 style="font-size: 16px;">હર ઘર તિરંગા કિવઝ માં ભાગ લઇ આપનું નોલેજ ચકાસીએ.  </h5>
                        </div>
                        <h5>આઝાદી કા અમૃત મહોત્સવ નિમિત્તે આપનું સ્વાગત છે.</h5>-->

                        <h5><b style="font-size: 18px">વિદ્યાર્થીનું નામ : <?php echo $_SESSION['stud_name']; ?></b></h5>
                    </div>
                    <hr style="height: 4px;border-width:0;color:orange;background-color:orange;margin-top: 0px;margin-bottom: 0px">
                </div>
                <div class="col-sm-3"></div>
            </div>
        </div>

        <div class="container" style="padding: 5px">
            <div class="row">
                <div class="col-sm-3"></div>
                <div class="col-sm-6" style="background-color: white">
                    <form action="" style="padding: 10px">
                        <div class="form-group">
                            <label style="font-weight: 600">૧. રાષ્ટ્રગીત જન ગણ મન _________ કેટલા સેકંડમાં પૂર્ણ કરવાનું હોય છે.</label>
                            <div class="form-check">
                                <input class="form-check-input" type="radio" name="que1" id="que1" value="A">
                                <label class="form-check-label" style="font-weight: 500">
                                    24
                                </label>
                            </div>
                            <div class="form-check">
                                <input class="form-check-input" type="radio" name="que1" id="que1" value="B">
                                <label class="form-check-label" style="font-weight: 500">
                                    52
                                </label>
                            </div>
                            <div class="form-check">
                                <input class="form-check-input" type="radio" name="que1" id="que1" value="C">
                                <label class="form-check-label" style="font-weight: 500">
                                    22
                                </label>
                            </div>
                            <div class="form-check">
                                <input class="form-check-input" type="radio" name="que1" id="que1" value="D">
                                <label class="form-check-label" style="font-weight: 500">
                                    51
                                </label>
                            </div>
                            <div id="msg_que1"></div>
                        </div>
                        <hr style="height: 1px;border-width:0;color:orange;background-color:orange;margin-top: 0px;">
                        <div class="form-group">
                            <label style="font-weight: 600">૨. સ્વતંત્રતા દિવસ (૧૫ મી ઓગસ્ટ) ના રોજ ભારતમાં ધ્વજારોહણ કોણ કરે છે?</label>
                            <div class="form-check">
                                <input class="form-check-input" type="radio" name="que2" id="que2" value="A">
                                <label class="form-check-label" style="font-weight: 500">
                                    વડાપ્રધાન
                                </label>
                            </div>
                            <div class="form-check">
                                <input class="form-check-input" type="radio" name="que2" id="que2" value="B">
                                <label class="form-check-label" style="font-weight: 500">
                                    રાષ્ટ્રપતિ 
                                </label>
                            </div>
                            <div class="form-check">
                                <input class="form-check-input" type="radio" name="que2" id="que2" value="C">
                                <label class="form-check-label" style="font-weight: 500">
                                    મુખ્યમંત્રી
                                </label>
                            </div>
                            <div class="form-check">
                                <input class="form-check-input" type="radio" name="que2" id="que2" value="D">
                                <label class="form-check-label" style="font-weight: 500">
                                    સચિવ
                                </label>
                            </div>
                            <div id="msg_que2"></div>
                        </div>
                        <hr style="height: 1px;border-width:0;color:orange;background-color:orange;margin-top: 0px;">
                        <div class="form-group">
                            <label style="font-weight: 600">૩. રાષ્ટ્રધ્વજના રંગોને ક્ર્મ મુજબ જણાવો. </label>
                            <div class="form-check">
                                <input class="form-check-input" type="radio" name="que3" id="que3" value="A">
                                <label class="form-check-label" style="font-weight: 500">
                                    લીલો, સફેદ, કેસરી
                                </label>
                            </div>
                            <div class="form-check">
                                <input class="form-check-input" type="radio" name="que3" id="que3" value="B">
                                <label class="form-check-label" style="font-weight: 500">
                                    લાલ, લીલો, પીળો
                                </label>
                            </div>
                            <div class="form-check">
                                <input class="form-check-input" type="radio" name="que3" id="que3" value="C">
                                <label class="form-check-label" style="font-weight: 500">
                                    સફેદ, કેસરી, લીલો
                                </label>
                            </div>
                            <div class="form-check">
                                <input class="form-check-input" type="radio" name="que3" id="que3" value="D">
                                <label class="form-check-label" style="font-weight: 500">
                                    કેસરી, સફેદ, લીલો
                                </label>
                            </div>
                            <div id="msg_que3"></div>
                        </div>
                        <hr style="height: 1px;border-width:0;color:orange;background-color:orange;margin-top: 0px;">
                        <div class="form-group">
                            <label style="font-weight: 600">૪. રાષ્ટ્રધ્વજની રચના કોણે કરી હતી ?</label>
                            <div class="form-check">
                                <input class="form-check-input" type="radio" name="que4" id="que4" value="A">
                                <label class="form-check-label" style="font-weight: 500">
                                    સ્વામી વિવેકાનંદ
                                </label>
                            </div>
                            <div class="form-check">
                                <input class="form-check-input" type="radio" name="que4" id="que4" value="B">
                                <label class="form-check-label" style="font-weight: 500">
                                    ડૉ.સર્વપલ્લી રાઘાકૃષ્ણન
                                </label>
                            </div>
                            <div class="form-check">
                                <input class="form-check-input" type="radio" name="que4" id="que4" value="C">
                                <label class="form-check-label" style="font-weight: 500">
                                    શ્યામજી કૃષ્ણ વર્મા
                                </label>
                            </div>
                            <div class="form-check">
                                <input class="form-check-input" type="radio" name="que4" id="que4" value="D">
                                <label class="form-check-label" style="font-weight: 500">
                                    પિંગાલી વૈંકય્યા
                                </label>
                            </div>
                            <div id="msg_que4"></div>
                        </div>
                        
                        <hr style="height: 1px;border-width:0;color:orange;background-color:orange;margin-top: 0px;">
                        <div class="form-group">
                            <label style="font-weight: 600">૫. ભારતનું ઝંડાગીત ( વિજય વિશ્વ તિરંગા પ્યારા) ની રચના કોને કરી છે.</label>
                            <div class="form-check">
                                <input class="form-check-input" type="radio" name="que5" id="que5" value="A">
                                <label class="form-check-label" style="font-weight: 500">
                                    શ્યામલાલ ગુપ્ત પાર્ષદ
                                </label>
                            </div>
                            <div class="form-check">
                                <input class="form-check-input" type="radio" name="que5" id="que5" value="B">
                                <label class="form-check-label" style="font-weight: 500">
                                     મેડમ ભિખાયજી કામા 
                                </label>
                            </div>
                            <div class="form-check">
                                <input class="form-check-input" type="radio" name="que5" id="que5" value="C">
                                <label class="form-check-label" style="font-weight: 500">
                                    સરદાર પટેલ
                                </label>
                            </div>
                            <div class="form-check">
                                <input class="form-check-input" type="radio" name="que5" id="que5" value="D">
                                <label class="form-check-label" style="font-weight: 500">
                                    જવાહરલાલ નહેરુ 
                                </label>
                            </div>
                            <div id="msg_que5"></div>
                        </div>
                        
                        <hr style="height: 1px;border-width:0;color:orange;background-color:orange;margin-top: 0px;">
                        <div class="form-group">
                            <label style="font-weight: 600">૬. સૌ પ્રથમ રાષ્ટ્રધ્વજ કોણે ફરકાવ્યો હતો? </label>
                            <div class="form-check">
                                <input class="form-check-input" type="radio" name="que6" id="que6" value="A">
                                <label class="form-check-label" style="font-weight: 500">
                                    મેડમ ભિખાયજી કામા
                                </label>
                            </div>
                            <div class="form-check">
                                <input class="form-check-input" type="radio" name="que6" id="que6" value="B">
                                <label class="form-check-label" style="font-weight: 500">
                                    લાલા લજપત રાય 
                                </label>
                            </div>
                            <div class="form-check">
                                <input class="form-check-input" type="radio" name="que6" id="que6" value="C">
                                <label class="form-check-label" style="font-weight: 500">
                                    બાળ ગંગાધર તિલક
                                </label>
                            </div>
                            <div class="form-check">
                                <input class="form-check-input" type="radio" name="que6" id="que6" value="D">
                                <label class="form-check-label" style="font-weight: 500">
                                    ચંદ્રશેખર આઝાદ
                                </label>
                            </div>
                            <div id="msg_que6"></div>
                        </div>
                        
                        
                        
                        <hr style="height: 1px;border-width:0;color:orange;background-color:orange;margin-top: 0px;">
                        <div class="form-group">
                            <label style="font-weight: 600">૭. ભારતના રાષ્ટ્રધ્વજની લંબાઇ અને પહોળાઇનું માપ/પ્રમાણ કેટલું હોય છે?</label>
                            <div class="form-check">
                                <input class="form-check-input" type="radio" name="que7" id="que7"  value="A">
                                <label class="form-check-label" style="font-weight: 500">
                                    ૨:૩
                                </label>
                            </div>
                            <div class="form-check">
                                <input class="form-check-input" type="radio" name="que7" id="que7" value="B">
                                <label class="form-check-label" style="font-weight: 500">
                                    ૪:૭
                                </label>
                            </div>
                            <div class="form-check">
                                <input class="form-check-input" type="radio" name="que7" id="que7" value="C">
                                <label class="form-check-label" style="font-weight: 500">
                                    ૫:૩
                                </label>
                            </div>
                            <div class="form-check">
                                <input class="form-check-input" type="radio" name="que7" id="que7"  value="D">
                                <label class="form-check-label" style="font-weight: 500">
                                    ૩:૨ 
                                </label>
                            </div>
                            <div id="msg_que7"></div>
                        </div>
                        <hr style="height: 1px;border-width:0;color:orange;background-color:orange;margin-top: 0px;">
                        <div class="form-group">
                            <label style="font-weight: 600">૮. રાષ્ટ્રધ્વજમાં સફેદ રંગ શું સૂચવે છે?</label>
                            <div class="form-check">
                                <input class="form-check-input" type="radio" name="que8" id="que8" value="A">
                                <label class="form-check-label" style="font-weight: 500">
                                    શાંતિ 
                                </label>
                            </div>
                            <div class="form-check">
                                <input class="form-check-input" type="radio" name="que8" id="que8" value="B">
                                <label class="form-check-label" style="font-weight: 500">
                                    સતત ગતિશીલતા
                                </label>
                            </div>
                            <div class="form-check">
                                <input class="form-check-input" type="radio" name="que8" id="que8" value="C">
                                <label class="form-check-label" style="font-weight: 500">
                                    ત્યાગ અને સમર્પણ
                                </label>
                            </div>
                            <div class="form-check">
                                <input class="form-check-input" type="radio" name="que8" id="que8" value="D">
                                <label class="form-check-label" style="font-weight: 500">
                                    વિજય  
                                </label>
                            </div>
                            <div id="msg_que8"></div>
                        </div>
                        <hr style="height: 1px;border-width:0;color:orange;background-color:orange;margin-top: 0px;">
                        <div class="form-group">
                            <label style="font-weight: 600">૯. રાષ્ટ્રધ્વજમાં કેસરી રંગ શું સૂચવે છે?</label>
                            <div class="form-check">
                                <input class="form-check-input" type="radio" name="que9" id="que9" value="A">
                                <label class="form-check-label" style="font-weight: 500">
                                    શાંતિ
                                </label>
                            </div>
                            <div class="form-check">
                                <input class="form-check-input" type="radio" name="que9" id="que9" value="B">
                                <label class="form-check-label" style="font-weight: 500">
                                    વિજય 
                                </label>
                            </div>
                            <div class="form-check">
                                <input class="form-check-input" type="radio" name="que9" id="que9" value="C">
                                <label class="form-check-label" style="font-weight: 500">
                                    સતત ગતિશીલતા
                                </label>
                            </div>
                            <div class="form-check">
                                <input class="form-check-input" type="radio" name="que9" id="que9" value="D">
                                <label class="form-check-label" style="font-weight: 500">
                                    ત્યાગ અને સમર્પણ  
                                </label>
                            </div>
                            <div id="msg_que9"></div>
                        </div>
                        <hr style="height: 1px;border-width:0;color:orange;background-color:orange;margin-top: 0px;">
                        <div class="form-group">
                            <label style="font-weight: 600">૧૦. રાષ્ટ્રધ્વજમાં અશોકચક્રની પસંદગી ક્યાં પ્રાચીન સ્મારકમાંથી કરવામાં આવેલ છે?</label>
                            <div class="form-check">
                                <input class="form-check-input" type="radio" name="que10" id="que10" value="A">
                                <label class="form-check-label" style="font-weight: 500">
                                    અજંતાની ગુફા 
                                </label>
                            </div>
                            <div class="form-check">
                                <input class="form-check-input" type="radio" name="que10" id="que10" value="B">
                                <label class="form-check-label" style="font-weight: 500">
                                    ગિરનાર 
                                </label>
                            </div>
                            <div class="form-check">
                                <input class="form-check-input" type="radio" name="que10" id="que10" value="C">
                                <label class="form-check-label" style="font-weight: 500">
                                    સારનાથના અશોક સ્થંભ
                                </label>
                            </div>
                            <div class="form-check">
                                <input class="form-check-input" type="radio" name="que10" id="que10" value="D">
                                <label class="form-check-label" style="font-weight: 500">
                                    બૌધ્ધ ગુફાઓ  
                                </label>
                            </div>
                            <div id="msg_que10"></div>
                        </div>
                        
                        <hr style="height: 1px;border-width:0;color:orange;background-color:orange;margin-top: 0px;">
                        <div class="form-group">
                            <label style="font-weight: 600">૧૧. કચ્છના કયા ક્રાંતિકારીએ વિદેશની ધરતી પર આઝાદીની ચળવળ ઉપાડી હતી.</label>
                            <div class="form-check">
                                <input class="form-check-input" type="radio" name="que11" id="que11" value="A">
                                <label class="form-check-label" style="font-weight: 500">
                                    વિર સાવરકર
                                </label>
                            </div>
                            <div class="form-check">
                                <input class="form-check-input" type="radio" name="que11" id="que11" value="B">
                                <label class="form-check-label" style="font-weight: 500">
                                     સરદાર વલ્લભભાઇ પટેલ 
                                </label>
                            </div>
                            <div class="form-check">
                                <input class="form-check-input" type="radio" name="que11" id="que11" value="C">
                                <label class="form-check-label" style="font-weight: 500">
                                    શ્યામજી કૃષ્ણ વર્મા
                                </label>
                            </div>
                            <div class="form-check">
                                <input class="form-check-input" type="radio" name="que11" id="que11" value="D">
                                <label class="form-check-label" style="font-weight: 500">
                                    ઇન્દુલાલ યાજ્ઞિક 
                                </label>
                            </div>
                            <div id="msg_que11"></div>
                        </div>
                        
                        <hr style="height: 1px;border-width:0;color:orange;background-color:orange;margin-top: 0px;">
                        <div class="form-group">
                            <label style="font-weight: 600">૧૨. મહાત્મા ગાંધીનો જન્મ ક્યાં થયો હતો.</label>
                            <div class="form-check">
                                <input class="form-check-input" type="radio" name="que12" id="que12" value="A">
                                <label class="form-check-label" style="font-weight: 500">
                                    કંડલા બંદર
                                </label>
                            </div>
                            <div class="form-check">
                                <input class="form-check-input" type="radio" name="que12" id="que12" value="B">
                                <label class="form-check-label" style="font-weight: 500">
                                     મુદ્રા બંદર 
                                </label>
                            </div>
                            <div class="form-check">
                                <input class="form-check-input" type="radio" name="que12" id="que12" value="C">
                                <label class="form-check-label" style="font-weight: 500">
                                    પોરબંદર
                                </label>
                            </div>
                            <div class="form-check">
                                <input class="form-check-input" type="radio" name="que12" id="que12" value="D">
                                <label class="form-check-label" style="font-weight: 500">
                                    અલંગ બંદર
                                </label>
                            </div>
                            <div id="msg_que12"></div>
                        </div>
                        
                        <hr style="height: 1px;border-width:0;color:orange;background-color:orange;margin-top: 0px;">
                        <div class="form-group">
                            <label style="font-weight: 600">૧૩. સરદાર વલ્લભભાઇ પટેલને સરદારનું બિરુદ નીચેની કઇ ઘટના દરમિયાન મળેલ છે.</label>
                            <div class="form-check">
                                <input class="form-check-input" type="radio" name="que13" id="que13" value="A">
                                <label class="form-check-label" style="font-weight: 500">
                                    ધરાસાણા સત્યાગ્રહ
                                </label>
                            </div>
                            <div class="form-check">
                                <input class="form-check-input" type="radio" name="que13" id="que13" value="B">
                                <label class="form-check-label" style="font-weight: 500">
                                     દાંડીયાત્રા  
                                </label>
                            </div>
                            <div class="form-check">
                                <input class="form-check-input" type="radio" name="que13" id="que13" value="C">
                                <label class="form-check-label" style="font-weight: 500">
                                    બારડોલી સત્યાગ્રહ
                                </label>
                            </div>
                            <div class="form-check">
                                <input class="form-check-input" type="radio" name="que13" id="que13" value="D">
                                <label class="form-check-label" style="font-weight: 500">
                                    ચાંપારણ ચળવળ 
                                </label>
                            </div>
                            <div id="msg_que13"></div>
                        </div>
                        
                        <hr style="height: 1px;border-width:0;color:orange;background-color:orange;margin-top: 0px;">
                        <div class="form-group">
                            <label style="font-weight: 600">૧૪. દાંડીયાત્રાની શરૂઆત ક્યાંથી કરવામાં આવી.</label>
                            <div class="form-check">
                                <input class="form-check-input" type="radio" name="que14" id="que14" value="A">
                                <label class="form-check-label" style="font-weight: 500">
                                    નવસારીથી અમદાવાદ
                                </label>
                            </div>
                            <div class="form-check">
                                <input class="form-check-input" type="radio" name="que14" id="que14" value="B">
                                <label class="form-check-label" style="font-weight: 500">
                                     સાબરમતિ આશ્રમથી દાંડી (નવસારી) 
                                </label>
                            </div>
                            <div class="form-check">
                                <input class="form-check-input" type="radio" name="que14" id="que14" value="C">
                                <label class="form-check-label" style="font-weight: 500">
                                    બારડોલીથી ભાવનગર
                                </label>
                            </div>
                            <div class="form-check">
                                <input class="form-check-input" type="radio" name="que14" id="que14" value="D">
                                <label class="form-check-label" style="font-weight: 500">
                                    સુરતથી ભરૂચ  
                                </label>
                            </div>
                            <div id="msg_que14"></div>
                        </div>
                        
                        <hr style="height: 1px;border-width:0;color:orange;background-color:orange;margin-top: 0px;">
                        <div class="form-group">
                            <label style="font-weight: 600">૧૫. તાજેતરમાં ભારત સરકાર તરફથી રાષ્ટ્રભાવના માટે કયો કાર્યક્રમ કાર્યરત છે.</label>
                            <div class="form-check">
                                <input class="form-check-input" type="radio" name="que15" id="que15" value="A">
                                <label class="form-check-label" style="font-weight: 500">
                                    સ્કુલ ચલે હમ
                                </label>
                            </div>
                            <div class="form-check">
                                <input class="form-check-input" type="radio" name="que15" id="que15" value="B">
                                <label class="form-check-label" style="font-weight: 500">
                                    હર હર તિરંગા
                                </label>
                            </div>
                            <div class="form-check">
                                <input class="form-check-input" type="radio" name="que15" id="que15" value="C">
                                <label class="form-check-label" style="font-weight: 500">
                                    તિરંગા હર જગહ
                                </label>
                            </div>
                            <div class="form-check">
                                <input class="form-check-input" type="radio" name="que15" id="que15" value="D">
                                <label class="form-check-label" style="font-weight: 500">
                                    હર ઘર તિરંગા
                                </label>
                            </div>
                            <div id="msg_que15"></div>
                        </div>
                        
                        <hr style="height: 1px;border-width:0;color:orange;background-color:orange;margin-top: 0px;">
                        <div class="form-group">
                            <label style="font-weight: 600">૧૬. આઝાદી કા અમૃત મહોત્સવ કેટલા વર્ષે ઉજવાય છે.</label>
                            <div class="form-check">
                                <input class="form-check-input" type="radio" name="que16" id="que16" value="A">
                                <label class="form-check-label" style="font-weight: 500">
                                    ૫૭ વર્ષ
                                </label>
                            </div>
                            <div class="form-check">
                                <input class="form-check-input" type="radio" name="que16" id="que16" value="B">
                                <label class="form-check-label" style="font-weight: 500">
                                    ૭૫ વર્ષ
                                </label>
                            </div>
                            <div class="form-check">
                                <input class="form-check-input" type="radio" name="que16" id="que16" value="C">
                                <label class="form-check-label" style="font-weight: 500">
                                    ૨૫ વર્ષ
                                </label>
                            </div>
                            <div class="form-check">
                                <input class="form-check-input" type="radio" name="que16" id="que16" value="D">
                                <label class="form-check-label" style="font-weight: 500">
                                    ૫૦ વર્ષ
                                </label>
                            </div>
                            <div id="msg_que16"></div>
                        </div>
                        
                        <hr style="height: 1px;border-width:0;color:orange;background-color:orange;margin-top: 0px;">
                        <div class="form-group">
                            <label style="font-weight: 600">૧૭. પ્રજાસત્તાક પર્વ બીજા કયા નામે ઓળખાય છે?</label>
                            <div class="form-check">
                                <input class="form-check-input" type="radio" name="que17" id="que17" value="A">
                                <label class="form-check-label" style="font-weight: 500">
                                    ગણતંત્ર દિવસ
                                </label>
                            </div>
                            <div class="form-check">
                                <input class="form-check-input" type="radio" name="que17" id="que17" value="B">
                                <label class="form-check-label" style="font-weight: 500">
                                    સ્વાતંત્ર દિવસ
                                </label>
                            </div>
                            <div class="form-check">
                                <input class="form-check-input" type="radio" name="que17" id="que17" value="C">
                                <label class="form-check-label" style="font-weight: 500">
                                    પરતંત્ર દિવસ
                                </label>
                            </div>
                            <div class="form-check">
                                <input class="form-check-input" type="radio" name="que17" id="que17" value="D">
                                <label class="form-check-label" style="font-weight: 500">
                                    ચળવળ દિવસ
                                </label>
                            </div>
                            <div id="msg_que17"></div>
                        </div>
                        
                        <hr style="height: 1px;border-width:0;color:orange;background-color:orange;margin-top: 0px;">
                        <div class="form-group">
                            <label style="font-weight: 600">૧૮. રાષ્ટ્રધ્વજમાં લીલો રંગ શું સૂચવે છે?</label>
                            <div class="form-check">
                                <input class="form-check-input" type="radio" name="que18" id="que18" value="A">
                                <label class="form-check-label" style="font-weight: 500">
                                    સતત ગતિશીલતા
                                </label>
                            </div>
                            <div class="form-check">
                                <input class="form-check-input" type="radio" name="que18" id="que18" value="B">
                                <label class="form-check-label" style="font-weight: 500">
                                    સમૃદ્ધિ
                                </label>
                            </div>
                            <div class="form-check">
                                <input class="form-check-input" type="radio" name="que18" id="que18" value="C">
                                <label class="form-check-label" style="font-weight: 500">
                                    ત્યાગ અને સમર્પણ
                                </label>
                            </div>
                            <div class="form-check">
                                <input class="form-check-input" type="radio" name="que18" id="que18" value="D">
                                <label class="form-check-label" style="font-weight: 500">
                                    શાંતિ
                                </label>
                            </div>
                            <div id="msg_que18"></div>
                        </div>
                        
                        <hr style="height: 1px;border-width:0;color:orange;background-color:orange;margin-top: 0px;">
                        <div class="form-group">
                            <label style="font-weight: 600">૧૯. લોકનાયક બિરસામુંડાનું યોગદાન કયા ક્ષેત્રમાં છે.</label>
                            <div class="form-check">
                                <input class="form-check-input" type="radio" name="que19" id="que19" value="A">
                                <label class="form-check-label" style="font-weight: 500">
                                    આઝાદીની ચળવળ
                                </label>
                            </div>
                            <div class="form-check">
                                <input class="form-check-input" type="radio" name="que19" id="que19" value="B">
                                <label class="form-check-label" style="font-weight: 500">
                                    શ્વેત ક્રાંતિ
                                </label>
                            </div>
                            <div class="form-check">
                                <input class="form-check-input" type="radio" name="que19" id="que19" value="C">
                                <label class="form-check-label" style="font-weight: 500">
                                    બ્લ્યુ ક્રાંતિ
                                </label>
                            </div>
                            <div class="form-check">
                                <input class="form-check-input" type="radio" name="que19" id="que19" value="D">
                                <label class="form-check-label" style="font-weight: 5">
                                    બારડોલી સત્યાગ્રહ
                                </label>
                            </div>
                            <div id="msg_que19"></div>
                        </div>
                        
                        <hr style="height: 1px;border-width:0;color:orange;background-color:orange;margin-top: 0px;">
                        <div class="form-group">
                            <label style="font-weight: 600">૨૦. ગુજરાતમાં ટ્રાયબલ યુનિવર્સિટીની સ્થાપના કયા નામે ક્યાં કરવામાં આવી છે.</label>
                            <div class="form-check">
                                <input class="form-check-input" type="radio" name="que20" id="que20" value="A">
                                <label class="form-check-label" style="font-weight: 500">
                                    વીર નર્મદા દક્ષિણ ગુજરાત યુનિવર્સિટી, સુરત
                                </label>
                            </div>
                            <div class="form-check">
                                <input class="form-check-input" type="radio" name="que20" id="que20" value="B">
                                <label class="form-check-label" style="font-weight: 500">
                                    બિરસામુંડા યુનિવર્સિટી, રાજપીપળા
                                </label>
                            </div>
                            <div class="form-check">
                                <input class="form-check-input" type="radio" name="que20" id="que20" value="C">
                                <label class="form-check-label" style="font-weight: 500">
                                    હેમચંદ્ર યુનિવર્સિટી, પાટણ
                                </label>
                            </div>
                            <div class="form-check">
                                <input class="form-check-input" type="radio" name="que20" id="que20" value="D">
                                <label class="form-check-label" style="font-weight: 500">
                                    શ્યામજી કૃષ્ણ વર્મા, કચ્છ
                                </label>
                            </div>
                            <div id="msg_que20"></div>
                        </div>

                        <button type="button" class="btn btn-primary btnsave" id="btn-submit" tabindex="6">Submit</button>
                        <!--<button type="reset" class="btn btn-default clear" tabindex="7">Clear</button>-->
                        <div id="msg_success" style="display:none;font-size: 16px;color: green;padding: 5px">
                            * Data Insert Successfully!
                        </div>
                    </form>
                </div>
                <div class="col-sm-3"></div>
            </div>
        </div>
        <div style="margin-bottom: 100px;background-color: white"></div>

    </body>

    <script type="text/javascript">

        $(document).ready(function () {
//            function clear()
//            {
//                $("#select_taluka").val('Select');
//                $("#select_district").val('Select');
//                $("#stud_name").val('');
//                $("#email").html('');
//                $("#school_name").val('');
//            }

            $(document.body).on('change', 'input[type=radio][name=que1]', function (e) {
                debugger;
                e.preventDefault();
                var que1 = $('input[name="que1"]:checked').val();
                if (que1 == undefined)
                {
                    $("#msg_que1").fadeIn(500);
                    $("#msg_que1").html("* Question 1 Not Attempt").css({'color': 'red'});
                    $("#msg_que1").focusin();
                } else
                {
                    $("#msg_que1").fadeOut(1000);
                }
            });

            $(document.body).on('change', 'input[type=radio][name=que2]', function (e) {
                debugger;
                e.preventDefault();
                var que2 = $('input[name="que2"]:checked').val();
                if (que2 == undefined)
                {
                    $("#msg_que2").fadeIn(500);
                    $("#msg_que2").html("* Question 2 Not Attempt").css({'color': 'red'});
                    $("#msg_que2").focusin();
                } else
                {
                    $("#msg_que2").fadeOut(1000);
                }
            });

            $(document.body).on('change', 'input[type=radio][name=que3]', function (e) {
                debugger;
                e.preventDefault();
                var que3 = $('input[name="que3"]:checked').val();
                if (que3 == undefined)
                {
                    $("#msg_que3").fadeIn(500);
                    $("#msg_que3").html("* Question 3 Not Attempt").css({'color': 'red'});
                    $("#msg_que3").focusin();
                } else
                {
                    $("#msg_que3").fadeOut(1000);
                }
            });

            $(document.body).on('change', 'input[type=radio][name=que4]', function (e) {
                debugger;
                e.preventDefault();
                var que4 = $('input[name="que4"]:checked').val();
                if (que4 == undefined)
                {
                    $("#msg_que4").fadeIn(500);
                    $("#msg_que4").html("* Question 4 Not Attempt").css({'color': 'red'});
                    $("#msg_que4").focusin();
                } else
                {
                    $("#msg_que4").fadeOut(1000);
                }
            });

            $(document.body).on('change', 'input[type=radio][name=que5]', function (e) {
                debugger;
                e.preventDefault();
                var que5 = $('input[name="que5"]:checked').val();
                if (que5 == undefined)
                {
                    $("#msg_que5").fadeIn(500);
                    $("#msg_que5").html("* Question 5 Not Attempt").css({'color': 'red'});
                    $("#msg_que5").focusin();
                } else
                {
                    $("#msg_que5").fadeOut(1000);
                }
            });

            $(document.body).on('change', 'input[type=radio][name=que6]', function (e) {
                debugger;
                e.preventDefault();
                var que6 = $('input[name="que6"]:checked').val();
                if (que6 == undefined)
                {
                    $("#msg_que6").fadeIn(500);
                    $("#msg_que6").html("* Question 6 Not Attempt").css({'color': 'red'});
                    $("#msg_que6").focusin();
                } else
                {
                    $("#msg_que6").fadeOut(1000);
                }
            });

            $(document.body).on('change', 'input[type=radio][name=que7]', function (e) {
                debugger;
                e.preventDefault();
                var que7 = $('input[name="que7"]:checked').val();
                if (que7 == undefined)
                {
                    $("#msg_que7").fadeIn(500);
                    $("#msg_que7").html("* Question 7 Not Attempt").css({'color': 'red'});
                    $("#msg_que7").focusin();
                } else
                {
                    $("#msg_que7").fadeOut(1000);
                }
            });

            $(document.body).on('change', 'input[type=radio][name=que8]', function (e) {
                debugger;
                e.preventDefault();
                var que8 = $('input[name="que8"]:checked').val();
                if (que8 == undefined)
                {
                    $("#msg_que8").fadeIn(500);
                    $("#msg_que8").html("* Question 8 Not Attempt").css({'color': 'red'});
                    $("#msg_que8").focusin();
                } else
                {
                    $("#msg_que8").fadeOut(1000);
                }
            });

            $(document.body).on('change', 'input[type=radio][name=que9]', function (e) {
                debugger;
                e.preventDefault();
                var que9 = $('input[name="que9"]:checked').val();
                if (que9 == undefined)
                {
                    $("#msg_que9").fadeIn(500);
                    $("#msg_que9").html("* Question 9 Not Attempt").css({'color': 'red'});
                    $("#msg_que9").focusin();
                } else
                {
                    $("#msg_que9").fadeOut(1000);
                }
            });

            $(document.body).on('change', 'input[type=radio][name=que10]', function (e) {
                debugger;
                e.preventDefault();
                var que10 = $('input[name="que10"]:checked').val();
                if (que10 == undefined)
                {
                    $("#msg_que10").fadeIn(500);
                    $("#msg_que10").html("* Question 10 Not Attempt").css({'color': 'red'});
                    $("#msg_que10").focusin();
                } else
                {
                    $("#msg_que10").fadeOut(1000);
                }
            });
            
            $(document.body).on('change', 'input[type=radio][name=que11]', function (e) {
                debugger;
                e.preventDefault();
                var que11 = $('input[name="que11"]:checked').val();
                if (que11 == undefined)
                {
                    $("#msg_que11").fadeIn(500);
                    $("#msg_que11").html("* Question 11 Not Attempt").css({'color': 'red'});
                    $("#msg_que11").focusin();
                } else
                {
                    $("#msg_que11").fadeOut(1000);
                }
            });

            $(document.body).on('change', 'input[type=radio][name=que12]', function (e) {
                debugger;
                e.preventDefault();
                var que12 = $('input[name="que12"]:checked').val();
                if (que12 == undefined)
                {
                    $("#msg_que12").fadeIn(500);
                    $("#msg_que12").html("* Question 12 Not Attempt").css({'color': 'red'});
                    $("#msg_que12").focusin();
                } else
                {
                    $("#msg_que12").fadeOut(1000);
                }
            });

            $(document.body).on('change', 'input[type=radio][name=que13]', function (e) {
                debugger;
                e.preventDefault();
                var que13 = $('input[name="que13"]:checked').val();
                if (que13 == undefined)
                {
                    $("#msg_que13").fadeIn(500);
                    $("#msg_que13").html("* Question 13 Not Attempt").css({'color': 'red'});
                    $("#msg_que13").focusin();
                } else
                {
                    $("#msg_que13").fadeOut(1000);
                }
            });

            $(document.body).on('change', 'input[type=radio][name=que14]', function (e) {
                debugger;
                e.preventDefault();
                var que14 = $('input[name="que14"]:checked').val();
                if (que14 == undefined)
                {
                    $("#msg_que14").fadeIn(500);
                    $("#msg_que14").html("* Question 14 Not Attempt").css({'color': 'red'});
                    $("#msg_que14").focusin();
                } else
                {
                    $("#msg_que14").fadeOut(1000);
                }
            });

            $(document.body).on('change', 'input[type=radio][name=que15]', function (e) {
                debugger;
                e.preventDefault();
                var que15 = $('input[name="que15"]:checked').val();
                if (que15 == undefined)
                {
                    $("#msg_que15").fadeIn(500);
                    $("#msg_que15").html("* Question 15 Not Attempt").css({'color': 'red'});
                    $("#msg_que15").focusin();
                } else
                {
                    $("#msg_que15").fadeOut(1000);
                }
            });
            
            $(document.body).on('change', 'input[type=radio][name=que16]', function (e) {
                debugger;
                e.preventDefault();
                var que16 = $('input[name="que16"]:checked').val();
                if (que16 == undefined)
                {
                    $("#msg_que16").fadeIn(500);
                    $("#msg_que16").html("* Question 16 Not Attempt").css({'color': 'red'});
                    $("#msg_que16").focusin();
                } else
                {
                    $("#msg_que16").fadeOut(1000);
                }
            });

            $(document.body).on('change', 'input[type=radio][name=que17]', function (e) {
                debugger;
                e.preventDefault();
                var que17 = $('input[name="que17"]:checked').val();
                if (que17 == undefined)
                {
                    $("#msg_que17").fadeIn(500);
                    $("#msg_que17").html("* Question 17 Not Attempt").css({'color': 'red'});
                    $("#msg_que17").focusin();
                } else
                {
                    $("#msg_que17").fadeOut(1000);
                }
            });

            $(document.body).on('change', 'input[type=radio][name=que18]', function (e) {
                debugger;
                e.preventDefault();
                var que18 = $('input[name="que18"]:checked').val();
                if (que18 == undefined)
                {
                    $("#msg_que18").fadeIn(500);
                    $("#msg_que18").html("* Question 18 Not Attempt").css({'color': 'red'});
                    $("#msg_que18").focusin();
                } else
                {
                    $("#msg_que18").fadeOut(1000);
                }
            });

            $(document.body).on('change', 'input[type=radio][name=que19]', function (e) {
                debugger;
                e.preventDefault();
                var que19 = $('input[name="que19"]:checked').val();
                if (que19 == undefined)
                {
                    $("#msg_que19").fadeIn(500);
                    $("#msg_que19").html("* Question 19 Not Attempt").css({'color': 'red'});
                    $("#msg_que19").focusin();
                } else
                {
                    $("#msg_que19").fadeOut(1000);
                }
            });

            $(document.body).on('change', 'input[type=radio][name=que20]', function (e) {
                debugger;
                e.preventDefault();
                var que20 = $('input[name="que20"]:checked').val();
                if (que20 == undefined)
                {
                    $("#msg_que20").fadeIn(500);
                    $("#msg_que20").html("* Question 20 Not Attempt").css({'color': 'red'});
                    $("#msg_que20").focusin();
                } else
                {
                    $("#msg_que20").fadeOut(1000);
                }
            });

            $(document.body).on('click', '.btnsave', function (e) {
                debugger;
                var que1 = $('input[name="que1"]:checked').val();
                var que2 = $('input[name="que2"]:checked').val();
                var que3 = $('input[name="que3"]:checked').val();
                var que4 = $('input[name="que4"]:checked').val();
                var que5 = $('input[name="que5"]:checked').val();
                var que6 = $('input[name="que6"]:checked').val();
                var que7 = $('input[name="que7"]:checked').val();
                var que8 = $('input[name="que8"]:checked').val();
                var que9 = $('input[name="que9"]:checked').val();
                var que10 = $('input[name="que10"]:checked').val();
                var que11 = $('input[name="que11"]:checked').val();
                var que12 = $('input[name="que12"]:checked').val();
                var que13 = $('input[name="que13"]:checked').val();
                var que14 = $('input[name="que14"]:checked').val();
                var que15 = $('input[name="que15"]:checked').val();
                var que16 = $('input[name="que16"]:checked').val();
                var que17 = $('input[name="que17"]:checked').val();
                var que18 = $('input[name="que18"]:checked').val();
                var que19 = $('input[name="que19"]:checked').val();
                var que20 = $('input[name="que20"]:checked').val();

//                alert('que1 ' + que1 + ' que2 ' + que2 + ' que3 ' + que3 + ' que4 ' + que4 + ' que5 ' + que5 + ' que6 ' + que6 + ' que7 ' + que7 + ' que8 ' + que8 + ' que9 ' + que9 + ' que10 ' + que10);

                if (que1 == undefined)
                {
                    $("#msg_que1").fadeIn(500);
                    $("#msg_que1").html("* Question 1 Not Attempt").css({'color': 'red'});
                    $("#msg_que1").focusin();
                } else if (que2 == undefined)
                {
                    $("#msg_que2").fadeIn(500);
                    $("#msg_que2").html("* Question 2 Not Attemp").css({'color': 'red'});
                    $("#msg_que2").focusin();
                } else if (que3 == undefined)
                {
                    $("#msg_que3").fadeIn(500);
                    $("#msg_que3").html("* Question 3 Not Attemp").css({'color': 'red'});
                    $("#msg_que3").focusin();
                } else if (que4 == undefined)
                {
                    $("#msg_que4").fadeIn(500);
                    $("#msg_que4").html("* Question 4 Not Attemp").css({'color': 'red'});
                    $("#msg_que4").focusin();
                } else if (que5 == undefined)
                {
                    $("#msg_que5").fadeIn(500);
                    $("#msg_que5").html("* Question 5 Not Attemp").css({'color': 'red'});
                    $("#msg_que5").focusin();
                } else if (que6 == undefined)
                {
                    $("#msg_que6").fadeIn(500);
                    $("#msg_que6").html("* Question 6 Not Attemp").css({'color': 'red'});
                    $("#msg_que6").focusin();
                } else if (que7 == undefined)
                {
                    $("#msg_que7").fadeIn(500);
                    $("#msg_que7").html("* Question 7 Not Attemp").css({'color': 'red'});
                    $("#msg_que7").focusin();
                } else if (que8 == undefined)
                {
                    $("#msg_que8").fadeIn(500);
                    $("#msg_que8").html("* Question 8 Not Attemp").css({'color': 'red'});
                    $("#msg_que8").focusin();
                } else if (que9 == undefined)
                {
                    $("#msg_que9").fadeIn(500);
                    $("#msg_que9").html("* Question 9 Not Attemp").css({'color': 'red'});
                    $("#msg_que9").focusin();
                } else if (que10 == undefined)
                {
                    $("#msg_que10").fadeIn(500);
                    $("#msg_que10").html("* Question 10 Not Attemp").css({'color': 'red'});
                    $("#msg_que10").focusin();
                } else if (que11 == undefined)
                {
                    $("#msg_que11").fadeIn(500);
                    $("#msg_que11").html("* Question 11 Not Attempt").css({'color': 'red'});
                    $("#msg_que11").focusin();
                } else if (que12 == undefined)
                {
                    $("#msg_que12").fadeIn(500);
                    $("#msg_que12").html("* Question 12 Not Attemp").css({'color': 'red'});
                    $("#msg_que12").focusin();
                } else if (que13 == undefined)
                {
                    $("#msg_que13").fadeIn(500);
                    $("#msg_que13").html("* Question 13 Not Attemp").css({'color': 'red'});
                    $("#msg_que13").focusin();
                } else if (que14 == undefined)
                {
                    $("#msg_que14").fadeIn(500);
                    $("#msg_que14").html("* Question 14 Not Attemp").css({'color': 'red'});
                    $("#msg_que14").focusin();
                } else if (que15 == undefined)
                {
                    $("#msg_que15").fadeIn(500);
                    $("#msg_que15").html("* Question 15 Not Attemp").css({'color': 'red'});
                    $("#msg_que15").focusin();
                } else if (que16 == undefined)
                {
                    $("#msg_que16").fadeIn(500);
                    $("#msg_que16").html("* Question 16 Not Attemp").css({'color': 'red'});
                    $("#msg_que16").focusin();
                } else if (que17 == undefined)
                {
                    $("#msg_que17").fadeIn(500);
                    $("#msg_que17").html("* Question 17 Not Attemp").css({'color': 'red'});
                    $("#msg_que17").focusin();
                } else if (que18 == undefined)
                {
                    $("#msg_que18").fadeIn(500);
                    $("#msg_que18").html("* Question 18 Not Attemp").css({'color': 'red'});
                    $("#msg_que18").focusin();
                } else if (que19 == undefined)
                {
                    $("#msg_que19").fadeIn(500);
                    $("#msg_que19").html("* Question 19 Not Attemp").css({'color': 'red'});
                    $("#msg_que19").focusin();
                } else if (que20 == undefined)
                {
                    $("#msg_que20").fadeIn(500);
                    $("#msg_que20").html("* Question 20 Not Attemp").css({'color': 'red'});
                    $("#msg_que20").focusin();
                } else
                {
//                    alert('else data ');
                    var send = {'que1': que1, 'que2': que2, 'que3': que3, 'que4': que4, 'que5': que5, 'que6': que6, 'que7': que7, 'que8': que8, 'que9': que9, 'que10': que10,'que11': que11, 'que12': que12, 'que13': que13, 'que14': que14, 'que15': que15, 'que16': que16, 'que17': que17, 'que18': que18, 'que19': que19, 'que20': que20};

                    $.ajax({
                        type: 'POST',
                        data: send,
                        url: './PHP_Code/student_entry.php',
                        success: function (data) {
                            debugger;
//                    console.log('success');
//                    console.log(JSON.stringify(data));
//                            alert('data ' + data);


//                            window.location.href = '/har_ghar_tiranga_quiz/print.php';
                            window.location.href = './view_result.php';

                            $('#msg_success').fadeIn(500);
                            $('#msg_success').text('* Submit Quiz Successfully!');
                            $('#msg_success').fadeOut(5000);
                            $('#tablebody').html('');
                            $('#tablebody').html(data);

                        }, error: function (xhr, err) {
                            alert('Error ' + err.message);
                        }
                    });
                }
            });

        });
    </script>
</html>

