{% extends "conferenceapp/layout.html" %}
{% block style %}
<style>
    .form .error{
        color: red;

    }
    
tr:nth-child(even) {
   background-color: #60726078 !important;
}
 
.center {
  text-align: left;
  font-family: BeVietnamPro-SemiBold;font-size: 17px;color: #00166B;letter-spacing: 0;
  margin-top: 5px;
}

 @media screen and (max-width: 600px)  {
   .inner{
     display: block;
   }    
 }
</style>
{% endblock %}
{% block content %}
<div class="container mt-3">
    <div   class="alert alert-success text-center alert-dismissible successMessage" id="successMessage" 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="SuccessMsg"></span>
    </div>
    <div   class="alert alert-danger text-center alert-dismissible errorMessage" id="errorMessage" style="display:none;">
       <p class="close close_id"  aria-label="close">&times;</p>
       <img src="static/images/wrong_img.png" width="21px" height="21px">
       <span id="errorMsg"></span>
    </div>

    
    <div class="col-md-12">
        <p align="right">
            <a class="btn btn-danger" type="button" id="back" href="{{ url_for('confapp.BackToHome') }}">Back</a>
        </p>
        <center><h5>Search Delegate Record</h5></center>
        
       
    </div>
    <div class="card">
        <div class="card-body">
            <form id="search_delegate_record_form">
                <div class="row"  >
                        <div class="col-md-4">
                            <label for="conference">Select Conference</label>
                            <select class="form-control" id="conf_id" name="conf_id">
                                <option value="" id="select">--SELECT--</option>
                                {% if conference_data : %} {% for row in conference_data %}
                                <option value="{{row.conf_id}}">{{row.conf_name}} </option>
                                {% endfor %} {% endif %}
                            </select>
                        <label id="conf_id-error" name='conference_err' class="error" for="conf_id"></label> 

                        </div>
                       
                        <div class="col-md-4">
                            <label for="Search">Search</label>
                            <input type="text" name="search" id="search" placeholder="Search Name,Email or Mobile" class="form-control"  />
                        <label id="search-error" class="error" for="search"></label> 
                            

                        </div>

                        <div class="col-md-4">
                            <label for="before_time">Select Before Time</label>
                            <select class="form-control" id="before_time" name="before_time">
                                <option value=""> --SELECT--</option>
                                <option value="30"> 30 Minutes</option>
                                <option value="60"> 1 Hours</option>
                                <option value="120"> 2 Hours</option>
                                <option value="1440"> One Day</option>
                            </select>
                        </div>
                    </div>
                <div class="row mt-3">
                	<div class="col-lg-12 col-md-12 col-sm-12 text-center">
                        <button type="button" class="btn btn-primary btn-md text-center" name="search_btn" id="search_btn" class="search_btn" title="Search">Search</button>
                        <button type="button" title="Clear" class="btn btn-danger" id="clear_btn" name="clear_btn">Clear</button>
                    </div>

                </div>
            </form>
        </div>
    </div>
</div>
<div id="table_data"></div>

{% endblock %}
{% block bottomscript %}  

<script type="text/javascript">
    var BaseUrl = document.location.origin;
    
    
    
     $(document).on('click','.close_id',function(e)
    {
      e.preventDefault();
      $("#successMessage").hide();
      $("#SuccessMsg").text('');
      $("#errorMessage").hide();
      $("#errorMsg").text('');
    });
    
    $(document).on("click", "#clear_btn",function(e){
        $("#conf_id").val('');
        $("#search").val('');
        $("#before_time").val('');
        $("#table_data").hide();
    });

    $(document).ready(function()
    {
        $("#table_data").hide();
    	$("#successMessage").hide();
    	$("#errorMessage").hide();

        $("#search_btn").click(function (e) {
         e.preventDefault();
        var conf_id      = $("#conf_id").val();
        var search       = $("#search").val();
        var before_time  = $("#before_time").val();

        if(!(search && conf_id )){
            validate_search_delegate_record_form();
            if (!$("#search_delegate_record_form").valid()) {
                    return false;
                }
            
        }
        ShowProgress();

         $.ajax({
                type: "GET",
                url: BaseUrl + "/post_search_delegate_record",
                data : {'conf_id':conf_id,'search':search,'before_time':before_time},
                // data: $('#search_delegate_record_form').serialize(),
                dataType:'html',
                success: function (response) {
                    StopProgress();
                    var data_1 = JSON.parse(response);
                    var msg = data_1.msg;
                    
                    if (msg == "success") {
                        // StopProgress();
                        $("#table_data").empty();
                        $("#table_data").show();
                        $("#table_data").html(data_1.html_data);
                     
                    } else {
                        alert(msg);
                        return false;
                    }
                },
            });

    });


    });

    function update_delegate(delegate_id){
        if(confirm("Are you sure you want to edit this?"))
        {
           
            var conf_id       = $("#conf_id").val();
            var search        = $("#search").val();
            var before_time   = $("#before_time").val();
            var delegate_no   = $("#delegate_no_"+delegate_id).val();
            var registered_on = $("#registered_on_"+delegate_id).val();
            var del_status_id = $("#del_status_id_"+delegate_id).val();
            
            var ref_no        = $("#ref_no_"+delegate_id).val();
            var ref_no_only   = $("#ref_no_only_"+delegate_id).val();
            
            ShowProgress();
            $.ajax({
                    type: "GET",
                    url: BaseUrl + "/"+delegate_id+"/update_delegate_record",
                    data: {'conf_id':conf_id,'delegate_no':delegate_no,'registered_on':registered_on,'search':search,'before_time':before_time,"del_status_id":del_status_id,'ref_no_only':ref_no_only,'ref_no':ref_no},
                    dataType:'html',
                    success: function (response) {
                        StopProgress();
                        var data_1 = JSON.parse(response);
                        var msg = data_1.msg;
                        
                        if (data_1.status == 1) {
                            // StopProgress();
    
                            $("#successMessage").show();
                            $("#SuccessMsg").html(msg);
                            
                            $("#table_data").empty();
                            $("#table_data").show();
                            $("#table_data").html(data_1.html_data);
                         
                        } else {
                            $("#errorMessage").show();
                            $("#errorMsg").html(msg);
                            return false;
                        }
                    },
                });
        }
        else{
            return false;
        }
    }


        function update_delegate_addon(delegate_addon_id){
            if(confirm("Are you sure you want to edit this?"))
            {
                var delegate_id   = $("#delegate_id").val();
                var conf_id       = $("#conf_id").val();
                var search        = $("#search").val();
                var before_time   = $("#before_time").val();
                var reg_status    = $("#reg_status_"+delegate_addon_id).val();
                var amount        = $("#amount_"+delegate_addon_id).val();
                var unique_id     = $("#da_unique_id_"+delegate_addon_id).val();
                var addon_id     = $("#da_addon_id_"+delegate_addon_id).val();
                ShowProgress();
                $.ajax({
                        type: "GET",
                        url: BaseUrl + "/"+delegate_addon_id+"/update_delegate_addon_record",
                        data: {'delegate_id':delegate_id,'reg_status':reg_status,'amount':amount,'conf_id':conf_id,'search':search,'before_time':before_time,'unique_id':unique_id,'addon_id':addon_id},
                        dataType:'html',
                        success: function (response) {
                            StopProgress();
                            var data_1 = JSON.parse(response);
                            var msg = data_1.msg;
                            
                            if (data_1.status == 1) {
                                // StopProgress();
                                $("#successMessage").show();
                                $("#SuccessMsg").html(msg);
                                
                                $("#table_data").empty();
                                $("#table_data").show();
                                $("#table_data").html(data_1.html_data);
                             
                            } else {
                                $("#errorMessage").show();
                                $("#errorMsg").html(msg);
                                return false;
                            }
                        },
                    });
            }
            else{
                return false;
            }
    }
    
    function update_user_payment(payment_id){
        if(confirm("Are you sure you want to edit this?"))
        {
            var conf_id      = $("#conf_id").val();
            var search       = $("#search").val();
            var before_time  = $("#before_time").val();
            var delegate_id  = $("#delegate_id").val();
            var receipt_no   = $("#receipt_no_"+payment_id).val();
            var status       = $("#status_"+payment_id).val();
            
            var payment_method_from_gateway = $("#payment_method_from_gateway_"+payment_id).val();
            var payment_method = $("#payment_method_"+payment_id).val();
            var paid_at      = $("#p_paid_at_"+payment_id).val();
            var updated_at   = $("#p_updated_at_"+payment_id).val();
            var utr_number   = $("#utr_number_"+payment_id).val();
            var amount       = $("#p_amount_"+payment_id).val();
            ShowProgress();
            $.ajax({
                    type: "GET",
                    url: BaseUrl + "/"+payment_id+"/update_user_payment_record",
                    data: {'conf_id':conf_id,'delegate_id':delegate_id,'receipt_no':receipt_no,'status':status,'conf_id':conf_id,'search':search,'before_time':before_time,'paid_at':paid_at,'updated_at':updated_at,'utr_number':utr_number,'payment_method_from_gateway':payment_method_from_gateway,'payment_method':payment_method,'amount':amount},
                    dataType:'html',
                    success: function (response) {
                        StopProgress();
                        var data_1 = JSON.parse(response);
                        var msg = data_1.msg;
                        
                        if (data_1.status == 1) {
                            // StopProgress();
                            $("#successMessage").show();
                            $("#SuccessMsg").html(msg);
                            
                            $("#table_data").empty();
                            $("#table_data").show();
                            $("#table_data").html(data_1.html_data);
                         
                        } else {
                            $("#errorMessage").show();
                            $("#errorMsg").html(msg);
                            
                            return false;
                        }
                    },
                });
        }        
        else{
            return false;
        }        

    }


    function delete_delegate(delegate_id){
        if(confirm("Are you sure you want to delete this?"))
            {
                var conf_id       = $("#conf_id").val();
                var search        = $("#search").val();
                var before_time   = $("#before_time").val();
                ShowProgress();
                $.ajax({
                        type: "GET",
                        url: BaseUrl + "/delete_delegate_record",
                        data: {'delegate_id':delegate_id,'conf_id':conf_id,'search':search,'before_time':before_time},
                        dataType:'html',
                        success: function (response) {
                            StopProgress();
                            var data_1 = JSON.parse(response);
                            var msg = data_1.msg;
                            
                            if (data_1.status == 1) {
                                // StopProgress();
                                $("#successMessage").show();
                                $("#SuccessMsg").html(msg);
                                
                                $("#table_data").empty();
                                $("#table_data").show();
                                $("#table_data").html(data_1.html_data);
                             
                            } else {
                                $("#errorMessage").show();
                                $("#errorMsg").html(msg);
                                return false;
                            }
                        },
                    });
            }
            else{
                return false;
               }
    }

    function delete_delegate_addon(delegate_addon_id){
        if(confirm("Are you sure you want to delete this?"))
            {
                var conf_id       = $("#conf_id").val();
                var search        = $("#search").val();
                var before_time   = $("#before_time").val();
                ShowProgress();
                $.ajax({
                        type: "GET",
                        url: BaseUrl + "/delete_delegate_record",
                        data: {'delegate_addon_id':delegate_addon_id,'conf_id':conf_id,'search':search,'before_time':before_time},
                        dataType:'html',
                        success: function (response) {
                            StopProgress();
                            var data_1 = JSON.parse(response);
                            var msg = data_1.msg;
                            
                            if (data_1.status == 1) {
                                $("#successMessage").show();
                                $("#SuccessMsg").html(msg);
                                
                                $("#table_data").empty();
                                $("#table_data").show();
                                $("#table_data").html(data_1.html_data);
                             
                            } else {
                                $("#errorMessage").show();
                                $("#errorMsg").html(msg);
                                return false;
                            }
                        },
                    });
            }
            else{
                return false;
               }
    }










    function validate_search_delegate_record_form()
         {
             errorclass : 'error',
         
             $("#search_delegate_record_form").validate({

                rules: {
                conf_id: {
                    required: true,
                },
                search: {
                    required: true,
                },
            },

            messages: {
                conf_id: {
                    required: "Please Select Conference ",
                },
                search: {
                    required: "Please Enter Name,Email or Mobile",
                },
            },
                 highlight: function(element) {
                     $(element).parent().addClass('error')
                 },
             
                 unhighlight: function(element) {
                     $(element).parent().removeClass('error')
                 },
         
                 submitHandler: function(form) {
                     form.submit();
                 }
            })

         }

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

</script>

{% endblock %}