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

<div class="container">
    <div id="collapseFilter">
        <form id="search_trigger_form">
            <div class="card-body">
                <div class="row">
                    <div class="col-md-4">
                        <label>Search : <span style="color: red;"> *</span></label>
                        <input type="search" id="search" name="search" placeholder="Search Name or Mobile No or Email here..." class="form-control" />
                    </div>
                    <div class="col-md-4">
                        <label for="society"> Society :</label>
                        <select class="form-control" id="society_id" name="society_id">
                            <option value="" id="select" selected>Select Society</option>
                            {% if society_data %} {% for row in society_data %}
                            <option value="{{row.society_id}}" {{ 'selected' if filter_society_name==row.society_name }}> {{row.society_name}} </option>
                            {% endfor %} {% endif %}
                        </select>
                    </div>

                    <div class="col-md-4">
                        <label for="conference"> Conference :</label>
                        <select class="form-control" id="conf_id" name="conf_id">
                            <option value="" id="select" selected>Select conference</option>
                            {% if conf_data %} {% for row in conf_data %} <option value="{{row.conf_id}}" {{ 'selected' if filter_conf_name==row.conf_name }}> {{row.conf_name}}  {% endfor %} {% endif %}
                        </select>
                    </div>
                </div>
                <div class="row mt-3 text-center">
                    <div class="col-md-12">
                        <div class="row"> 
                            <div class="col-md-3 mb-2">
                                <button type="submit" id="search_trigger_btn" class="btn btn-primary mr-3 ml-3" name="form_submit">Search In Trigger Table</button>
                            <br>
                            </div>
                            <div class="col-md-3">
                                <p align="center">
                                    <input type="button" id="search_user_btn" class="btn btn-primary  search_user_btn" name="form_submit" value="Search In Users Table">
                                </p>
                            </div>
                            <div class="col-md-3 mb-2">
                                <input type="button" class="btn btn sm btn-info mr-3 ml-3" value="Back" onclick="javascript:history.go(-1)">
                            </div>
                            <div class="col-md-3 mb-2">
                                <a href="/insert_new_trigger_data" id="add_new_trigger" class="btn btn-danger " style="display:none;">add new </a>
                                <br>
                            </div>
                        </div>
                    </div>
                    <!--<div class="col-md-12">-->
                    <!--    <button type="submit" id="search_trigger_btn" class="btn btn-primary mr-3 ml-3" name="form_submit">Search In Trigger Table</button>-->

                    <!--    <input type="button" id="search_user_btn" class="btn btn-primary mr-3 ml-3 search_user_btn" name="form_submit" value="Search In Users Table" />-->

                    <!--    <a href="{{url_for('confapp.InsertNewTriggerData')}}" id="add_new_trigger" class="btn btn-danger mr-3 ml-3">add new </a>-->

                    <!--    <input type="button" class="btn btn sm btn-info mr-3 ml-3" value="Back" onClick="javascript:history.go(-1)" />-->
                    <!--</div>-->
                </div>
            </div>
        </form>
    </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 %}
</div>

<div id="show_table"></div>
<div class="modal" id="view">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title">View Member List</h4>
                <button type="button" class="close" data-dismiss="modal">&times;</button>
            </div>

            <div class="modal-body">
                <div class="row">
                    <div class="col-md-3">
                        <label>Society:</label>
                    </div>
                    <div class="col-md-9"><input class="form-control" type="text" name="model_society" id="model_society" /><br /></div>
                </div>

                <div class="row">
                    <div class="col-md-3">
                        <label>Name:</label>
                    </div>
                    <div class="col-md-9"><input class="form-control" type="text" name="model_name" id="model_name" /><br /></div>
                </div>

                <div class="row">
                    <div class="col-md-3">
                        <label>Email:</label>
                    </div>
                    <div class="col-md-9"><input class="form-control" type="text" name="model_email" id="model_email" /><br /></div>
                </div>

                <div class="row">
                    <div class="col-md-3">
                        <label>Mobile:</label>
                    </div>
                    <div class="col-md-9"><input class="form-control" type="text" name="model_mobile" id="model_mobile" /><br /></div>
                </div>
            </div>

            <div class="modal-footer">
                <button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>
            </div>
        </div>
    </div>
</div>

{% endblock %} {% block bottomscript %}


<script type="text/javascript">
var BaseUrl = document.location.origin;
    $(document).ready(function()
    {   
        calladdbutton();
        $("#add_new_btn").hide();
        $(document).on("click", "#search_user_btn", function (e) {
            
            validate_search_trigger_form();
            if(!$("#search_trigger_form").valid())
            {
                return false  
            }
           
    
            e.preventDefault();
            ShowProgress();
            var search       = $("#search").val();
            var society_id    =$("#society_id").val();
            $.ajax({
                type: "POST",
                url: BaseUrl + "/post_search_trigger_email_in_society_id",
                data: { 
                    'society_id'   : society_id,
                    'search'  : search,
                    
                     },
                dataType:'html',
                success: function (response) {
                    StopProgress();
                    var data_1 = JSON.parse(response);
                    var msg = data_1.msg;
                    var html_data = data_1.html_data;
                    if (html_data) {
                        $("#show_table").html(html_data);
                        calladdbutton();

                    } else {
                        alert(msg);
                        return false;
                    }
                },
            });
        });
      
     $(document).on("click", "#search_trigger_btn", function (e) {
        validate_search_trigger_form();
            if(!$("#search_trigger_form").valid())
            {
                return false  
            }

            e.preventDefault();
            ShowProgress();
            var search       = $("#search").val();
            var conf_id    =$("#conf_id").val();

            $.ajax({
                type: "POST",
                url: BaseUrl + "/post_search_trigger_mail_in_conf_id",
                data: { 
                    'conf_id'   : conf_id,
                    'search'  : search,
                     },
                dataType:'html',
                success: function (response) {
                    StopProgress();
                    var data_1 = JSON.parse(response);
                    var msg = data_1.msg;
                    var html_data = data_1.html_data;
                    if (html_data) {
                        $("#show_table").html(html_data);

                    } else {
                        alert(msg);
                        return false;
                    }
                },
            });
        });
 });

   
    $(document).on("click" , ".update_btn" ,function(e)
      {
        e.preventDefault();
         if (!confirm('Are you sure do you want to update this record?.'))
         {
             return false;
         }
         else
         {
            var report_id = $(this).attr("id");

            var is_active_1             = "#is_active_"+report_id;
            var is_consolidate_mail_1   = "#is_consolidate_mail_"+report_id;
            var is_separate_mail_1      = "#is_separate_mail_"+report_id;
            var active_conf_list_mail_1 = "#active_conf_list_mail_"+report_id;

            if($(""+is_active_1+"").is(':checked')) { var is_active = 1; }else {  var is_active = 0;}
            if($(""+is_consolidate_mail_1+"").is(':checked')) { var is_consolidate_mail = 1; }else {  var is_consolidate_mail = 0;}

            if($(""+is_separate_mail_1+"").is(':checked')) { var is_separate_mail = 1; }else {  var is_separate_mail = 0;}
            if($(""+active_conf_list_mail_1+"").is(':checked')) { var active_conf_list_mail = 1; }else {  var active_conf_list_mail = 0;}

            $.ajax({
                     type: "POST",
                     url: BaseUrl + "/update_trigger_mail",
                     data: { 
                        'report_id'               : report_id, 
                        'is_active'               : is_active,
                        'is_consolidate_mail'     : is_consolidate_mail,
                        'is_separate_mail'        : is_separate_mail,
                        'active_conf_list_mail'   : active_conf_list_mail
                         },
                     success: function (response)
                      {                  
                        var data_1 = JSON.parse(response);
                        var msg = data_1.msg;
                        var html_data = data_1.html_data;
                        if (data_1.status==1){
                           alert(msg);
                           return true;
                        }
                        else{
                            alert(msg);
                            return false;
                        }
                    },
                });
        }
        
    });

   
     function validate_search_trigger_form()
    {
        errorclass : 'error'
        $("#search_trigger_form").validate({
            rules : {

                search : {
                            required : true, 

                        },
                    } ,  

            messages : {
                search : {
                    required : "Please Enter Name or Email or Mobile ",
                    },
                },

            highlight: function(element) {
                $(element).parent().addClass('error')
            },
         
             unhighlight: function(element) {
                 $(element).parent().removeClass('error')
             },
     
             submitHandler: function(form) {
                 form.submit();
             },
             invalidHandler: function(form, validator) {

                if (!validator.numberOfInvalids())
                    return;

                $('html, body').animate({
                    scrollTop: $(validator.errorList[0].element).offset().top
                }, 300);
                // StopProgress();
                }
    })
    }
       function    calladdbutton(){
       var show_add_new_user =  $("#is_add_new_trigger").val();  
       if (show_add_new_user==1){
       $("#add_new_trigger").show(); 

       }
       else{
           $("#add_new_trigger").hide(); 
       }
     }

     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 %}