{% extends 'badge/badge_layout.html' %}

<title>{% block title %}DELEGATE NAME REPLACE {% endblock %}</title>

{% block content %}
<div class="container" style="max-width: 2000px !important;">
<div class="form-group row mt-3">
    <div class="col-lg-3 col-md-3 col-sm-12 "></div>
    <div class="col-lg-6 col-md-6 col-sm-12 ">
        <h5>DELEGATE NAME REPLACE</h5>
        <div class="card" style="border-color: #d9afad !important;">
             <!-- flash message start -->
                {% for mesg in get_flashed_messages(category_filter=["successMsg"]) %}
                <div class="alert alert-success text-align-center successMessage alert-dismissible">
                    <p class="close" data-dismiss="alert" aria-label="close">&times;</p>
                    <h6>{{ mesg|safe }}</h6>
                </div>
                {% endfor %} {% for mesg in get_flashed_messages(category_filter=["errorMsg"]) %}
                <div class="alert alert-danger text-align-center successMessage" id="successMessage">
                    <p class="close" data-dismiss="alert" aria-label="close">&times;</p>
                    <h6>{{ mesg|safe }}</h6>
                </div>
                {% endfor %}

                <!-- flash message end -->

            <div class="card-body">
                <div class="row mt-3 text-center">
                        <div class="col-lg-4 col-md-4 col-sm-12">
                            <label style="font-size:21px">Select table :</label><br />
                        </div>

                        <div class="col-lg-8 col-md-8 col-sm-12">
                            <select class="form-control" id="table_name" name="table_name" onchange="get_table()" >
                                <option value="" id="select" disabled selected>--SELECT--</option>
                                {% if table_list %}
                                    {% for del_table_name in table_list %}
                                    {% if loop.index == 1 : %}
                                        <option value="{{del_table_name}}"> Delegate Table </option>
                                    {% else : %}
                                        <option value="{{del_table_name}}">Conference Delegate Table </option>
                                    {% endif %}
                                    {% endfor %} 
                                {% endif %}
                            </select>
                        </div>
                    </div>
                    <div style="display:none;" class="row  text-center get_del_table mt-2">
                        <div class="col-lg-4 col-md-4 col-sm-12">
                            <label style="font-size:21px">Select text for replace :</label>
                        </div>
                        <div class="col-lg-8 col-md-8 col-sm-12">
                           

                            <select class="form-control"  id="del_name_replace" name="del_name_replace" required>
                                <option value="" id="select" disabled selected>--SELECT--</option>
                                <option value="Dr ">Dr </option>
                                <option value="Dr.">Dr.</option>
                                <option value="dr ">dr </option>
                                <option value="dr.">dr.</option>
                                <option value="DR ">DR </option>
                                <option value="DR.">DR.</option>
                            </select>
                        </div>
                    </div>
                     <div style="display:none;" class="row text-center get_conf_del_table mt-2">
                        <div class="col-lg-4 col-md-4 col-sm-12">
                            <label style="font-size:21px">Select text for replace :</label>
                        </div>
                        <div class="col-lg-8 col-md-8 col-sm-12">
          

                            <select class="form-control"  id="conf_name_replace" name="conf_name_replace" required>
                                <option value="" id="select" disabled selected>--SELECT--</option>
                                <option value="Dr Dr">Dr Dr</option>
                                <option value="Dr. Dr. ">Dr. Dr.</option>
                                <option value="dr dr">dr dr</option>
                                <option value="dr.dr.">dr.dr.</option>
                                <option value="DR DR">DR DR</option>
                                <option value="DR.DR.">DR.DR.</option>
                            </select>
                        </div>
                    </div>
                    
                    <div class="row">
                        <div class="col-lg-5 col-md-5 col-sm-12">
                            <input type="hidden" name="conf_id" id="conf_id" value="{{conf_id}}" />
                            <input type="hidden" name="conf_key" id="conf_key" value="{{conf_key}}" />
                            <input type="hidden" name="is_main_del_table" id="is_main_del_table" value="0" />
                            
                        </div>
                        <div class="col-lg-2 col-md-2 col-sm-12">

                            <label for="save"></label><br />
                             <input type="button" class="btn btn-success text-center" id="get_detail" value="Get Data" />
                        </div>
                        <div class="col-lg-5 col-md-5 mt-4 text-right col-sm-12">
                            
                        </div>
                    </div>
                  
            </div>
        </div>
    </div>
        
           
  
    <div class="col-lg-3 col-md-3 col-sm-12 "></div>
</div> <!-- row end -->
 <div class="row">
    <div class="col-lg-3 col-md-3 col-sm-12"  ></div>
         <div class="col-lg-6 col-md-6 col-sm-12 text-center"  >
                <div id="del_details_table"></div>
            </div>
        
        <div class="col-lg-3 col-md-3 col-sm-12"  ></div>
        
    </div>
</div>
<br>
{% endblock %}

{% block bottomscript %}

<script type="text/javascript">
    var BaseUrl = document.location.origin;
   
    $(document).ready(function ()
    {
        $("#get_detail").click(function (e) 
        {
            e.preventDefault();
            
            var conf_id        = $("#conf_id").val();
            var conf_key       = $("#conf_key").val();
            var del_table_name = $("select[name=table_name]").val();

            if("unidefined" == del_table_name  || del_table_name === null)
           {
            alert("Please select table name ");
            return false;
           }

             var table_name       = del_table_name.split('.')[1];
            var is_main_del_table = 0;

 
            if( table_name.indexOf("_") == -1)
            {  
                var name_replace = $("select[name=del_name_replace]").val(); // Here we can get the value of selected item
                var is_main_del_table = 1;
                $("#is_main_del_table").val(1);
            }
            else
            {   
                var name_replace = $("select[name=conf_name_replace]").val(); // Here we can get the value of selected item
                var is_main_del_table = 0;
                $("#is_main_del_table").val(0);
            }
           if("unidefined" == name_replace  || name_replace === null)
           {
            alert("Please select text for replace");
            return false;
           } 
           var is_main_del_table = $("#is_main_del_table").val();

                $.ajax({
                        type: "GET", // <-- get method of form
                        url: BaseUrl + "/" + conf_id + "/" + conf_key + "/view_delegate_name_replace", // <-- get action of form
                        data: { 'conf_id': conf_id,'conf_key': conf_key,'del_table_name': del_table_name,
                        'name_replace': name_replace,"is_main_del_table": is_main_del_table},
                        success: function (response) 
                        {
                            var data_1    = JSON.parse(response);
                            var status    = data_1.status;
                            var msg       = data_1.msg;
                            var html_data = data_1.html_data;
                          
                            if (status == 1)
                            {
                                // alert(msg);
                                $("#del_details_table").empty();
                                $("#del_details_table").html(html_data);
                                return true;
                            } 
                            else 
                            {
                                alert(msg);
                                $("#del_details_table").empty();
                                return false;
                            }
                        },
                });
            
        });
    });

 
    function get_table()
    {
        var del_table_name = $("select[name=table_name]").val();
        if(del_table_name == "numerotech_primary_db.delegates")
        {
        $(".get_del_table").show();
        $(".get_conf_del_table").hide();
        }
        else{
            $(".get_del_table").hide();
            $(".get_conf_del_table").show();
        }
    }







</script>

{% endblock %}