{% extends 'admin/master.html' %}
 {% block title %}  home {% endblock title %}
 {% load static %}
 {% block content %}
<script>
      function st(s1,s2)
            {
                var s1 = document.getElementById(s1);
                var s2 = document.getElementById(s2);
                s2.innerHTML = "";
                if(s1.value == "ANDAMAN AND NICOBAR ISLANDS")
                    {
                        var optionArray = ["|"];
                    }
                    else if(s1.value == "ANDHRA PRADESH")
                    {
                        var optionArray = ["|","araku|Araku","srikakulam|Srikakulam","vizianagaram|Vizianagaram","visakhapatnam|Visakhapatnam",
                        "anakapalli|Anakapalli","kakinada|Kakinada","Amalapuram|Amalapuram","Rajahmundry|Rajahmundry",
                        "Narasapuram|Narasapuram",	"Eluru|Eluru",	"Machilipatnam|Machilipatnam","Vijayawada|Vijayawada",
                        "Guntur|Guntur","Narasaraopet|Narasaraopet","Bapatla|Bapatla","Ongole|Ongole","Nandyal|Nandyal",
                        "Kurnool|Kurnool","Anantapur|Anantapur","Hindupur|Hindupur","Kadapa|Kadapa","Nellore|Nellore","Tirupati|Tirupati",
                        "Rajampet|Rajampet","Chittoor|Chittoor"];
                    }
                    else if(s1.value == "ARUNACHAL PRADESH")
                    {
                        var optionArray = ["|","Arunachal West|Arunachal West","Arunachal East|Arunachal East"];
                    }
                    else if(s1.value == "ASSAM")
                    {
                        var optionArray = ["|","Karimganj|Karimganj","Silchar|Silchar","Autonomous District|Autonomous District","Dhubri|Dhubri",
                                                "Kokrajhar|Kokrajhar","Barpeta|Barpeta","auhati|Gauhati","Mangaldoi|Mangaldoi","Tezpur|Tezpur",
                                                "Nowgong|Nowgong","Kaliabor|Kaliabor","Jorhat|Jorhat","Dibrugarh|Dibrugarh","Lakhimpur|Lakhimpur"];
                    }
                    else if(s1.value == "BIHAR")
                    {
                        var optionArray = ["|","Valmiki Nagar|Valmiki Nagar","Paschim Champaran|Paschim Champaran",
                                                "Purvi Champaran|Purvi Champaran","Sheohar|Sheohar","Sitamarhi|Sitamarhi","Madhubani|Madhubani",
                                                "Jhanjharpur|Jhanjharpur","Supaul|Supaul","Araria|Araria","Kishanganj|Kishanganj",
                                                "Katihar|Katihar","Purnia|Purnia","Madhepura|Madhepura", "Darbhanga|Darbhanga",
                                                "Muzaffarpur|Muzaffarpur","Vaishali|Vaishali","Gopalganj|Gopalganj","Siwan|Siwan",
                                                "Maharajganj|Maharajganj",
                                                "Saran|Saran",
                                                "Hajipur|Hajipur",
                                                "Ujiarpur|Ujiarpur",
                                                "Samastipur|Samastipur",
                                                "Begusarai|Begusarai",
                                                "Khagaria|Khagaria",
                                                "Bhagalpur|Bhagalpur",
                                                "Banka|Banka",
                                                "Munger|Munger",
                                                "Nalanda|Nalanda",
                                                "Patna Sahib|Patna Sahib",
                                                "Pataliputra|Pataliputra",
                                                "Arrah|Arrah",
                                                "Buxar|Buxar",
                                                "Sasaram|Sasaram",
                                                "Karakat|Karakat",
                                                "Jahanabad|Jahanabad",
                                                "Aurangabad|Aurangabad",
                                                "Gaya|Gaya",
                                                "Nawada|Nawada",
                                                "Jamui|Jamui"];
                    }
                    else if(s1.value == "CHANDIGARH")
                    {
                        var optionArray = ["|","Sarguja|Sarguja","Raigarh|Raigarh","Janjgir|Janjgir","Korba|Korba","Bilaspur|Bilaspur",	
                                                "Rajnandgaon|Rajnandgaon","Durg|Durg","Raipur|Raipur","Mahasamund|Mahasamund",	
                                                "Bastar|Bastar","Kanker|Kanker"];
                    }
                    else if(s1.value == "CHHATTISGARH")
                    {
                        var optionArray = ["|","north goa|North Goa","south goa|South Goa"];
                    }
                    else if(s1.value == "DADRA &amp; NAGAR HAVELI")
                    {
                        var optionArray = ["|","north goa|North Goa","south goa|South Goa"];
                    }
                    else if(s1.value == "DAMAN &amp; DIU")
                    {
                        var optionArray = ["|","north goa|North Goa","south goa|South Goa"];
                    }
                    else if(s1.value == "GOA")
                    {
                        var optionArray = ["|","North Goa|North Goa","South Goa|South Goa"];
                    }
                    else if(s1.value == "GUJARAT")
                    {
                        var optionArray = ["|","Kutch|Kutch", "Banaskantha|Banaskantha", "Patan|Patan",	"Mahesana|Mahesana",
                                                "Sabarkantha|Sabarkantha","Gandhinagar|Gandhinagar","Ahmedabad East|Ahmedabad East",	
                                                "Ahmedabad West|Ahmedabad West","Surendranagar|Surendranagar","Rajkot|Rajkot",	
                                                "Porbandar|Porbandar","Jamnagar|Jamnagar", "Junagadh|Junagadh","Amreli|Amreli",	
                                                "Bhavnagar|Bhavnagar","Anand|Anand", "Kheda|Kheda","Panchmahal|Panchmahal",	
                                                "Dahod|Dahod","Vadodara|Vadodara","Chhota Udaipur|Chhota Udaipur","Bharuch|Bharuch",	
                                                "Bardoli|Bardoli","Surat|Surat","Navsari|Navsari","Valsad|Valsad"];
                    }
                    else if(s1.value == "HARYANA")
                    {
                        var optionArray = ["|","Ambala|Ambala","Kurukshetra|Kurukshetra", "Sirsa|Sirsa","Hissar|Hissar", "Karnal|Karnal",	
                                                "Sonipat|Sonipat","Rohtak|Rohtak", "Bhiwani–Mahendragarh|Bhiwani–Mahendragarh",	
                                                "Gurgaon|Gurgaon","Faridabad|Faridabad"];
                    }
                    else if(s1.value == "HIMACHAL PRADESH")
                    {
                        var optionArray = ["|","Kangra|Kangra",
                                                "Mandi|Mandi",
                                                "Hamirpur|Hamirpur",
                                                "Shimla|Shimla"];
                    }
                    else if(s1.value == "JAMMU & KASHMIR")
                    {
                        var optionArray = ["|",];
                    }
                    else if(s1.value == "JHARKHAND")
                    {
                        var optionArray = ["|",];
                    }
                    else if(s1.value == "KARNATAKA")
                    {
                        var optionArray = ["|",];
                    }
                    else if(s1.value == "KERALA")
                    {
                        var optionArray = ["|","Kasaragod|Kasaragod", "Kannur|Kannur","Vatakara|Vatakara","Wayanad|Wayanad", "Kozhikode|Kozhikode",
                                                "Malappuram|Malappuram","Ponnani|Ponnani","Palakkad|Palakkad","Alathur|Alathur","Thrissur|Thrissur",
                                                "Chalakudy|Chalakudy","Ernakulam|Ernakulam","Idukki|Idukki","Kottayam|Kottayam", "Alappuzha|Alappuzha","Mavelikara|Mavelikara","Pathanamthitta|Pathanamthitta","Kollam|Kollam",
                                                "Attingal|Attingal","Thiruvananthapuram|Thiruvananthapuram"];
                    }
                    else if(s1.value == "LAKSHADWEEP")
                    {
                        var optionArray = ["|",];
                    }
                    else if(s1.value == "MADHYA PRADESH")
                    {
                        var optionArray = ["|",];
                    }
                    else if(s1.value == "MAHARASHTRA")
                    {
                        var optionArray = ["|",];
                    }
                    else if(s1.value == "MANIPUR")
                    {
                        var optionArray = ["|","Inner Manipur|Inner Manipur","Outer Manipur|Outer Manipur"];
                    }
                    else if(s1.value == "MEGHALAYA")
                    {
                        var optionArray = ["|","Shillong|Shillong","Tura|Tura"];
                    }
                    else if(s1.value == "MIZORAM")
                    {
                        var optionArray = ["|","MIZORAM|MIZORAM"];
                    }
                    else if(s1.value == "NAGALAND")
                    {
                        var optionArray = ["|","NAGALAND|NAGALAND"];
                    }
                    else if(s1.value == "NCT OF DELHI ")
                    {
                        var optionArray = ["|","north goa|North Goa","south goa|South Goa"];
                    }
                    else if(s1.value == "ODISHA")
                    {
                        var optionArray = ["|","north goa|North Goa","south goa|South Goa"];
                    }
                
                    else if(s1.value == "PUDUCHERRY")
                    {
                        var optionArray = ["|","north goa|North Goa","south goa|South Goa"];
                    }
                    else if(s1.value == "PUNJAB")
                    {
                        var optionArray = ["|","north goa|North Goa","south goa|South Goa"];
                    }
                    else if(s1.value == "RAJASTHAN")
                    {
                        var optionArray = ["|","north goa|North Goa","south goa|South Goa"];
                    }
                    else if(s1.value == "SIKKIM")
                    {
                        var optionArray = ["|","SIKKIM|SIKKIM"];
                    }
                    else if(s1.value == "TAMIL NADU")
                    {
                        var optionArray = ["|","north goa|North Goa","south goa|South Goa"];
                    }
                    else if(s1.value == "TELANGANA")
                    {
                        var optionArray = ["|","north goa|North Goa","south goa|South Goa"];
                    }
                    else if(s1.value == "TRIPURA")
                    {
                        var optionArray = ["|","Tripura West|Tripura West","Tripura East|Tripura East"];
                    }
                    else if(s1.value == "UTTAR PRADESH")
                    {
                        var optionArray = ["|","north goa|North Goa","south goa|South Goa"];
                    }
                    else if(s1.value == "UTTARAKHAND")
                    {
                        var optionArray = ["|","Tehri Garhwal|Tehri Garhwal",	
                                                "Garhwal|Garhwal",	
                                                "Almora|Almora",	
                                                "Nainital–Udhamsingh Nagar|Nainital–Udhamsingh Nagar",	
                                                "Haridwar|Haridwar"];
                    }
                    else if(s1.value == "WEST BENGAL")
                    {
                        var optionArray = ["|","north goa|North Goa","south goa|South Goa"];
                    }
                
                for(var option in optionArray)
                    {
                        var pair = optionArray[option].split("|");
                        var newOption = document.createElement("option");
                        newOption.value = pair[0];
                        newOption.innerHTML = pair[1];
                        s2.options.add(newOption);
                        }
            }
            function st2(s2,s3)
            {
                var s1 = document.getElementById("state");
                var s2 = document.getElementById(s2);
                var s3 = document.getElementById(s3);
                s3.innerHTML = "";
                if(s1.value == "ANDAMAN AND NICOBAR ISLANDS")
                    {
                        var optionArray1 = ["|"];
                    }
                    else if(s2.value == "Gandhinagar")
                    {
                        var optionArray1 = ["|","Dahegam|Dahegam","Gandhinagar Dakshin|Gandhinagar Dakshin","Gandhinagar Uttar|Gandhinagar Uttar",
                                            "Mansa|Mansa","Kalol|Kalol"];
                    }
                else if(s2.value == "Banaskantha")
                    {
                        var optionArray1 = ["|","Vav|Vav","Tharad|Tharad","Dhanera|Dhanera","Danta|Danta","Palanpur|Palanpur","Deesa|Deesa","Deodar|Deodar"];
                    }
                else if(s2.value == "Patan")
                    {
                        var optionArray1 = ["|","Radhanpur|Radhanpur","Chanasma|Chanasma","Patan|Patan","Sidhpur|Sidhpur","Kheralu|Kheralu","Vadgam|Vadgam","Kankrej|Kankrej"];
                    }
                else if(s2.value == "Mahesana")
                    {
                        var optionArray1 = ["|","Unjha|Unjha","Visnagar|Visnagar","Kadi|Kadi","Mahesana|Mahesana","Mansa|Mansa"];
                    }
                else if(s2.value == "Valsad")
                    {
                        var optionArray1 = ["|","Dharampur|Dharampur","Valsad|Valsad","Pardi|Pardi",
                                            "Kaprada|Kaprada","Umargaon|Umargaon"];
                    }
                else if(s2.value == "Navsari")
                    {
                        var optionArray1 = ["|","Jalalpore|Jalalpore","Navsari|Navsari","Gandevi|Gandevi",
                                            "Vansda|Vansda"];
                    }
                else if(s2.value == "Anand")
                    {
                        var optionArray1 = ["|","Khambhat|Khambhat","Borsad|Borsad","Anklav|Anklav",
                                            "Umreth|Umreth","Anand|Anand","Petlad|Petlad","Sojitra|Sojitra"];
                    }
                    else if(s2.value == "Kutch")
                    {
                        var optionArray1 = ["|","Abdasa|Abdasa","Mandvi|Mandvi","Bhuj|Bhuj","Anjar|Anjar","Gandhidham|Gandhidham","Rapar|Rapar","Morbi|Morbi"];
                    }
                else if(s2.value == "Sabarkantha")
                    {
                        var optionArray1 =  ["|","Himatnagar|Himatnagar","Idar|Idar","Bhiloda|Bhiloda","Modasa|Modasa","Bayad|Bayad","Prantij|Prantij","Khedbrahma|Khedbrahma"];
                    }
                else if(s2.value == "Ahmedabad east")
                    {
                        var optionArray1 =   ["|","Dahegam|Dahegam","Vatva|Vatva","Nikol|Nikol","Naroda|Naroda","Bapunagar|Bapunagar","Dakshin|Dakshin"];
                    }
                else if(s2.value == "Ahmedabad west")
                    {
                        var optionArray1 =["|","Ellisbridge|Ellisbridge","Amraiwadi|Amraiwadi","Dariapur|Dariapur","Maninagar|Maninagar","Asarwa|Asarwa","Danilimda|Danilimda"];
                    }
                else if(s2.value == "Surendranagar")
                    {
                        var optionArray1 =   ["|","Viramgam|Viramgam","Dhandhuka|Dhandhuka","Dasada|Dasada","Limdi|Limdi","Wadhwan|Wadhwan","Chotia|Chotila","Dhanghadra|Dhangadhra"];
                    }
                else if(s2.value == "Rajkot")
                    {
                        var optionArray1 =["|","Tankara|Tankara","Wankaner|Wankaner","Purva|Purva","West|West","Dakshin|Dakshin","Gramya|Gramya","Jasdan|Jasdan"];
                    }
                else if(s2.value == "Porbandar")
                    {
                        var optionArray1 =  ["|","Gondal|Gondal","Jetpur|Jetpur","Dhoraji|Dhoraji","Porbandar|Porbandar","Kutiyana|Kutiyana","Manavadar|Manavadar","Keshod|Keshod"];
                    }
                else if(s2.value == "Jamnagar")
                    {
                        var optionArray1 =  ["|","Kalavad|Kalavad","Gramya|Gramya","Uttar|Uttar","Dakshin|Dakshin","Jamjodhpur|Jamjodhpur","Dwarka|Dwarka","Khambhaliya|                                                   Khambhaliya"];
                    }
                else if(s2.value == "Junagadh")
                    {
                        var optionArray1 = ["|","Junagadh|Junagadh","Visavadar|Visavadar","Mangrol|Mangrol","Somnath|Somnath","Talala|Talala","Kodinar|Kodinar","Una|Una"];
                    }
                else if(s2.value == "Amreli")
                    {
                        var optionArray1 =["|","Dhari|Dhari","Amreli|Amreli","Lathi|Lathi","Savarkundla|Savarkundla","Rajula|Rajula","Mahuva|Mahuva","Gariadhar|Gariadhar"];
                    }
                else if(s2.value == "Bhavnagar")
                    {
                        var optionArray1 = ["|","Talaja|Talaja","Palitana|Palitana","Gadhada|Gadhada","Botad|Botad"];
                    }
                else if(s2.value == "Kheda")
                    {
                        var optionArray1 = ["|","Daskroi|Daskroi","Dholika|Dholika","Matar|Matar","Nadiad|Nadiad","Mahudha|Mahudha","Kapadvanj|Kapadvanj","Mehmedabad|Mehmedabad"];
                    }
                else if(s2.value == "Panchmahal")
                    {
                        var optionArray1 = ["|","Thasra|Thasra","Balasinor|Balasinor","Lunawada|Lunawada","Shehra|Shehra","Godhara|Godhara","Kaalol|Kaalol","Morvahadaf|                                                   Morvahadaf"];
                    }
                else if(s2.value == "Vadodara")
                    {
                        var optionArray1 =["|","Savli|Savli","Vaghodiya|Vaghodiya","Sayajigunj|Sayajigunj","Akota|Akota","Raopura|Raopura","Manjalpur|Manjalpur"];
                    }
                else if(s2.value == "Chhota udaipur")
                    {
                        var optionArray1 =  ["|","Halol|Halol","Sankheda|Sankheda","Dabhoi|Dabhoi","Padra|Padra","Nandod|Nandod","Chhotaudaipur|Chhotaudaipur"];
                    } 
                else if(s2.value == "Bharuch")
                    {
                        var optionArray1 = ["|","Karjan|Karjan","Dediapada|Dediapada","Jambusar|Jambusar","Vagra|Vagra","Jhagadiya|Jhagadiya","Bharuch|Bharuch","Ankleshwar|                                                   Ankleshwar"];
                    } 
                else if(s2.value == "Bardoli")
                    {
                        var optionArray1 =  ["|","Mangrol|Mangrol","Mandvi|Mandvi","Kamrej|Kamrej","Bardoli|Bardoli","Mahuva|Mahuva","Vyara|Vyara","Nizar|Nizar"];        
    
                    }
                else if(s2.value == "Surat")
                    {
                        var optionArray1 = ["|","Surat|Surat","Olpad|Olpad","Surat Purva|Surat Purva","Uttat|Uttar","Varachha|Varachha","Karanj|Karanj","Katargam|                                                   Katargam","Paschim|Paschim"];
                    } 
                else if(s2.value == "Dahod")
                    {
                        var optionArray1 = ["|","Santrampur|Santrampur","Fatepura|Fatepura","Jhalod|Jhalod","Limkheda|Limkheda","Dahod|Dahod","Garbada|Garbada","Devgadhbariya|Devgadhbariya"];
                    }
                for(var option in optionArray1)
                    {
                        var pair = optionArray1[option].split("|");
                        var newOption = document.createElement("option");
                        newOption.value = pair[0];
                        newOption.innerHTML = pair[1];
                        s3.options.add(newOption);
                        }
            }
       /*function DOB() {
            var lblError = document.getElementById("lblError");

            //Get the date from the TextBox.
            var dateString = document.getElementById("dob").value;
            var regex = /(((0|1)[0-9]|2[0-9]|3[0-1])\/(0[1-9]|1[0-2])\/((19|20)\d\d))$/;

            //Check whether valid dd/MM/yyyy Date Format.
            if (regex.test(dateString)) {
                var parts = dateString.split("/");
                var dtDOB = new Date(parts[1] + "/" + parts[0] + "/" + parts[2]);
                var dtCurrent = new Date();
                lblError.innerHTML = "Eligibility 18 years ONLY."
                if (dtCurrent.getFullYear() - dtDOB.getFullYear() < 18) {
                    return false;
                }

                if (dtCurrent.getFullYear() - dtDOB.getFullYear() == 18) {

                    //CD: 11/06/2018 and DB: 15/07/2000. Will turned 18 on 15/07/2018.
                    if (dtCurrent.getMonth() < dtDOB.getMonth()) {
                        return false;
                    }
                    if (dtCurrent.getMonth() == dtDOB.getMonth()) {
                        //CD: 11/06/2018 and DB: 15/06/2000. Will turned 18 on 15/06/2018.
                        if (dtCurrent.getDate() < dtDOB.getDate()) {
                            return false;
                        }
                    }
                }
                lblError.innerHTML = "";
                return true;
            } else {
                lblError.innerHTML = "Enter date in dd/MM/yyyy format ONLY."
                return false;
            }
        }*/
    </script>
<body>
    <!--header start-->

    <!--main content start-->
    <section id="main-content" style=" margin-right:110px;">
      <section class="wrapper">
        <div class="row">
          <div class="col-lg-12">
            <h3 class="page-header"><i class="fa fa-file-text-o"></i>Add voter</h3>
            <ol class="breadcrumb">
              <li><i class="fa fa-home"></i>Home</li>
              <li><i class="icon_document_alt"></i>Voter</li>
              <li><i class="fa fa-file-text-o"></i>Add Voter</li>
            </ol>
          </div>
        </div>
        <div class="row">
          <div class="col-lg-12">
            <section class="panel">
              <header class="panel-heading">
                Voter
              </header>
              <div class="panel-body">
                  <form class="form-horizontal" method="post" enctype="multipart/form-data" action="add_voter">
                       {% csrf_token %}
                     <div class="form-group">
                    <label class="col-sm-2 control-label">Voter Image</label>
                          <div class="col-lg-2 col-sm-2">
                            <div class="follow-ava2" style="position: relative; left:50px;">
                                <img id="output" src="{% static 'images/user2.png' %}" alt="Upload Image"
                                style="max-height:150px; max-width: 150px; min-width: 150px; min-height: 150px;
                                border-top-left-radius: 50% 50%;
                                    border-top-right-radius: 50% 50%;
                                    border-bottom-left-radius: 50% 50%;
                                    border-bottom-right-radius: 50% 50%;">
                            </div>
                          </div>
                    <div class="col-sm-10">
                      <input type="file" required accept="image/*" name="vphoto" onchange="loadfile(event)" style="position: relative; left: 90px;" >
                        <script>
                            var loadfile = function(event){
                                var output = document.getElementById('output');
                                output.src = URL.createObjectURL(event.target.files[0]);
                                output.onload = function(){
                                    URL.revokeObjectURL(output.src)
                                }
                            };
                        </script>
                    </div>
                  </div>
                    <div class="form-group">
                    <label class="col-sm-2 control-label">Voter ID</label>
                    <div class="col-sm-10">
                      <input type="text" class="form-control round-input" name="vid" required maxlength="10" pattern="^[A-Z0-9]{10}$"
                        onchange="this.setCustomValidity(this.validity.patternMismatch ? this.title : '');
                        if(this.checkValidity()) form.pwd2.pattern = RegExp.escape(this.value);"
                        title="Only A-Z and 0-9 allowed minimum 10 characters" style="width:80%;">
                    </div>
                  </div>
                      <div class="form-group">
                    <label class="col-sm-2 control-label">Name</label>
                    <div class="col-sm-10">
                      <input type="text" name="name" required class="form-control round-input" oninput="this.setCustomValidity('')"
                            oninvalid="this.setCustomValidity('Enter Name')" style="width:80%;">
                    </div>
                  </div>
                      <div class="form-group">
                    <label class="col-sm-2 control-label">Father Name</label>
                    <div class="col-sm-10">
                      <input type="text" required  name="fname" class="form-control round-input"  oninput="this.setCustomValidity('')"
                            oninvalid="this.setCustomValidity('Enter Father Name')" style="width:80%;">
                    </div>
                  </div>
                      <div class="form-group">
                    <label class="col-sm-2 control-label">Gender</label>
                    <div class="col-sm-10">
                        <select name="gender"  class="form-control round-input" required style="width:80%;">
                            <option selected value="">Gender</option>
                            <option value="Male">Male</option>
                            <option value="Female">Female</option>
                            <option value="Others">Others</option>
                        </select>
                    </div>
                  </div>
                      <div class="form-group">
                    <label class="col-sm-2 control-label">Date of Birth</label>
                    <div class="col-sm-10">
                      <input type="date" required name="dob" id="dob" placeholder="For example: 02/04/1998"
                             style="width:80%;"  class="form-control round-input">
                        <span class="error" id="lblError"></span>
                    </div>
                  </div>
                      <div class="form-group">
                    <label class="col-sm-2 control-label">Address</label>
                    <div class="col-sm-10">
                        <textarea required name="address" class="form-control round-input" style="width:80%;"></textarea>
                    </div>
                  </div>
                       <div class="form-group">
                    <label class="col-sm-2 control-label">Pincode</label>
                    <div class="col-sm-10">
                         <input type="text" name="pincode" required maxlength="6" pattern="[0-9]{6}$"
                                class="form-control round-input" style="width:80%;">
                    </div>
                  </div>
                      <div class="form-group">
                    <label class="col-sm-2 control-label">Mobile Number</label>
                    <div class="col-sm-10">
                      <input type="tel" pattern="[6-9]{1}[0-9]{9}" oninput="this.setCustomValidity('')" style="width:80%;"
                            oninvalid="this.setCustomValidity('Enter your Number')" required maxlength="10" name="mno" id="mno" class="form-control round-input">
                    </div>
                  </div>
                      <div class="form-group">
                    <label class="col-sm-2 control-label">State/UT</label>
                    <div class="col-sm-10">
                      <select name="state" id="state" class="form-control round-input" style="width:80%;"
                              required onchange="st(this.id,'ParliamentaryConstituency')" oninvalid="this.setCustomValidity('Select State')">
                            <option value="">State/UT</option>
                            <option value="ANDAMAN AND NICOBAR ISLANDS">ANDAMAN AND NICOBAR ISLANDS</option>
                            <option value="ANDHRA PRADESH">ANDHRA PRADESH</option>
                            <option value="ARUNACHAL PRADESH">ARUNACHAL PRADESH</option>
                            <option value="ASSAM">ASSAM</option>
                            <option value="BIHAR">BIHAR</option>
                            <option value="CHANDIGARH">CHANDIGARH</option>
                            <option value="CHHATTISGARH">CHHATTISGARH</option>
                            <option value="DADRA &amp; NAGAR HAVELI">DADRA &amp; NAGAR HAVELI</option>
                            <option value="DAMAN &amp; DIU">DAMAN &amp; DIU</option>
                            <option value="GOA">GOA</option>
                            <option value="GUJARAT">GUJARAT</option>
                            <option value="HARYANA">HARYANA</option>
                            <option value="HIMACHAL PRADESH">HIMACHAL PRADESH</option>
                            <option value="JAMMU & KASHMIR">JAMMU & KASHMIR</option>
                            <option value="JHARKHAND">JHARKHAND</option>
                            <option value="KARNATAKA">KARNATAKA</option>
                            <option value="KERALA">KERALA</option>
                            <option value="LAKSHADWEEP">LAKSHADWEEP</option>
                            <option value="MADHYA PRADESH">MADHYA PRADESH</option>
                            <option value="MAHARASHTRA">MAHARASHTRA</option>
                            <option value="MANIPUR">MANIPUR</option>
                            <option value="MEGHALAYA">MEGHALAYA</option>
                            <option value="MIZORAM">MIZORAM</option>
                            <option value="NAGALAND">NAGALAND</option>
                            <option value="NCT OF DELHI">NCT OF DELHI </option>
                            <option value="ODISHA">ODISHA</option>
                            <option value="PUDUCHERRY">PUDUCHERRY</option>
                            <option value="PUNJAB">PUNJAB</option>
                            <option value="RAJASTHAN">RAJASTHAN</option>
                            <option value="SIKKIM">SIKKIM</option>
                            <option value="TAMIL NADU">TAMIL NADU</option>
                            <option value="TELANGANA">TELANGANA</option>
                            <option value="TRIPURA">TRIPURA</option>
                            <option value="UTTAR PRADESH">UTTAR PRADESH</option>
                            <option value="UTTARAKHAND">UTTARAKHAND</option>
                            <option value="WEST BENGAL">WEST BENGAL</option>
                        </select>
                    </div>
                  </div>
                       <div class="form-group">
                    <label class="col-sm-2 control-label">Parliamentary Constituency</label>
                    <div class="col-sm-10">
                      <select name="ParliamentaryConstituency" class="form-control round-input" style="width:80%;" required id="ParliamentaryConstituency" oninvalid="this.setCustomValidity('Select Parliamentary Constituency')"  onchange="st2(this.id,'AssemblyConstituency')">
                            <option value="">Parliamentary Constituency</option>
                        </select>
                    </div>
                  </div>
                       <div class="form-group">
                    <label class="col-sm-2 control-label">Assembly Constituency</label>
                    <div class="col-sm-10">
                     <select name="AssemblyConstituency" class="form-control round-input" style="width:80%;" required id="AssemblyConstituency"  oninvalid="this.setCustomValidity('Select Assembly Constituency')">
                            <option value="">Assembly Constituency</option>
                        </select>
                    </div>
                  </div>
                <div class="form-group">
                      <div class="col-lg-offset-2 col-lg-10">
                        <button class="btn btn-primary" type="submit">Submit</button>
                        <button class="btn btn-default" type="reset">Reset</button>
                      </div>
                    </div> 
                      <div class="form-group">
                      <div class="col-lg-offset-2 col-lg-10">
                        {% for message in messages %}
                            <h3 style="color: green;"> {{message}} </h3>
                            {% endfor %}
                      </div>
                    </div>
                </form>
              </div>
            </section>
            </div>
          </div>
      </section>
      </section>
</body>
 {% endblock content %}