{% extends "conferenceapp/layout.html" %}
{% block style %}
<style type="text/css">
    /**  mobile responsive  start**/

 @media screen and (max-width: 600px) {

  .mobile-responsive table {
    border: 0;
    border-collapse: collapse;
  }

 .mobile-responsive table thead {
    display:none;
  }
  .mobile-responsive table th {
    display:none;
  }
  
 .mobile-responsive table tr {
    margin-bottom: 20px;
    display: block;
    border-bottom: 2px thin #faf5f5;
    box-shadow: 2px 2px 1px #dadada;
    border-collapse: collapse;

  }



 .mobile-responsive table td {
    display: block;
    text-align: right;
    font-size: 15px;
    border-collapse: collapse;
    padding: 25px;
  }

 .mobile-responsive table td:last-child {
    border-bottom: 0;
  }

 .mobile-responsive table td::before {
    content: attr(data-label);
    float: left;
    text-transform: uppercase;
    font-weight: bold;
    
  }

  /* .mobile-responsive tbody{
    line-height:0!important;
  } */
  .sidebar {
    width: 100%;
    height: auto;
    position: relative;
  }
  .sidebar a {float: left;}
  div.content {margin-left: 0;}
  .sidebar a {
    text-align: center;
    float: none;
  }
  
}


/*****  mobile responsive end ****/

.fa-duotone, .fad {
    position: inherit;
    font-weight: 1000;
    padding-top: 0px;
    padding-bottom: 0px;
    letter-spacing: normal;
    margin-left: 5px;
}

.fa-2x {
    font-size: 1.75rem;
}
.table .thead-light th {
    color: white;
    background-color: #072645;
    border-color: #dee2e6;
}
</style>
{% endblock %}
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/selectize.js/0.15.2/css/selectize.default.min.css" integrity="sha512-pTaEn+6gF1IeWv3W1+7X7eM60TFu/agjgoHmYhAfLEU8Phuf6JKiiE8YmsNC0aCgQv4192s4Vai8YZ6VNM6vyQ==" crossorigin="anonymous" referrerpolicy="no-referrer"/>
{% block content %}

<div class="mt-5 ml-2 mr-2">
    <div class="row">
    <div class="col-lg-12 col-md-12 col-sm-12  text-center">
            <a class="btn btn-danger float-right mt-3" type="button" id="back" href="{{ url_for('confapp.BackToHome') }}">Back</a>
            <h2>Delegate Details</h2>
        </div>
    </div>
    {% for mesg in get_flashed_messages(category_filter=["successMsg"]) %}
    <div class="alert alert-success text-center successMessage alert-dismissible" >
       <p class="close" data-dismiss="alert" aria-label="close">&times;</p>
       <h4><img src="/static/images/right.png" width="21px" height="21px">{{ mesg|safe }}</h4>
    </div>
    {% endfor %}
    {% for mesg in get_flashed_messages(category_filter=["Payerror"]) %}
    <div class="alert alert-danger text-center  alert-dismissible" >
       <p class="close" data-dismiss="alert" aria-label="close">&times;</p>
       <h4><img src="/static/images/wrong_img.png" width="21px" height="21px">{{ mesg|safe }}</h4>
    </div>
    {% endfor %}
    <br>
     <div class="row">
            <div class="col-lg-3 col-md-12 col-sm-12 "></div>
            <div class="col-lg-3 col-md-12 col-sm-12 ">
            	<label>Search Full name, Email, Mobile</label><br>
            	<input class="form-control" type="text" id="search_data" name="search_data" placeholder="Search Full name, Email, Mobile...">
            </div>
            <!--<div class="col-lg-3 col-md-12 col-sm-12 ">-->
            <!--	<label>Search Delegate no,Membership no</label><br>-->
            <!--	<input class="form-control" type="text" id="search_del_mem" name="search_del_mem" placeholder="Search Delegate no,Membership no">-->
            <!--</div>         -->
              <div class="col-lg-3 col-md-12 col-sm-12 ">
            	<label>Conference Name</label><br>
                <select name="Conference_name" id="Conference_name"  class="form-control" >

                     <option value="" id="select" >Select Conference Name </option>
                     {% if get_conference %}
                     {% for row in get_conference %}


                     <option value = "{{row.conf_id}}" id="conf_name">{{row.conf_name}}</option>
                     
                     {% endfor %}
                     {% endif %}
                  </select>
                
            </div>
            <div class="col-lg-3 col-md-12 col-sm-12 "></div>

            <div class="col-lg-12 col-md-12 col-sm-12 mt-3 text-center ">
				<button type="button" id ="get_detail" class="btn btn-primary">Get Details</button> 
				<button type="button" id ="clear_btn" class="btn btn-secondary">Clear</button> 
			</div>
            
     </div>
     
<!-- Modal -->
<div id="myModal" class="modal fade container-fluid" role="dialog">
  <div class="modal-dialog modal-lg">

    <!-- Modal content-->
    <div class="modal-content">
      <div class="modal-header">
        <h4 class="modal-title">All Mail Sent Detail</h4>
        <button type="button" class="close" data-dismiss="modal">&times;</button>

      </div>
      <div class="modal-body" id="ids">
        <div class="view_all_mail_sent_div"></div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
      </div>
    </div>

  </div>
</div>    


<!-- Modal -->
<div id="ImageModal" class="modal fade" role="dialog">
  <div class="modal-dialog modal-lg">

    <!-- Modal content-->
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal">&times;</button>
        <h4 class="modal-title"></h4>
      </div>
      <div class="modal-body" id="ids">
        <!-- <iframe   width="100%" height="500" ></iframe> -->
        <iframe  id="image_iframe"  width="100%" height="500"></iframe>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
      </div>
    </div>

  </div>
</div>
     
     
<div class ="row " id="users">

     </div> <!-- user div end-->
     
     <!-- OTP Modal End-->
<div class ="row ">  
<div class="modal fade" id="exampleModalLong" tabindex="-1" role="dialog" aria-labelledby="exampleModalLongTitle" aria-hidden="true">
  <div class="modal-dialog modal-xl modal-dialog-scrollable" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h4 >Incompleted Registration Details</h4>
        <button type="button" class="close" data-dismiss="modal">&times;</button>
      </div>
      <div class="modal-body">
        <div class="row" id="imcom_del">
          
        </div>
         <div class="col-lg-6 col-md-6 col-sm-12">
    
  </div>
      </div>
     
    </div>
  </div>
</div>
 </div>
 </div>
 


<div class ="row ">  
<div class="modal fade" id="exampleModalLong_1" tabindex="-1" role="dialog" aria-labelledby="exampleModalLongTitle_1" aria-hidden="true">
  <div class="modal-dialog modal-xl modal-dialog-scrollable" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h4 >completed Registration Details</h4>
        <button type="button" class="close" data-dismiss="modal">&times;</button>
      </div>
      <div class="modal-body">
        <div class="row" id="com_del">
          
        </div>
         <div class="col-lg-6 col-md-6 col-sm-12">
    
  </div>
      </div>
     
    </div>
  </div>
</div>
 </div>




<!-- OTP Modal -->
<div id="OtpModal" class="modal fade" role="dialog">
  <div class="modal-dialog modal-lg">

    <!--OTP Modal content-->
    <div class="modal-content">
      <div class="modal-header">
        <h4 class="modal-title">
            OTP Detail
        </h4>
        <button type="button" class="close" data-dismiss="modal">&times;</button>
        
      </div>
      <div class="modal-body">
        <iframe  id="otp_pin_iframe"  width="100%" height="350"></iframe>
        <div id="otp_data"></div>
        
        
               
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
      </div>
    </div>

  </div>
</div>

</div>

<!-- Confirmation or Receipt Modal -->
<div id="MailModal" class="modal fade" role="dialog">
    <div class="modal-dialog modal-lg">
        <!--Confirmation or Receipt  Modal content-->
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title" id="mail_heading"></h4>
                <button type="button" class="close" data-dismiss="modal">&times;</button>
            </div>
            <div class="modal-body">
                <iframe id="mail_iframe" width="100%" height="750"></iframe>
                <div class="text-center">
                    <hr />
                    <label>Mail Option</label><br />
                    <input type="hidden" name="conf_id" id="m_conf_id" value="" />
                    <input type="hidden" name="conf_key" id="m_conf_key" value="" />
                    <input type="hidden" name="delegate_id" id="m_delegate_id" value="" />
                    <input type="hidden" name="unique_id" id="m_unique_id" value="" />

                    <a class="btn btn-success text-white mt-3" id="sample_email_btn"><span class="fa fa-paper-plane-o fa-1x mx-1" aria-hidden="true" title="Sample Mail"></span>Send Mail Sample</a>

                    <a class="btn btn-primary  mt-3 mr-2 send_confirmation_mail " id="send_confirmation_mail" title="Send Confirmation Mail">
                        <span class="fa fa-paper-plane-o fa-1x mx-1" aria-hidden="true" title="Send Confirm Mail"></span>Send Mail Now
                    </a>
                    <a class="btn btn-primary  mt-3 mr-2 send_receipt_mail" id="send_receipt_mail" title="Send Receipt Mail">
                        <span class="fa fa-paper-plane-o fa-1x mx-1" aria-hidden="true"></span>Send Mail Now
                    </a>
                    <a class="btn btn-primary  mt-3 mr-2 send_confirmation_receipt_mail" id="send_confirmation_receipt_mail" title="Send Confirmation and Receipt Mail">
                        <span class="fa fa-paper-plane-o fa-1x mx-1" aria-hidden="true"></span>Send Mail Now
                    </a>
                </div>
                <br />
                <div id="show_email_input">
                    <div class="row">
                        <div class="col-md-2"></div>

                        <div class="col-md-6">
                            <input type="text" id="sample_email" name="sample_email" class="form-control" placeholder="Enter email id" />
                        </div>
                        <div class="col-md-4">
                            <button type="button" class="btn btn-primary  mt-3 text-white send_confirmation_mail" id="send_sample_confirmation_mail" value="Send">Send Sample Mail
                            </button>
                            <button type="button" class="btn btn-primary  mt-3 text-white send_receipt_mail" id="send_sample_receipt_mail" value="Send">Send Sample Mail
                            </button>
                            <button type="button" class="btn btn-primary  mt-3 text-white send_confirmation_receipt_mail" id="send_sample_confirmation_receipt_mail" value="Send">Send Sample Mail
                            </button>
                            <button type="button" class="btn btn-danger mt-3 text-white" id="cancel_sample_mail_btn" value="Cancel">
                                Cancel
                            </button>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
            </div>
        </div>
    </div>
</div>
<!-- Confirmation or Receipt Modal -->

<!-- start delegate edit model   -->
<div class="modal fade" id="exampleModalLong_2" tabindex="-1" role="dialog" aria-labelledby="exampleModalLongTitle_2" aria-hidden="true">
    <div class="modal-dialog modal-xl modal-dialog-scrollable" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">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">
                <div class="row" id="edit_delegates">

                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                <button type="button" class="btn btn-primary update_delegate">Update changes</button>
            </div>
        </div>
    </div>
</div>


<!-- end delegate edit model  -->



<!-- start user_payment edit model   -->
<div class="modal fade" id="exampleModalLong_3" tabindex="-1" role="dialog" aria-labelledby="exampleModalLongTitle_3" aria-hidden="true">
    <div class="modal-dialog modal-xl modal-dialog-scrollable" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">User Payments 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">
                <div class="row" id="edit_user_payment">

                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary del_close" data-dismiss="modal">Close</button>
                <button type="button" class="btn btn-primary update_user_payment">Update changes</button>
            </div>
        </div>
    </div>
</div>


<!-- end user_payment edit model  -->

{% endblock %} 
{% block bottomscript %}
<script src="https://cdnjs.cloudflare.com/ajax/libs/selectize.js/0.15.2/js/selectize.min.js" integrity="sha512-IOebNkvA/HZjMM7MxL0NYeLYEalloZ8ckak+NDtOViP7oiYzG5vn6WVXyrJDiJPhl4yRdmNAG49iuLmhkUdVsQ=="  crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script type="text/javascript">
    var BaseUrl = document.location.origin;


    $('input[name="dob"]').mask('00-00-0000');

 $('input[name="registered_on"]').mask('00-00-0000 00:00:00');
  $('input[name="updated_at"]').mask('00-00-0000 00:00:00');
   $('input[name="paid_at"]').mask('00-00-0000 00:00:00');
    // // selectize for user type id
    //         var select = $('#Conference_name').selectize({
    //           maxItems: 1
    //         });
    //         var selectize = select[0].selectize;
    //     // end

    $(document).on("click", "#clear_btn", function (e) {
            // $("#search_del_mem").val('');
            $("#search_data").val('');
    });

    // started here


    function callviewconfirmationmailfunction(conf_id,conf_key,delegate_id){
        var url_1 = BaseUrl+"/view_confirmation_mail/"+conf_id+"/"+conf_key+"/"+delegate_id;
        var heading = "Confirmation Mail";
        $("#mail_heading").html(heading);
        // $('#MailModal').modal('show');
        $("#mail_iframe").attr("src" , "");
        $("#mail_iframe").attr("src" ,url_1);
        $("#show_email_input").hide();
        $("#send_confirmation_mail").show();
        $("#send_sample_confirmation_mail").show();



        $("#send_confirmation_receipt_mail").hide();
        $("#send_sample_confirmation_receipt_mail").hide();




        $("#send_receipt_mail").hide();
        $("#send_sample_receipt_mail").hide();

        $("#m_conf_id").val(conf_id);
        $("#m_conf_key").val(conf_key);
        $("#m_delegate_id").val(delegate_id);
                    
    }

    function callviewreceiptmailfunction(conf_id,conf_key,unique_id){
        var url_1 = BaseUrl+"/view_receipt_mail/"+conf_id+"/"+conf_key+"/"+unique_id;
        var heading = "Receipt Mail";
        $("#mail_heading").html(heading);
        // $('#MailModal').modal('show');
        $("#mail_iframe").attr("src" , "");
        $("#mail_iframe").attr("src" ,url_1);
        $("#show_email_input").hide();
        $("#send_confirmation_mail").hide();
        $("#send_sample_confirmation_mail").hide();
        $("#send_receipt_mail").show();
        $("#send_sample_receipt_mail").show();


        $("#send_confirmation_receipt_mail").hide();
        $("#send_sample_confirmation_receipt_mail").hide();


        $("#m_conf_id").val(conf_id);
        $("#m_conf_key").val(conf_key);
        $("#m_unique_id").val(unique_id);

        
                

    }



    function callviewconfirmationreceiptmailfunction(conf_id,conf_key,delegate_id,unique_id){

         var url_1 = BaseUrl+"/view_confirmation_receipt_mail/"+conf_id+"/"+conf_key+"/"+delegate_id+"/"+unique_id;
        var heading = "Confirmation and Receipt Mail";
        $("#mail_heading").html(heading);
        // $('#MailModal').modal('show');
        $("#mail_iframe").attr("src" , "");
        $("#mail_iframe").attr("src" ,url_1);
        $("#show_email_input").hide();
        $("#send_confirmation_mail").hide();
        $("#send_sample_confirmation_mail").hide();
        $("#send_receipt_mail").hide();
        $("#send_sample_receipt_mail").hide();

        $("#send_confirmation_receipt_mail").show();
        $("#send_sample_confirmation_receipt_mail").show();


        $("#m_conf_id").val(conf_id);
        $("#m_conf_key").val(conf_key);
        $("#m_delegate_id").val(delegate_id);
        $("#m_unique_id").val(unique_id);

    }
    
    // End here
    
    function callhightlighting_search_data(searchword) {

        $("#users").find(".highlight").removeClass("highlight");

      

        var custfilter = new RegExp(searchword, "ig");
        var repstr = "<span class='highlight'>" + searchword + "</span>";

        if (searchword != "") {
            $('#users').each(function() {
                $(this).html($(this).html().replace(custfilter, repstr));
            })
        }
    }

      function callhightlighting_search_del_mem(searchword) {

        $("#users").find(".highlight1").removeClass("highlight");

      

        var custfilter = new RegExp(searchword, "ig");
        var repstr = "<span class='highlight1'>" + searchword + "</span>";

        if (searchword != "") {
            $('#users').each(function() {
                $(this).html($(this).html().replace(custfilter, repstr));
            })
        }
    }

    // start delegate edit & update details

function editdelegate(delegate_id){
    var delegate_id = delegate_id
    var conf_id   = $("#Conference_name").val();
 ShowProgress();
     $.ajax({
                type: "GET", // <-- get method of form
                url: BaseUrl + "/edit_delegate", // <-- get action of form
                data: { "conf_id":conf_id,"delegate_id":delegate_id },
                success: function (data) {
                    StopProgress();
                    var data_1 = JSON.parse(data);
                    var status = data_1.status;
                    var msg = data_1.msg;
                    var html_data = data_1.html_data;
                    if (status == 1) {
                         $("#edit_delegates").html(html_data);
                    } else {
                        $("#edit_delegates").html(html_data);
                        return false;
                    }
                },
            });
}

 $(document).on("click", ".update_delegate", function (e) {
            var conf_id  = $("#Conference_name").val();
            var parent_user_id = $("#parent_user_id").val();
            var delegate_id = $("#delegate_id").val();
            var prefix = $("#prefix").val();
            var full_name = $("#full_name").val();
            var email = $("#email").val();
            var mobile = $("#mobile").val();
            var dob = $("#dob").val();
            var gender = $("input[name='gender']:checked").val();
            var city = $("#city").val();
            var district = $("#district").val();
            var role = $("#role").val();
            var membership_no = $("#membership_no").val();
            var mc_number = $("#mc_number").val();
            var mc_state_id = $("#mc_state_id").val();
            var state_id = $("#state_id").val();
            var reg_type_id = $("#reg_type_id").val();
            var is_offline = $("input[name='is_offline']:checked").val();
            var registered_on = $("#registered_on").val();
            var delegate_remarks = $("#delegate_remarks").val();
          
    if (confirm("Are you sure to you want to update delegate")) {          
            $.ajax({
                type: "POST", // <-- get method of form
                url: BaseUrl  + "/update_delegate", // <-- get action of form
                data: { 
                    "conf_id":conf_id,
                    "parent_user_id": parent_user_id,
                    "delegate_id": delegate_id,
                    "prefix": prefix,
                    "full_name": full_name,
                    "email": email,
                    "mobile": mobile,
                    "dob": dob,
                    "gender": gender,
                    "city": city,
                    "district": district,
                    "role": role,
                    "membership_no": membership_no,
                    "mc_number": mc_number,
                    "mc_state_id": mc_state_id,
                    "state_id": state_id,
                    "reg_type_id": reg_type_id,
                    "is_offline": is_offline,
                    "registered_on": registered_on,
                    "delegate_remarks": delegate_remarks
                },
                dataType: "html",
                success: function (data_1) {
                    var data = JSON.parse(data_1);
                    var status = data.status;
                    var msg = data.msg;
                    if (status == 1) {
                        alert(msg);
                        // $('#exampleModalLong_2').modal('hide');
                        callinputAjax();
                        
                    } else {
                        alert(msg);
                        return false;
                    }
                },
            });
    }
    else{
        // $('#exampleModalLong_2').modal('hide');
    }

});

function edituserpayment(unique_id){
    var unique_id = unique_id
    var conf_id   = $("#Conference_name").val();
 ShowProgress();
     $.ajax({
                type: "GET", // <-- get method of form
                url: BaseUrl + "/edit_userpayment", // <-- get action of form
                data: { "conf_id":conf_id,"unique_id":unique_id },
                success: function (data) {
                    StopProgress();
                    var data_1 = JSON.parse(data);
                    var status = data_1.status;
                    var msg = data_1.msg;
                    var html_data = data_1.html_data;
                    if (status == 1) {
                         $("#edit_user_payment").html(html_data);

                    } else {
                        $("#edit_user_payment").html(html_data);
                        return false;
                    }
                },
            });
}

 $(document).on("click", ".update_user_payment", function (e) {


            var unique_id      = $("#unique_id").val();
            var payment_id     = $("#payment_id").val();
            var delegate_ids   = $("#delegate_ids").val();
            var conf_id   = $("#Conference_name").val();
            var full_name = $("#full_name").val();
            var email     = $("#email").val();
            var mobile    = $("#mobile").val();
            var amount    = $("#amount").val();
            var status    = $("#status").val();
            var api_payment_id = $("#api_payment_id").val();
            var receipt_no     = $("#receipt_no").val();
            var payment_for    = $("#payment_for").val();
            var payment_method = $("#payment_method").val();
            var remarks        = $("#remarks").val();
            var payment_method_from_gateway = $("#payment_method_from_gateway").val();
            var utr_number                  = $("#utr_number").val();
            var is_generate                 = $("#is_generate").val();
            var reg_by                      = $("#reg_by").val();
            var updated_at                  = $("#updated_at").val();
            var paid_at                     = $("#paid_at").val();
            
if (confirm("Are you sure to you want to update payment")) {
              
            $.ajax({
                type: "POST", // <-- get method of form
                url: BaseUrl  + "/update_user_payments", // <-- get action of form
                data: { 
                    "unique_id": unique_id,
                    "delegate_ids": delegate_ids,
                    "payment_id": payment_id,
                    "conf_id":conf_id,
                    "full_name": full_name,
                    "email": email,
                    "mobile": mobile,
                    "amount": amount,
                    "status": status,
                    "api_payment_id": api_payment_id,
                    "receipt_no": receipt_no,
                    "payment_for": payment_for,
                    "payment_method": payment_method,
                    "remarks": remarks,
                    "payment_method_from_gateway": payment_method_from_gateway,
                    "utr_number": utr_number,
                    "is_generate": is_generate,
                    "reg_by": reg_by,
                    "updated_at": updated_at,
                    "paid_at": paid_at,
                },
                dataType: "html",
                success: function (data_1) {
                    var data = JSON.parse(data_1);
                    var status = data.status;
                    var msg = data.msg;
                    if (status == 1) {
                        alert(msg);
                        // $('#exampleModalLong_3').modal('hide');
                        callinputAjax();
                    } else {
                        alert(msg);
                        return false;
                    }
                },
            });
    }
    else{
        // $('#exampleModalLong_2').modal('hide');
    }

});

         
// end user_payment details


    function callinputAjax(){
        var search_data = $("#search_data").val();
        var search_del_mem = "";
        
        var conf_id   = $("#Conference_name").val();    
        var search_data_lenght = search_data.length;
        var conf_id_lenght = conf_id.length;
        if(search_data_lenght > 0  || conf_id_lenght > 0 )
        {
           
        }
        else{
            alert("Please Enter Any Value");
            return false;
        }
        if(conf_id_lenght > 0 )
        {

        }
        else{
            alert("Please choose any conference name");
            return false;
        } 

        ShowProgress();    
        $.ajax({
            type: "GET", // <-- get method of form
            url: BaseUrl + "/delegate_detail_ajax", // <-- get action of form
            data: { "search_data": search_data, "search_del_mem": search_del_mem, "conf_id":conf_id },
            success: function (data) {
                StopProgress();
                var data_1 = JSON.parse(data);
                var status = data_1.status;
                var msg = data_1.msg;
                var html_data = data_1.html_data;
                if (status == 1) {
                    $("#users").html(html_data);
                    // callhightlighting_search_data(search_data);
                    // callhightlighting_search_del_mem(search_del_mem);

                } else {
                    return false;
                }
            },
        });
    }






    $(document).ready(function () {

        $("#show_email_input").hide();

        $(document).on("click", "#sample_email_btn", function (e) {
            $("#show_email_input").show();
        });


        $(document).on("click", "#cancel_sample_mail_btn", function (e) {
            $("#sample_email").val('');
            $("#show_email_input").hide();
        });




    $(document).on("click", ".send_confirmation_mail", function (e) {
       
        var conf_id      = $("#m_conf_id").val();
        var conf_key     = $("#m_conf_key").val();
        var delegate_id  = $("#m_delegate_id").val();
        var sample_email = $("#sample_email").val();
        if(confirm("Are you sure you want to send mail now?"))
            {
                ShowProgress();
                $.ajax({
                    type: "GET", // <-- get method of form
                    url: BaseUrl + "/send_confirmation_mail/"+conf_id+"/"+conf_key+"/"+delegate_id , // <-- get action of form
                    data : {"sample_email":sample_email},
                    success: function (data) {
                        // StopProgress();
                        alert(data);
                        $("#sample_email").val('');
                        // $('#MailModal').modal('hide');
                        callinputAjax();
                      
                    },
                });
            }
            else{
                return false;
            }
    });
    
    
    $(document).on("click", ".send_confirmation_receipt_mail", function (e) {
       
        var conf_id      = $("#m_conf_id").val();
        var conf_key     = $("#m_conf_key").val();
        var delegate_id  = $("#m_delegate_id").val();
        var unique_id    = $("#m_unique_id").val();
        var sample_email = $("#sample_email").val();
        if(confirm("Are you sure you want to send mail now?"))
            {
                ShowProgress();
                $.ajax({
                    type: "GET", // <-- get method of form
                    url: BaseUrl + "/send_confirmation_receipt_mail/"+conf_id+"/"+conf_key+"/"+delegate_id+"/"+unique_id , // <-- get action of form
                    data : {"sample_email":sample_email},
                    success: function (data) {
                        // StopProgress();
                        alert(data);
                        $("#sample_email").val('');
                        // $('#MailModal').modal('hide');
                        callinputAjax();
                      
                    },
                });
            }
            else{
                return false;
            }
    });


    $(document).on("click", ".send_receipt_mail", function (e) {
       
        var conf_id      = $("#m_conf_id").val();
        var conf_key     = $("#m_conf_key").val();
        var unique_id    = $("#m_unique_id").val();
        var sample_email = $("#sample_email").val();
        if(confirm("Are you sure you want to send mail now?"))
            {
                ShowProgress();

                $.ajax({
                    type: "GET", // <-- get method of form
                    url: BaseUrl + "/send_receipt_mail/"+conf_id+"/"+conf_key+"/"+unique_id , // <-- get action of form
                    data : {"sample_email":sample_email},
                    success: function (data) {
                        // StopProgress();

                        alert(data);
                        $("#sample_email").val('');
                        // $('#MailModal').modal('hide');
                        callinputAjax();
                    },
                });
            }
            else{
                return false;
            }
    });
        


    $(document).on("click", "#get_detail", function (e) {
	 	  
        callinputAjax();

	 });

});


function email_function_modal(delegate_id) {
      var conf_id   = $("#Conference_name").val();
    ShowProgress();
     $.ajax({
                type: "GET", // <-- get method of form
                url: BaseUrl + "/get_all_mail_by_delegate_id/"+conf_id+"/"+delegate_id, // <-- get action of form
                success: function (data) {
                    StopProgress();
                    var data_1 = JSON.parse(data);
                    var status = data_1.status;
                    var msg = data_1.msg;
                    var mail_data = data_1.mail_data;
                    if (status == 1) {
                        // $('#myModal').modal('show');
                        $('.view_all_mail_sent_div').empty();  
                        $.each( mail_data, function( index, value ){
                            var url_1 = BaseUrl+"/search_mail?msg_id="+value.msg_id+"&email="+value.email+"&api_key="+value.api_key;

                                $('<h4>  Subject : '+value.subject +' / Mail Sent At : '+value.created_at +'</h4><br><iframe src="'+url_1+'" width="100%" height="550" id="myFrame_'+index+'"></iframe><hr>').appendTo('.view_all_mail_sent_div');
                            });
                             

                    } else {
                       
                        return false;
                    }
                },
            });
   
  
}

function screenshot_function_modal(image) {
    var url_1 = image
    // $("#myModal").show();

    $("#image_iframe").attr("src" , "");
    // $('#ImageModal').modal('show');
    // var url_1 = "http://127.0.0.1:5030/search_mail?msg_id=b5d12156eaf54343bf182f2f34188101&email=ramya@numerotec.com&api_key=3rql7lHFpPcoHnNAWYQTFQ";
    $("#image_iframe").attr("src" , url_1);
    return false;
}


// OTP Modal




function callotpfunction(conf_id,user_id,email) {
    $.ajax({

            type: "POST", // <-- get method of form
            url: BaseUrl + "/get_otp_pin", // <-- get action of form
            data: { "user_id": user_id, "conf_id": conf_id,'email':email},
            success: function (data) {
                var data_1 = JSON.parse(data);
                var status = data_1.status;
                var msg    = data_1.msg;
                var msg_id   = data_1.msg_id;
                var email_id = data_1.email;
                var api_key  = data_1.api_key;
                var otp_data  = data_1.otp_data;
                if (status == 1) {
                     var url_1 = BaseUrl+"/search_mail?msg_id="+msg_id+"&email="+email_id+"&api_key="+api_key
                    //  $('#OtpModal').modal('show');
                     $("#otp_pin_iframe").show();
                     $("#otp_pin_iframe").attr("src" , "");
                     $("#otp_pin_iframe").attr("src" , url_1);
                     $("#otp_data").empty();
                     $("#otp_data").show();
                     $("#otp_data").html(otp_data);


                } else {
                    //  $('#OtpModal').modal('show');
                     $("#otp_pin_iframe").hide();
                    //  $("#otp_pin_iframe").attr("src" , "");
                     $("#otp_data").empty();
                     $("#otp_data").show();
                     $("#otp_data").html(otp_data);
                }
            },
        });      

}



function incompletedel(unique_id) {
    var unique_id = unique_id
    var conf_id   = $("#Conference_name").val();
    ShowProgress();
     $.ajax({
                type: "GET", // <-- get method of form
                url: BaseUrl + "/delegate_detail_get_unique_id", // <-- get action of form
                data: { "conf_id":conf_id,"unique_id":unique_id,"is_show":1 },
                success: function (data) {
                    StopProgress();
                    var data_1 = JSON.parse(data);
                    var status = data_1.status;
                    var msg = data_1.msg;
                    var html_data = data_1.html_data;
                    if (status == 1) {
                         $("#imcom_del").html(html_data);

                    } else {
                        $("#imcom_del").html(html_data);
                        return false;
                    }
                },
            });
}


function completedel(unique_id) {
    var unique_id = unique_id
    var conf_id   = $("#Conference_name").val();
    ShowProgress();
     $.ajax({
                type: "GET", // <-- get method of form
                url: BaseUrl + "/delegate_detail_get_unique_id", // <-- get action of form
                data: { "conf_id":conf_id,"unique_id":unique_id,"is_show":0 },
                success: function (data) {
                    StopProgress();
                    var data_1 = JSON.parse(data);
                    var status = data_1.status;
                    var msg = data_1.msg;
                    var html_data = data_1.html_data;
                    if (status == 1) {
                         $("#com_del").html(html_data);

                    } else {
                        $("#com_del").html(html_data);
                        return false;
                    }
                },
            });
}


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');
}

function StopProgress()
{
    jQuery('#resultLoading .bg').height('100%');
       jQuery('#resultLoading').fadeOut(300);
    jQuery('body').css('cursor', 'default');
}  
// OTP Modal

</script>
{% endblock %}