{% extends "conferenceapp/layout.html" %}
{% block style %}
{% endblock %}
{% block content %}

<div class ="container">

  <div class="alert alert-success text-center successMessage alert-dismissible" id="addMsg" style="display:none;">
            <p class="close close_id"  aria-label="close">&times;</p>
            <img src="/static/images/right.png" width="21px" height="21px"><span id="addmsg"></span>
      </div>

      <div class="alert alert-success text-center successMessage alert-dismissible" id="success_Msg" style="display:none;">
         <p class="close close_id"  aria-label="close">&times;</p>
         <img src="/static/images/right.png" width="21px" height="21px"><span id="success_msg"></span>
      </div>

   <div class="row">
        <div class="col-lg-12 col-md-12 col-sm-12 text-right">
            <a class="btn btn-danger float-right mt-3" type="button" id="back" href="{{ url_for('confapp.ActiveConferenceList') }}">Back</a>
        </div>
    </div>


   <form id="info_form" method="POST">        
      <div class="container col-md-8 mt-3" style="background-color:white;">
         <div class="col-sm-12" >
           
            <div class="row pt-3">
               <div class="col-sm-12">
                  <div class="row pt-3">
                     <div class="col-sm-2">
                     </div>
                     <div class="col-sm-8 form-group">
                        <h2 style="text-align:center;"><b>{{conf.conf_name}} - Free Delegate Registration</b></h2>
                     </div>
                     <div class="col-sm-2">
                        <p align="right">  
                           <button type="button" class="btn btn-danger btn-sm   text-uppercase" name="cancel_btn" id="cancel_btn"  >Reset</button>
                        </p>
                     </div>
                  </div>
               </div>
            </div>
                 

            <div class="row">
               <input type="text" class="form-control" name="conf_id" id="conf_id"  value="{{conf.conf_id}}" hidden>
               <input type="text" class="form-control" name="conf_key" id="conf_key"  value="{{conf.conf_key}}" hidden>
               <input type="text" class="form-control" name="register_id" id="register_id" value="" hidden>
               <div class="col-sm-4">
                  <label>Role <span class="mand"></span> <br></label>
               </div>
               <div class="col-sm-8 form-group">   
                 <select class = "form-control" id = "role" name = "role">
                     {% if badge_role %}
                     {% for role in badge_role %}
                     <option value = "{{role.b_role}}_{{role.range_1 or 1 }}"> {{role.b_role}} </option>
                        {% if role.b_role == "DELEGATE" %}
                             <option value = "{{role.b_role}}_{{role.range_1 or 1 }}" selected> {{role.b_role}} </option>
                        {% endif %}
                     {% endfor %}
                     {% else %}
                     <option value = "DELEGATE" >DELEGATE</option>
                     {% endif %}
                  </select>
               </div>
            </div>
            
            <div class="row">
               <div class="col-sm-4">
                  <label>Membership no.<span class="mand"></span> <br></label>
               </div>
               <div class="col-sm-8 form-group">   
                  <input type="text"  name="membership_no" id="membership_no"  value="" placeholder="Enter Membership no" class="form-control" >
               </div>
            </div>
            
            <div class="row">
               <div class="col-sm-4 ">
                  <label>Prefix <span class="mand"></span></label>
               </div>
               <div class="col-sm-8 form-group">
                  <select class="form-control w-100 " id="prefix" name="prefix" >
                     <option value="" id="select"> Select  Prefix</option>
                     <option value="Dr." > Dr. </option>
                     <option value="Prof."> Prof. </option>
                     <option value="Mr." > Mr. </option>
                     <option value="Mrs."> Mrs. </option>
                     <option value="Ms."> Ms. </option>
                  </select>
               </div>
            </div>
            <div class="row ">
               <div class="col-sm-4">
                  <label>Full Name <span class="mand"></span> <br> </label>
               </div>
               <div class="col-sm-8 form-group">
                  <input type="text" class="form-control" name="full_name" id="full_name" placeholder="Enter Full Name" value="" maxlength="100" >
               </div>
            </div>
            <div class="row">
               <div class="col-sm-4 ">
                  <label>Email Id <span class="mand"></span> <br></label>
               </div>
               <div class="col-sm-8 form-group">  
                  <input type="email" class="form-control" name="email" id="email" placeholder="Enter Email-Id" value="" maxlength="80" >
                  <button type="button" class="btn btn-outline-danger btn-sm mt-1" name="search_email_btn" id="search_email_btn" title="Search Email" value="Search Email Id"><i class="bi bi-search" aria-hidden="true"></i></button>&nbsp;
                  <label style="font-size: small;">Check registered delegates with this email id</label>
               </div>
            </div>
            <div class="row">
               <div class="col-sm-4">
                  <label>Mobile No <span class="mand" ></span></label>
               </div>
               <div class="col-sm-8 form-group">
                  <input type="text" class="form-control" id="mobile" name="mobile" value="" oninput="this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*)\./g, '$1');" maxlength="15" placeholder="Enter Mobile no." >
                  <button type="button" class="btn btn-outline-danger btn-sm mt-1"  name="search_mobile_btn" id="search_mobile_btn" title="Search Mobile" value="Search Mobile Number"><i class="bi bi-search" aria-hidden="true"></i></button>&nbsp;
                  <label style="font-size: small;">Check registered delegates with this mobile no.</label>
               </div>
            </div>
            
            <div class="row">
               <div class="col-sm-4">
                  <label>DOB <br> <span class="text-black h6">( DD-MM-YYYY )</span></label>
                  <!-- <input type="text" class="form-control" name="date" /> -->
               </div>
               <div class="col-sm-8 form-group">   
                  <input type="text" class="form-control"  value = ""  name="dob"  id="dob" placeholder="DD-MM-YYYY" maxlength="10">
               </div>
            </div>
            
            <div class="row">
               <div class="col-sm-4">
                  <label>Gender <span class="mand"></span> <br></label><br>
               </div>
               <div class="col-sm-8 form-group">
                  <label hidden><input type="radio" class="gender_default" name="gender" id="gender" value="" checked></label>      
                  <label><input type="radio" name="gender" class="gender" id="gender" value="Male" > Male </label>&nbsp;&nbsp;&nbsp;
                  <label><input type="radio" name="gender" class="gender"  id="gender"  value="Female" > Female </label>&nbsp;&nbsp;
                  <label><input type="radio" name="gender" class="gender" id="gender"  value="Transgender" > Transgender</label>&nbsp;&nbsp;&nbsp;
                  <br>
                  <label id="gender-error" class="error" for="gender"></label>
               </div>
            </div>
            <div class="row ">
               <div class="col-sm-4">
                  <label>Medical Council Number</label>
               </div>
               <div class="col-sm-8 form-group">   
                  <input type="text" class="form-control" name="mc_number" id="mc_number" value="" placeholder="Enter MC Number" maxlength="60">
                  <br>
               </div>
            </div>
            <div class="row ">
               <div class="col-sm-4 ">
                  <label>Medical Council State</label>
               </div>
               <div class="col-sm-8 form-group">
                  <select class = "form-control" id = "mc_state_id" name = "mc_state_id">
               <option value = "" id = "select">Select mc state</option>
               </select>
                  <br>
               </div>
            </div>
            <div class="row">
               <div class="col-sm-4">
                  <label>City <span class="mand"></span> <br></label>
               </div>
               <div class="col-sm-8 form-group">   
                  <input type="text" class="form-control" name="city" id="city" placeholder="Enter City" value="" maxlength="40" >
               </div>
            </div>
            
        <div class="row">
         <div class="col-sm-4">
            <label>State</label>
         </div>
         <div class="col-sm-8 form-group wrapper">
            <select class = "form-control" id = "state_id" name = "state_id" >
                <option value = "" id = "select">Select Country First*</option>
            </select>
         </div>
      </div>     


      <div class="row">
         <div class="col-sm-4">
            <label>Country</label>
         </div>
         <div class="col-sm-8 form-group wrapper">   
            {% set user_country =  Helper.DefaultCountryID %} 
            <select class = "form-control" id ="country_id" name= "country_id" onchange="free_onchange_country()">
               {% if countries %}
                <option value = "" id = "select">Select Country*</option>
                  {% for country in countries %}
                     <option value = "{{country.country_id}}" {{ "selected" if country.country_id == user_country  }}> {{country.country_name}}</option>
                  {% endfor %}
               {% endif %}
            </select>
         </div>
      </div>

            <div class="row">
               <div class="col-sm-4">
                  <label>Payment Method <span class="mand"></span> <br></label>
               </div>
               <div class="col-sm-8 form-group"> 
               <!-- <input class ="form-control" type="text" name="method" value="free" >   -->
                  <select name="method" id="method" class=" form-control" >
                     <option value="Free" id="select">Free</option>
                   <!--   {% if payment_types %}
                     {% for pt in payment_types %}
                     <option value = "{{pt.payment_type}}">{{pt.payment_type}}</option>
                     {% endfor %}
                     {% endif %} -->
                  </select>
               </div>
            </div>

           <div class="row">
               <div class="col-sm-4">
                  <label>UTR Number <span class="mand"></span> <br></label>
               </div>
               <div class="col-sm-8 form-group">   
                 <input type="text" class="form-control" name="utr_number" id="utr_number" placeholder="Enter UTR Number" value="" maxlength="40" >
               </div>
            </div>   


             <!-- <div class="row">
               <div class="col-sm-4">
                  <label>Payment Screenshot <span class="mand"></span> <br></label>
               </div>
               <div class="col-sm-8 form-group">   
                 <a href="" target="_blank" id ="target_payment_screenshot" class="img">
                  <img src="" alt="" id ="view_payment_screenshot" style="max-width: 100px;" class="img">
                  <input type="hidden" name="attach_path" id = "attach_path" value= "">
                  <input type="hidden" name="attach_file_name" id ="attach_file_name" value= "">
                  </a>
                 </td>
               </div>
            </div>    -->


           <div class="row">
               <div class="col-sm-4">
                  <label>Remarks {{get_null_data}}<span class="mand"></span> <br></label>
               </div>
               <div class="col-sm-8 form-group">   
                  
                 <!-- <button type="button"  style="float: right;" class="btn btn-primary btn-sm" name="remove_default" id ="remove_default" >remove default</button>
                  <button type="button" style="float: right;" class="  set_default btn btn-danger btn-sm" name="set_default" id="set_default"  >Set Default</button> -->
                 <textarea type="text" name="remarks" id="remarks" class="form-control mt-1" value=""></textarea>

               </div>
            </div>

            <div class="row" hidden>
               <div class="col-sm-4">
                  <label>KIT <span class="mand"></span> <br></label>
               </div>
               <div class="col-sm-8 form-group">   
                  <input type="checkbox"  name="d_is_kit" id="d_is_kit"  value="1" checked>
               </div>
            </div>

            <div class="row">
               <div class="col-sm-12">
                  <div id="member_div">
                     <label id="reg_type_id-error" class="error" for="reg_type_id" style="display: none;text-align: center;"></label>
                  </div>
                  <div class="box" style="background-color: #FFF7F5;">
                      {% if reg_types :%}
                     {% for type in reg_types  %}
                     {%  set conf_ids = type.show_conf_ids.split(",") %}
                     {% if str(conf.conf_id) in str(conf_ids) %}    
                     <h2>{{ type.addon_type }} <span class="h6 ml-3 text-danger reg_error"  id="error_{{type.addon_type_id}}"></span> </h2>
                     <br/>
                     {% endif %}
                     {% if addons :%}
                        {% for item in addons %}
                           {% if type.addon_type_id == item.addon_type_id %}
                                    {% set addon_name_1 = item.display_name or item.user_type %}
                                    <label class="" for="addon_{{ item.addon_id }}">
                                 <input type="{{ type.input_type }}" name="{{ type.input_name }}" value="{{item.addon_id}}" id="addon_{{item.addon_id}}"
                                 {{ 'checked' if item.delegate_addon_id }}  class=" get_value {{ item.addon_name}} ">
                                 <b>{{ addon_name_1|safe }}</b>
                                 <input type="text" class="form-control"  name="addon_amount_{{ item.addon_id }}" value="{{ item.amount }}"></label>
                                 <hr>
                           {% endif %}
                        {% endfor %}
                        {% endif %}
                     {% endfor %}
                     {% endif %}
                  </div>
                </div>  
            </div>
            <div class="row mt-3">
               <div class="col-sm-4" >
                  <input type="checkbox" id="confirmation_mail" name="confirmation_mail" value="confirmation_mail" title="Send Confirmation Mail">
                     <label for="confirmation_mail" title="Send Confirmation Mail"> Confirmation Mail</label><br>
                      <input type="checkbox" id="receipt_mail" name="receipt_mail" value="receipt_mail" title="Send Receipt mail ">
                  <label for="receipt_mail" title="Send Receipt mail "> Receipt mail</label>
               </div>
               <div class="col-sm-4">
                  <div class="row">
                         <div class="col-lg-12 col-md-12 col-sm-12 text-center">
                           <label >Generate By :</label>
                               <select name="generate_by"  class=" form-control" id="generate_by">
                                  {% if generate_by_data %}
                                    {% for gb in generate_by_data %}
                                   <option value = "{{gb.full_name}}" id="generate_by">{{gb.full_name}}</option>
                                  {% endfor %}
                                    {% endif %}
                               </select>
                         </div>
                     </div>
               </div>
               <div class="col-sm-2 text-right mt-4">
                  <button class="add_btn btn btn-primary btn-lg   text-uppercase"  type="button" name="add_btn" id="add_btn" >register</button>
               </div>
            </div>
            <!-- <div class="row mt-3">-->
            <!--   <div class="col-sm-1" >-->
            <!--   </div>-->
            <!--   <div class="col-sm-5" >-->
            <!--      <input type="checkbox" id="confirmation_mail" name="confirmation_mail" value="confirmation_mail" title="Send Confirmation Mail">-->
            <!--         <label for="confirmation_mail" title="Send Confirmation Mail"> Confirmation Mail</label><br>-->
            <!--          <input type="checkbox" id="receipt_mail" name="receipt_mail" value="receipt_mail" title="Send Receipt mail ">-->
            <!--      <label for="receipt_mail" title="Send Receipt mail "> Receipt mail</label>-->
            <!--   </div>-->
            <!--   <div class="col-sm-6 text-right">-->
            <!--      <button class="add_btn btn btn-primary btn-lg  text-uppercase"  type="button" name="add_btn" id="add_btn" >register</button>-->
            <!--   </div>-->
            <!--</div>-->
            <br>
         </div>
      </div>
   </form>   
     </div> 
</div>





<!-- start Modal -->
<div class="modal fade " id="moreModalLong" class="moreModalLong  " tabindex="-1" role="dialog" aria-labelledby="exampleModalLongTitle" aria-hidden="true">
  <div class=" modal-dialog modal-lg modal-dialog-scrollable" style=  role="document">
    <div class="modal-content">
      <div class="modal-header ">
        <h5 class="modal-title" id="exampleModalLongTitle">Spot Delegate Details</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
       
<table class="table">
  <thead>
    <tr>
      <th scope="col">Register code</th>
      <th scope="col">Name</th>
      <th scope="col">Email</th>
      <th scope="col">Mobile</th>
      <th scope="col">Delegate No</th>
    </tr>
  </thead> 
   <tbody> 
      {% if get_spot_data : %}
         {% for row in get_spot_data: %}
            {% if row.delegate_no: %}
            <tr  style="color: green;">
               <td><button type="button" class="btn-link code_id"  style="color: green;" onclick="onclickListRegNo({{ row.register_id }})"> {{ row.register_id or " "}} </button></td>
               <td>{{row.full_name or " "}}</td>
               <td>{{row.email or " "}}</td>
               <td>{{row.mobile or " "}}</td>
               <td>   <a type="button" class="btn-link spot_delegate_no" href="{{ url_for('back_office.BoViewConfirmationDelegateMailNo',conf_id=conf.conf_id,conf_key=conf.conf_key,delegate_no=row.delegate_no) }}"  target="_blank" > {{row.delegate_no or "-"}}  </a></td>
            </tr>
            {% else: %}
            <tr style="color: red;">
               <td><button type="button" class="btn-link code_id"  style="color: red;"  onclick="onclickListRegNo({{ row.register_id }})"> {{ row.register_id or " "}} </button></td>
               <td>{{row.full_name or " "}}</td>
               <td>{{row.email or " "}}</td>
               <td>{{row.mobile or " "}}</td>
               <td></td>
            </tr>
            {% endif %}

         {% endfor %}
         {% endif %}
   </tbody>  
</table>       
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
      </div>
    </div>
  </div>
</div>  

<!-- end model -->
 
<div class="modal" id="search_modal">
    <div class="modal-dialog modal-lg">
      <div class="modal-content">
          <div class="modal-header">
             <h4 class="modal-title">Verify Details</h4>
             <button type="button" class="close" data-dismiss="modal">&times;</button>
          </div>
          <div class="modal-body">
           <div id="search_modal_body">
           </div>
          </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>
        </div>
      </div>
    </div>
  </div>
<br><br><br><br><br>
{% endblock %}   
{% block bottomscript %} 
<script type="text/javascript">

   var BaseUrl = document.location.origin;
    $('input[name="dob"]').mask('00-00-0000');

$( ".delegate_update_success" ).click(function() {
    location.reload();
});

 $(document).on("click",".code_id",function(e)
   {
      e.preventDefault();
      $("#moreModalLong .close").click();
      
   })



$(document).on('click','#reg_search_btn' ,function(e)
         {
            e.preventDefault();
            var register_no     = $("#register_no").val();

            onclickGoReg(register_no); 
        });   


   $(document).on('click','#add_btn' ,function(e)
         {
            // e.preventDefault();
            var conf_id         = $("#conf_id").val();
            var conf_key        = $("#conf_key").val();
            ShowProgress();
            $.ajax({ 
            type: 'POST',
            data: $('#info_form').serialize(),
            url: BaseUrl+"/"+conf_id+"/"+conf_key+"/post_free_reg",             
            dataType: "json",    
      
            success: function(d){
               if(d.status == 1)
               {    
                  StopProgress();
                     $(".successMessage").hide();
                     $("#addMsg").show();
                     $("#success_Msg").show();
                     $("#addmsg").html(d.msg);
                     $("#success_msg").html(d.success_msg);
                     $("#spot_error").hide();
                     $("#register_no").val('');

                     $('#attach_path').val('');
                     $('#attach_file_name').val('');

                     $('#view_payment_screenshot').attr("src",'');
                     $('#target_payment_screenshot').attr("href",'');
                     clearfields();   
                      topFunction();
               }
               else
               {
                  StopProgress();
                  if(d.msg != "")
                  {
                      $(".successMessage").hide();
                      $("#JsErrorMsg").show();
                      $("#JsErrorMsg").html(d.msg);
                       window.setTimeout(function () {$("#JsErrorMsg").hide();}, 60000);
                       topFunction();
                  }
                  else if(d.reg_validation)
                  {  
                     lst =  d.reg_validation
                     console.log(lst[0].key)
                     for(var i = 0; i < lst.length; i++)
                     {
                         $("#error_"+ lst[i].key).html(lst[i].msg);
                     };
                     topFunction();
                     errorscrollreg();
                  }
                  
               }        
            }
         });
            
           
        });
    $(document).on('click','#cancel_btn' ,function(e)
         {  
             clearfields();
            
               
         });
    $(document).on('click','#clear_btn' ,function(e)
         {  
             clearfield();
            
               
         });

   

    // start here 

   $(document).on('click','#search_email_btn' ,function(e)
         {  
             var email = $("#email").val();
            check_email(email); 
         });


    $(document).on('click','#search_mobile_btn' ,function(e)
         {  
            var mobile           = $("#mobile").val();
           check_mobile(mobile);        
         });


    //   $(document).on("change","#email",function(e){   
    //      e.preventDefault();
    //       var email = $("#email").val();
    //       check_email(email);
    //   });
     
    //   $(document).on("change","#mobile",function(e){   
    //      e.preventDefault();
    //       var mobile = $("#mobile").val();
    //       check_mobile(mobile);
    //   });











// $(document).on('click','#set_default' ,function(e)
//          {
//          var remarks        = $("#remarks").val();

//          if (remarks.length == 0) {  
//          alert("please enter remark")
//          return false;
//            }
//          else{

//             var conf_id         = $("#conf_id").val();
//             var conf_key         = $("#conf_key").val();
//             var remarks        = $("#remarks").val();

//              $.ajax({ 
//                   type: 'POST',
//                   url: BaseUrl+"/"+conf_id+"/"+conf_key+"/free_common_spot_remark",
//                   data: {
//                      'conf_id':conf_id,
//                      'conf_key':conf_key,
//                      'remark_new':remarks
//                   },
//                   dataType: 'html',

//                   success: function(data){
//                      var data_1  = JSON.parse(data);
//                      var remark = data_1.remark_data;
//                      var status = data_1.status;
//                      if(status == 1)
//                      {
//                         $("#remove_default").show(); 
//                         $("#set_default").hide();

//                      }
                          
                   
//                   }



                
//                });
//           }

//          });



// $(document).on('click','#remove_default' ,function(e)
//          {
//              var conf_id         = $("#conf_id").val();
//             var conf_key         = $("#conf_key").val();
        


//              $.ajax({ 
//                   type: 'POST',
//                   url: BaseUrl+"/"+conf_id+"/"+conf_key+"/free_common_remove_default",
//                   data: {
//                      'conf_id':conf_id,
//                      'conf_key':conf_key,
//                      'remark_new':null,
//                      'is_default' : 0
//                   },
//                   dataType: 'html',

//                   success: function(data){
//                      var data_1  = JSON.parse(data);
//                      var remark = data_1.remark_data;
//                      var status = data_1.status;
//                      if(status == 1)
//                      {
//                         $('input[name="remove_default"],textarea').val('');
//                      }
//                      $("#set_default").show();
//                      $("#remove_default").hide();
//                   }
                
//                });
//          });


function onclickListRegNo(register_no) {
  
       onclickGoReg(register_no);
}

function onclickGoReg(register_no) {
            var conf_id         = $("#conf_id").val();
            var conf_key        = $("#conf_key").val();
          
            ShowProgress();
            $.ajax({ 
            type: 'POST',
            data: {
               'register_no':register_no,'conf_id':conf_id,'conf_key':conf_key
            },
            url: BaseUrl+"/"+conf_id+"/"+conf_key+"/free_search_register",             
            dataType: "json",    
      
            success: function(d){
               if(d['status'] == 1)
               {    
                  // alert("if");
                     StopProgress();
                     $([document.documentElement, document.body]).animate({
                        scrollTop: $("#cancel_btn").offset().top
                     }, 1000);
                     $("#spot_error").hide();
                     $('#prefix').val(d['user']['prefix']);        
                     $('#full_name').val(d['user']['full_name']);     
                     $('#email').val(d['user']['email']);         
                     $('#mobile').val(d['user']['mobile']);              
                     $('#membership_no').val(d['user']['membership_no']); 
                     $('#city').val(d['user']['city']);
                     $("input[name=gender][value='"+d['user']['gender']+"']").prop("checked",true);        
                     $('#state_id').val(d['user']['state_id']);      
                     $('#mc_state_id').val(d['user']['mc_state_id']);
                     $('#mc_number').val(d['user']['mc_number']);   
                     $('#country_id').val(d['user']['country_id']);
                     $('#address_1').val(d['user']['address_1']);
                     $('#address_2').val(d['user']['address_2']);
                     $('#address_3').val(d['user']['address_3']);          
                     $('#register_id').val(register_no);
                     topFunction();
                     // clearfields();
                     

                      topFunction();
               }
               else if (d['status'] == 2)
               {
                  // alert("else");
                  StopProgress();
                  $("#spot_error").show();
                  $('#spot_error').html(d['msg']);
                  $('#prefix').val(d['user']['prefix']);        
                  $('#full_name').val(d['user']['full_name']);     
                  $('#email').val(d['user']['email']);         
                  $('#mobile').val(d['user']['mobile']);              
                  $('#membership_no').val(d['user']['membership_no']); 
                  $('#city').val(d['user']['city']);
                  $("input[name=gender][value='"+d['user']['gender']+"']").prop("checked",true);        
                  $('#state_id').val(d['user']['state_id']);      
                  $('#mc_state_id').val(d['user']['mc_state_id']);
                  $('#mc_number').val(d['user']['mc_number']);   
                  $('#country_id').val(d['user']['country_id']);
                  $('#address_1').val(d['user']['address_1']);
                  $('#address_2').val(d['user']['address_2']);
                  $('#address_3').val(d['user']['address_3']);          
                  $('#register_id').val('');
                  topFunction();
               }
               else
               {
                  // alert("else 2");
                  StopProgress();
                  $("#spot_error").show();
                  $('#spot_error').html(d['msg']);
                  clearfields();

               }        
            }
         });
            
}


      function checkingremark() {

          var remarks        = $("#remarks").val();
          
          if (remarks.length == 0) {
            $("#remove_default").hide();
             $("#set_default").show();

           

          }
          else{
            $("#remove_default").show();
            $("#set_default").hide();
          }
      }

     function check_email(email) {

         var conf_id          = $("#conf_id").val();
          var conf_key         = $("#conf_key").val();

             if(IsEmail(email) == true ){
              
               ShowProgress();
                $.ajax({ 
                  type: "POST",
                  data: { 'search_data': email },
                  url: BaseUrl+"/"+conf_id+"/"+conf_key+"/free_search_alerady_registered_delegate_details",             
                  dataType: "json",
                  success: function (data) {
                      if(data != null )
                   {
                  
                        $('#search_modal').modal('show');
                        $("#search_modal_body").html(data); 
                        StopProgress();   
                             
                   } 
                   else{
                     // alert("This Email ID is not Registered..");
                     StopProgress(); 
                   }
                  
                  },
             });  
          }
      }
       function check_mobile(mobile) {
         var conf_id          = $("#conf_id").val();
         var conf_key         = $("#conf_key").val();
             if( IsMobile(mobile) == true ){  
               ShowProgress();
                $.ajax({ 
                  type: "POST",
                  data: { 'search_data': mobile },
                  url: BaseUrl+"/"+conf_id+"/"+conf_key+"/free_search_alerady_registered_delegate_details",             
                  dataType: "json",
                  success: function (data) {
                      if(data != null )
                   {
                        $('#search_modal').modal('show');
                        $("#search_modal_body").html(data); 
                        StopProgress();         
                   } 
                   else{
                     // alert("This Mobile Number is not Registered..");
                     StopProgress(); 
                   }
                  
                  },
             });  
          }
      }


      function IsEmail(email) {
             var regex = /^([a-zA-Z0-9_\.\-\+])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
             if (!regex.test(email)) 
             {   
                 return false;
             }
             else 
             {
                 return true;
             }
         }


      function IsMobile(mobile) {
         if(mobile.length >= 10){
          var filter = /^((\+[1-9]{1,4}[ \-]*)|(\([0-9]{2,3}\)[ \-]*)|([0-9]{2,4})[ \-]*)*?[0-9]{3,4}?[ \-]*[0-9]{3,4}?$/;
          if (filter.test(mobile)) {
              return true;
          }
          else {
              return false;
          }
         }
      }
     
      // end here 

    $(document).ready(function(){

       checkingremark();
    $("#full_name").keypress(function(event){
        var inputValue = event.charCode;
        if(!(inputValue >= 65 && inputValue <= 90 || inputValue >= 97 && inputValue <= 122) && (inputValue != 32 && inputValue != 0)){
            event.preventDefault();
        }
    });
    free_onchange_country();
    $("#spot_error").val('');


   });

$(document).on('click','#reg_search_btn' ,function(e)
         {
            e.preventDefault();
            var conf_id         = $("#conf_id").val();
            var conf_key        = $("#conf_key").val();
            var register_no     = $("#register_no").val();
            ShowProgress();
            $.ajax({ 
            type: 'POST',
            data: {
               'register_no':register_no,'conf_id':conf_id,'conf_key':conf_key
            },
            url: BaseUrl+"/"+conf_id+"/"+conf_key+"/free_search_register",             
            dataType: "json",    
      
            success: function(d){
               if(d['status'] == 1)
               {    
                     StopProgress();
                     $([document.documentElement, document.body]).animate({
                        scrollTop: $("#cancel_btn").offset().top
                     }, 1000);
                     $("#spot_error").hide();
                     $('#prefix').val(d['user']['prefix']);        
                     $('#full_name').val(d['user']['full_name']);     
                     $('#email').val(d['user']['email']);         
                     $('#mobile').val(d['user']['mobile']);              
                     $('#membership_no').val(d['user']['membership_no']); 
                     $('#city').val(d['user']['city']);
                     $("input[name=gender][value='"+d['user']['gender']+"']").prop("checked",true);        
                     $('#state_id').val(d['user']['state_id']);      
                     $('#mc_state_id').val(d['user']['mc_state_id']);
                     $('#mc_number').val(d['user']['mc_number']);   
                     $('#country_id').val(d['user']['country_id']);
                     $('#address_1').val(d['user']['address_1']);
                     $('#address_2').val(d['user']['address_2']);
                     $('#address_3').val(d['user']['address_3']);

                     $('#attach_path').val(d['user']['attach_path']);
                     $('#attach_file_name').val(d['user']['attach_file_name']);

                     $('#view_payment_screenshot').attr("src",d.payment_screenshot);
                     $('#target_payment_screenshot').attr("href",d.payment_screenshot);
                     $('#utr_number').val(d['user']['utr_number']);

                     $('#method').val(d['user']['payment_method']).attr("selected", "selected");

                     $('#register_id').val(register_no);
                     topFunction();
                     // clearfields();
                     

                      topFunction();
               }
               else if (d['status'] == 2)
               {
                  StopProgress();
                  $("#spot_error").show();
                  $('#spot_error').html(d['msg']);
                  $('#prefix').val(d['user']['prefix']);        
                  $('#full_name').val(d['user']['full_name']);     
                  $('#email').val(d['user']['email']);         
                  $('#mobile').val(d['user']['mobile']);              
                  $('#membership_no').val(d['user']['membership_no']); 
                  $('#city').val(d['user']['city']);
                  $("input[name=gender][value='"+d['user']['gender']+"']").prop("checked",true);        
                  $('#state_id').val(d['user']['state_id']);      
                  $('#mc_state_id').val(d['user']['mc_state_id']);
                  $('#mc_number').val(d['user']['mc_number']);   
                  $('#country_id').val(d['user']['country_id']);
                  $('#address_1').val(d['user']['address_1']);
                  $('#address_2').val(d['user']['address_2']);
                  $('#address_3').val(d['user']['address_3']);

                  $('#attach_path').val(d['user']['attach_path']);
                  $('#attach_file_name').val(d['user']['attach_file_name']);   


                  $("#view_payment_screenshot").attr('src',d.payment_screenshot );
                  $('#target_payment_screenshot').attr("href",d.payment_screenshot);
                  $('#utr_number').val(d['user']['utr_number']);

                  $('#method').val(d['user']['payment_method']).attr("selected", "selected");

                  $('#register_id').val('');
                  topFunction();
               }
               else
               {
                  StopProgress();
                  $("#spot_error").show();
                  $('#spot_error').html(d['msg']);
                  clearfields();
               }        
            }
         });
            
           
        });   

    function free_onchange_country()
   {

    var country_id      =$("#country_id").val();
    var conf_id         = $("#conf_id").val();
    var conf_key        = $("#conf_key").val();

    
    $.ajax({
        type: 'GET', 
        url: BaseUrl+"/"+conf_id+"/"+conf_key+"/state", 
        data:{
          'country_id':country_id
        }, 
        dataType: 'json',
        success: function(data){
            $("#state_id").empty();
            $("#mc_state_id").empty();
            $("#state_id").append($("<option></option>").val('').html('Select State'));
            $("#mc_state_id").append($("<option></option>").val('').html('Select MC State'));  
            $.each(data, function (i, state) 
            {  
                $("#state_id").append($("<option></option>").val(state.state_id).html(state.state_name));
                $("#mc_state_id").append($("<option></option>").val(state.state_id).html(state.state_name)); 
            })
            //For edit state select from user table    
            
            if(!$("#state_id").val())
            {
               $("#state_id").val('')                  
            }
            if(!$("#mc_state_id").val())
            {
               $("#mc_state_id").val('')                  
            }
        },
        error: function(XMLHttpRequest, textStatus, errorThrown) { 
        } 
                                            
    });
 }

      function clearfields() {
         $("#full_name").val('');
         $("#prefix").val('');
         $("#email").val('');
         $("#mobile").val('');
         $("#city").val('');
         $("#state_id").val('');
         $("#mc_state_id").val('');
         $("#mc_number").val('');
         $("#membership_no").val('');
         $('#d_is_kit').prop('checked', false);
         $('input[type="radio"]').prop('checked', false);
         $("#payment_method").val('');
         $(".gender_default").prop("checked" , true);
         $(".gender").prop("checked" , false); 
         $("#utr_number").val('');
         $("#remarks").val('');
         $(".reg_error").empty('');
         $("#register_id").val('');

         $("#method").val('');

         $("#attach_path").val(''); 
         $("#attach_file_name").val('');

         $(".img").attr('src','' );
         $(".img").attr("href",'');
         
         topFunction();
      }


      function clearfield() {
         $("#register_no").val('');
         $("#spot_error").empty('');
         topFunction();
      }


      
    function topFunction() {
      document.body.scrollTop = 0;
      document.documentElement.scrollTop = 0;
    } 
    
    function errorscrollreg() {
      const element = document.getElementById("country_id");
      element.scrollIntoView();
    }


    function scrollreg() {
      const element = document.getElementById("full_name");
      element.scrollIntoView();
    }

    function ShowProgress()
{
    var text = 'loading data.. please wait..';

    if(jQuery('body').find('#resultLoading').attr('id') != 'resultLoading'){
     jQuery('body').append('<div id="resultLoading" style="display:none"><div><img src="'+document.location.origin+'/static/images/ajax-loader.gif"><div>'+text+'</div></div><div class="bg"></div></div>');
     // jQuery('body').append('<div id="resultLoading" style="display:none"><div><div>'+text+'</div></div><div class="bg"></div></div>');
     }

    jQuery('#resultLoading').css({
        'width':'100%',
        'height':'100%',
        'position':'fixed',
        'z-index':'10000000',
        'top':'0',
        'left':'0',
        'right':'0',
        'bottom':'0',
        'margin':'auto'
    });

    jQuery('#resultLoading .bg').css({
        'background':'#000000',
        'opacity':'0.7',
        'width':'100%',
        'height':'100%',
        'position':'absolute',
        'top':'0'
    });

    jQuery('#resultLoading>div:first').css({
        'width': '250px',
        'height':'75px',
        'text-align': 'center',
        'position': 'fixed',
        'top':'0',
        'left':'0',
        'right':'0',
        'bottom':'0',
        'margin':'auto',
        'font-size':'16px',
        'z-index':'10',
        'color':'#ffffff'

    });

    jQuery('#resultLoading .bg').height('100%');
       jQuery('#resultLoading').fadeIn(300);
    jQuery('body').css('cursor', 'wait');
}


jQuery.validator.addMethod("validDate", function(value, element) {
           return this.optional(element) || moment(value,"DD-MM-YYYY").isValid();
       }, "Please enter a valid date in the format DD-MM-YYYY");
      
      jQuery.validator.addMethod("validdate", function(value, element) {
          return this.optional(element) ||  /^\d{1,2}\-\d{1,2}\-\d{4}$/.test(value);
      }, "Please enter valid date.");
function StopProgress()
{
    jQuery('#resultLoading .bg').height('100%');
       jQuery('#resultLoading').fadeOut(300);
    jQuery('body').css('cursor', 'default');
}   
 $(document).on('click','.close_id',function(e)
    {
      e.preventDefault();
      $("#addMsg").hide();
      $("#addmsg").text('');
      $("#success_Msg").hide();
      $("#success_msg").text();
      window.location.reload();
    });


      
</script>


{% endblock %}