Sindbad~EG File Manager

{% extends "conf_dashboard/admin_layout.html" %} 
{% block style %} 
{% endblock %} 
{% block content %}
            <input type="hidden" name="conf_id" id="conf_id" value="{{conf_id}}" />
            <input type="hidden" name="conf_key" id="conf_key" value="{{conf_key}}" />
            <div class="container mt-1">
                <center>
                    <h5>MC Info Dashboard</h5>
                    <div class="row mb-4">
                        <div class="col-lg-4 col-sm-12 p-3" style="background: #ffb68d;">
                            <h6>Total Delegate</h6>
                            <div class="row">
                                <div class="col-lg-6 p-1">
                                    <input readonly class="form-control" value="{{delegate_count}}" />
                                </div>
                                <div class="col-lg-6 p-1">
                                    <button type="button" class="btn btn-dark form-control" id="view_btn" data-value="Total delegate count" name="">View</button>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-4 col-sm-12 p-3" style="background: #ff8c91;">
                            <h6>MC updated count</h6>
                            <div class="row">
                                <div class="col-lg-6 p-1">
                                    <input readonly class="form-control" value="{{mc_updated_count}}" />
                                </div>
                                <div class="col-lg-6 p-1">
                                    <button type="button" class="btn btn-dark form-control" id="view_btn" data-value="MC updated count">View</button>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-4 col-sm-12 p-3" style="background: #ffb68d;">
                            <h6>MC update pending count</h6>
                            <div class="row">
                                <div class="col-lg-6 p-1">
                                    <input readonly class="form-control" value="{{mc_pending_count}}" />
                                </div>
                                <div class="col-lg-6 p-1">
                                    <button type="button" class="btn btn-dark form-control" id="view_btn" data-value="MC update pending count">View</button>
                                </div>
                            </div>
                        </div>
                    </div>
                </center>
            </div>
                    <hr />
                    <div class="container">
                        <!-- <div class="row"> -->
                            <!-- <div class="col-lg-12 d-flex justify-content-start" style="text-align: right;"> -->
                            <div class="col-lg-12 justify-content-start" style="text-align: right;">
                                <button type="submit" class="btn "  id="export_btn" name="export_btn" title="Export" style="background-color: #EA6166;">Export</button>
                            </div>
                            <div id="table_content"></div>

                            <div class="modal" id="model_div" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
                                <div class="modal-dialog modal-dialog-centered" role="document">
                                    <div class="modal-content">
                                        <div class="modal-header">
                                            <h5 class="modal-title" id="exampleModalLongTitle">Delegate details</h5>

                                            <button type="button" class="btn close" data-dismiss="modal" aria-label="Close" id="close_btn">
                                                <span aria-hidden="true">&times;</span>
                                            </button>
                                        </div>
                                        <div id="model_content"></div>
                                        <div class="modal-footer">
                                            <button type="button" class="btn btn-danger" data-dismiss="modal" id="close_btn">Close</button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    {% endblock %} {% block bottomscript %}

    <script type="text/javascript">
        var BaseUrl = document.location.origin;

        $(document).ready(function () {
            $("#export_btn").hide();
            $(document).on("click", "#close_btn", function () {
                $("#model_content").empty();
                $("#model_div").hide();
            });

            $(document).on("click", "#view_btn", function (e) {
                e.preventDefault();
                $("#export_btn").show();
                var conf_id = $("#conf_id").val();
                var conf_key = $("#conf_key").val();
                var view_type = $(this).attr("data-value");

                $.ajax({
                    type: "POST",
                    url: BaseUrl + "/" + conf_id + "/" + conf_key + "/mc_update_table_data",
                    data: { 'view_type': view_type },
                    success: function (response) {
                        var data_1 = JSON.parse(response);
                        var msg = data_1.msg;
                        if (data_1.status == 1) {
                            $("#table_content").html(data_1.html_data);
                        } else {
                            alert(msg);
                            return false;
                        }
                    },
                });
            });

            $(document).on("click", "#update_btn", function (e) {
                e.preventDefault();
                $("#export_btn").show();
                var conf_id = $("#conf_id").val();
                var conf_key = $("#conf_key").val();
                var delegate_id = $("#delegate_id").val();
                var email = $("#email").val();
                var mobile = $("#mobile").val();
                var mc_number = $("#mc_number").val();
                var mc_state_id = $("#mc_state_id").val();

                $.ajax({
                    type: "POST",
                    url: BaseUrl + "/" + conf_id + "/" + conf_key + "/update_mc_update",
                    data: { 'delegate_id': delegate_id, 'email': email, 'mobile': mobile, 'mc_number': mc_number, 'mc_state_id': mc_state_id },

                    success: function (response) {
                        var data_1 = JSON.parse(response);
                        var msg = data_1.msg;
                        if (data_1.status == 1) {
                            alert(msg);
                            $("#model_div").hide();
                        } else {
                            alert(msg);
                            return false;
                        }
                    },
                });
            });
        });

        function show_model_content(delegate_id) {
            $("#model_div").show();
            $("#export_btn").show();
            var conf_id = $("#conf_id").val();
            var conf_key = $("#conf_key").val();

            $.ajax({
                type: "POST",
                url: BaseUrl + "/" + conf_id + "/" + conf_key + "/edit_mcupdate",
                data: { 'delegate_id': delegate_id },
                success: function (response) {
                    var data_1 = JSON.parse(response);
                    var msg = data_1.msg;
                    $("#model_content").empty();
                    $("#model_content").html(data_1.html_data);
                },
            });
        }
    </script>
                    {% endblock %}