{% extends 'root/base.html' %}
{% load static %}
{% block title %}  Authorization Group (Application Settings) {% endblock %}
{% block maincontent %}
{% include 'root/loader.html' %}

<div class="container-fluid">
    <div class="configuration-table_wrapper">
        <div class="elements-space-between">
            <h3>Maintain Authorization Groups</h3>
            <div>
                <button class="btn btn-outline-primary"  title="Extract" onclick="location.href='{% url 'eProc_Application_Settings:extract_attributes_group_data' %}'"type="button">
                    <i class="fas fa-download"></i> extract data
                </button>
                <button class="btn btn-primary" title="Add Authorization Group" type="button" id="id_add_data" value="ADD" data-toggle="modal" data-target="#auth_group_Modal" onclick="onclick_add_button(this)">
                    <i class="fa fa-plus"></i> add authorization group</button>
                <button class="btn btn-outline-secondary" id="id_close" value="close" title="Close"  onclick="window_close();">
                    <i class="fas fa-times"></i> close
                </button>
            </div>
        </div>
        <hr>
        <div class="configuration-table_section">
            <div id="err_msg_app_settings"> </div>
            <div id="err_msg_app_settings_t" class="alert alert-success" hidden><span id="success_msg_id"></span></div>
            <div class="table-container">
                <div class="edit-button-section mb-4">
                    <button class="btn btn-secondary btn-sm" title="Edit" id="id_edit_data"  onclick="onclick_edit_button()">
                        <i class="fas fa-edit"></i> edit
                    </button>
                    <button class="btn btn-outline-danger btn-sm" id="id_delete_data" title= "DELETE" value="Delete" style="display:none;" onclick="onclick_delete_button()">
                        <i class="fa fa-trash"></i> delete
                    </button>
                    <button class="btn btn-secondary btn-sm" title="Cancel" id="id_cancel_data" style="display:none;" type="button"  onclick="display_basic_db_data()">
                        <i class="fas fa-times"></i> cancel
                    </button>
                </div>
                <table id="display_basic_table" class="class_basic_auth_group_table table table-bordered custom-table">
                    <thead id="id_auth_group_table_header">
                    <tr>
                        <th id="hg_select_checkbox" hidden>
                            <div id="id_check_all" style="display:none;">
                                <input type="checkbox" id="selectAll" name="chk[]">
                            </div>
                        </th>
                        <th>Authorization Group</th>
                        <th>Authorization Group Description</th>
                        <th>Authorization Type</th>
                        <th>Authorization Object </th>
                        <th hidden>Guid</th>
                    </tr>
                    </thead>
                    <tbody id="id_auth_group_tbody">
                    {% for authgrp in auth_grp %}
                    <tr>
                        <td class="class_select_checkbox" hidden><input type="checkbox" class="checkbox_check" onclick="valueChanged()" required></td>
                        <td>{{authgrp.auth_obj_grp}}</td>
                        <td>{{authgrp.auth_grp_desc}}</td>
                        <td>{{authgrp.auth_level}}</td>
                        <td>{{authgrp.auth_obj_id}}</td>
                        <td hidden>{{authgrp.auth_grp_guid}}</td>
                    </tr>
                    {% endfor %}
                    </tbody>
                </table>
            </div>
        </div>
    </div>
    <!--modal popup for Add,copy,update and upload-->
    <div class="modal fade" id="auth_group_Modal">
        <div class="modal-dialog modal-dialog-centered modal-xl">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title"> Maintain Authorization Group</h5>
                    <button type="button" class="close remove_upload_data" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <!-- Modal body -->
                <div class="modal-body">
                    <div class="popup-vertical-scroll">
                        <div id="id_del_add_button" class="mb-4">
                            <button class="btn btn-primary" type="button" title="Add New Row " onclick="add_popup_row()"><i class="fa fa-plus"></i> Add New Row   </button>
                            <button class="btn btn-outline-danger" title="Delete" onclick="application_settings_delete_Row('id_popup_table')"><i class="fa fa-trash" aria-hidden="true" title="Delete Line"></i> Delete</button>
                        </div>
                        <div id="id_check_success_messages" class="alert alert-success check_success_message" hidden></div>
                        <div id="id_check_error_messages" class="alert alert-danger check_error_messages" hidden></div>
                        <div id="id_check_special_character_messages" class="alert alert-danger check_special_character_messages" hidden>
                            <p id="id_error_msg_auth_group_code"></p>
                            <p id="id_error_msg_auth_group_name"></p>
                            <p id="id_error_msg_auth_group_length"></p>
                        </div>
                        <div id="error_msg_id" class="alert alert-danger display-none" role="alert"><span id="error_message"></span></div>
                        <div id="id_warning_msg_id" class="alert alert-warning display-none" role="alert"></div>
                        <div id="id_info_msg_id" class="alert alert-primary display-none" role="alert"></div>
                        <table class="class_popup_table table table-bordered mt-2" id="id_popup_table">
                            <thead>
                            <tr>
                                <th>Select</th>
                                <th>Authorization Group</th>
                                <th>Authorization Group Description</th>
                                <th>Authorization Type</th>
                                <th>Authorization Object </th>
                                <th hidden>GUID</th>
                                <th id="id_del_ind_checkbox" hidden>Del Indicator</th>
                            </tr>
                            </thead>
                            <tbody id=id_popup_tbody>
                            </tbody>
                        </table>
                    </div>
                </div>
                <!-- Modal footer -->
                <div class="modal-footer">
                    <button type="button" class="btn btn-outline-primary remove_upload_data" title="Cancel" data-dismiss="modal"><i class="fas fa-times"></i> cancel</button>
                    <button class="btn btn-primary btn-sm" title="Delete" id="delete_data" value="DELETE" data-toggle="modal" data-target="#id_delete_confirm_popup" onclick="hideModal()">
                        <i class="fa fa-trash"></i> Delete
                    </button>
                    <button id="id_delete_duplicate" class="btn btn-primary" style="display:none;" type="button" onclick="delete_duplicate()"><i class="fa fa-trash"></i> delete duplicates</button>
                    <button class="btn btn-primary" title="Save" id="save_id"><i class="fas fa-save"></i> save</button>
                </div>
            </div>
        </div>
    </div>
    <!--end of modal popup for Add,copy,update and upload-->
    <!-- modal popup to upload the csv file; save confirmation popup; delete confirmation popup -->
    {% include 'configuration_common_pop_up.html' %}
    <div>
        {% if messages %} {% for message in messages %} {% if message.tags == 'success' %}
        <div style="color: green; ">{{ message }}</div>
        {% endif %} {% if message.tags == 'error' %}
        <div style="color: red; ">{{ message }}</div>
        {% endif %} {% if message.tags == 'info' %}
        <div style="color: Black bold"><b>{{ message }}</b> </div>
        {% endif %} {% endfor %} {% endif %}
    </div>
</div>
{{ auth_level_value|json_script:"auth_type_db_values" }}
{{ auth_grp|json_script:"auth_grp_data" }}
<script>
    var rendered_auth_type = JSON.parse(document.getElementById('auth_type_db_values').textContent);
    var rendered_auth_group_data = JSON.parse(document.getElementById('auth_grp_data').textContent);
    var rendered_auth_obj_data
    var rendered_auth_group_field_data
    var auth_group_data_array = {}
    var messages_list = {{messages_list|safe}};
    var main_table_auth_group_value = [];
    var auth_group = '';
    var edit_basic_data = '';
    var GLOBAL_ACTION = '';
    var no_duplicate_entries = 'Y'
    var Tablename = uiConstants["CONST_TABLENAME_AUTH_GROUP"]
    var appname = uiConstants["CONST_APPNAME02"]
    var db_header_data = uiConstants["CONST_HEADER_DATA_AUTH_GROUP"]
    //**************************************
    var auth_obj_id_dropdown ;
    var auth_level_dropdown ;
    var auth_group_id_dropdown;
    var auth_group_desc_dropdown ='';
    var auth_group_id_add_dropdown = '';
    var auth_group_desc_add_dropdown ='';
    var auth_grp_desc = '';
    var rendered_auth_level = {};
    var main_table_auth_level = {};
    var hiddenAuthObjectIDs = [];

    //*************************
    function dropdown_value(){
        auth_group_id_dropdown='';
        $.each(rendered_auth_group_field_data, function(i, item){
            auth_group_id_dropdown += '<option value="' + item.field_type_id + '">' + item.field_type_id +'</option>';
        })

        if(rendered_auth_group_field_data.length != 0){
            auth_grp_desc = rendered_auth_group_field_data[0].field_type_desc; }
        else {
            auth_grp_desc = "";
        }

        auth_level_dropdown ='';
        $.each(rendered_auth_type, function(i, item){
            auth_level_dropdown += '<option value="' + item.field_type_id + '">' + item.field_type_id +'</option>';
        })

        auth_obj_id_dropdown = '';
        var firstAuthType = rendered_auth_type[0].field_type_id;
        $.each(rendered_auth_obj_data, function(i, item){
            var authTypeValue = item.auth_level;
            if(firstAuthType==authTypeValue){
                auth_obj_id_dropdown += '<option value="' + item.auth_obj_id + '">' + item.auth_obj_id +'</option>';
            }
        })
    }

    // Onclick of add button ton enter values in dropdown
    function auth_group_drpdown() {
        var hiddenAuthGroupIDs = [];
        hiddenAuthObjectIDs = [];

        // Iterate through the rendered_auth_group_field_data to build the auth_group_id dropdown
        auth_group_id_dropdown='';
        $.each(rendered_auth_group_field_data, function (i, item) {
            var authGroupID = item.field_type_id;
            if (!hiddenAuthGroupIDs.includes(authGroupID)) {
                if (areAllValuesUsed(authGroupID)) {
                    for (var j = 0; j < rendered_auth_group_field_data.length; j++) {
                        var authGroupID = rendered_auth_group_field_data[j].field_type_id;
                        if (!hiddenAuthGroupIDs.includes(authGroupID)) {
                            auth_group_id_dropdown += '<option value="' + authGroupID + '">' + authGroupID + '</option>';
                        }
                    }
                    return false;
                }
            }
        });

        $.each(hiddenAuthGroupIDs, function (i, hiddenAuthGroupID) {
            auth_group_id_dropdown = auth_group_id_dropdown.replace(new RegExp('<option value="' + hiddenAuthGroupID + '">.*<\/option>'), '');
        });

        if (rendered_auth_group_field_data.length != 0) {
            auth_grp_desc = rendered_auth_group_field_data[0].field_type_desc;
        } else {
            auth_grp_desc = "";
        }

        // Function to check if all auth_level and auth_obj_id values for a specific auth_group_id are used in the main table
        function areAllValuesUsed(authGroupID) {
            var authValues = main_table_data[authGroupID];
            if (!authValues) {
                return false;
            }

            main_table_auth_level = {};
            authValues.forEach(item => {
                var authLevel = item.auth_level; // Assuming this property holds the auth_level
                if (!main_table_auth_level[authLevel]) {
                    main_table_auth_level[authLevel] = new Set();
                }
                main_table_auth_level[authLevel].add(item.auth_obj_id);
            });
            rendered_auth_level = {};
            rendered_auth_obj_data.forEach(item => {
                var authLevel = item.auth_level;
                if (!rendered_auth_level[authLevel]) {
                    rendered_auth_level[authLevel] = new Set();
                }
                rendered_auth_level[authLevel].add(item.auth_obj_id);
            });

            auth_level_dropdown ='';
            for (const authLevel in rendered_auth_level) {
                if (main_table_auth_level.hasOwnProperty(authLevel)) {
                    if (rendered_auth_level[authLevel].size === main_table_auth_level[authLevel].size) {
                        hiddenAuthLevelIDs.push(authLevel);
                    } else {
                        auth_level_dropdown += '<option value="' + authLevel + '">' + authLevel + '</option>';
                    }
                }
            }

            auth_obj_id_dropdown = '';
            var options = auth_level_dropdown.split('<option value="');
            var firstAuthLevel = options[1].split('">')[0];
            const authLevel = firstAuthLevel;
            if (rendered_auth_level[authLevel]) {
                rendered_auth_level[authLevel].forEach((auth_obj_id) => {
                    if (main_table_auth_level[authLevel] && main_table_auth_level[authLevel].has(auth_obj_id)) {
                        hiddenAuthObjectIDs.push(auth_obj_id);
                    } else {
                        auth_obj_id_dropdown += '<option value="' + auth_obj_id + '">' + auth_obj_id + '</option>';
                    }
                });
            }

            if (auth_level_dropdown === '') {
                return false;
            } else {
                return true;
            }
        }
    }


    // validate and save for add,copy,update and upload data
    function popup_save_data() {
        $('#success_msg_id').empty()
        $('#id_popup_table').DataTable().destroy();
        var error_message = '';
        no_duplicate_entries = 'Y'
        no_duplicate_value = 'Y'
        get_main_table_data(); //Read data from main table
        // compare for duplicates in popup
        [no_duplicate_value,error_message] = compare_table_for_duplicate_entries(validate_add_attributes, auth_group_data)
        if (error_message){
            display_error_message(error_message)
        }
        else {
            if ((GLOBAL_ACTION == "COPY") || (GLOBAL_ACTION == "ADD")) {
                [no_duplicate_entries,error_message] = maintable_validation(validate_add_attributes, main_table_low_value)
                if(no_duplicate_entries == 'N'){
                    $('#auth_group_Modal').modal('show');
                }
            }
            if ((no_duplicate_value == 'Y') && (no_duplicate_entries == 'Y')) {
                var add_basic_data = '';
                var auth_group_data_array = auth_group_data;
                $('#id_save_confirm_popup').modal('hide');
                data = {'data':auth_group_data,'table_name':'AuthorizationGroup','action':GLOBAL_ACTION}
                OpenLoaderPopup();
                $.ajax({
                    type: 'POST',
                    url: "{% url 'eProc_Configuration:create_update_application_data'%}",
                    data: JSON.stringify(data),
                    contentType: "application/json; charset=utf-8",
                    dataType: "json",
                    success: function(Response) {
                        rendered_auth_group_data = Response[0];
                        rendered_auth_group_field_data = Response[2];
                        display_basic_db_data();
                        $('#auth_group_Modal').modal('hide');
                        success_response(Response);  // Display Response data
                        CloseLoaderPopup();
                    }
                });
            }
            else if (error_message){
                display_error_message(error_message)
            }
        }
        table_sort_filter('id_popup_table');
    }

   // Onclick delete Button
    function onclick_delete_button() {
        $("#error_msg_id").css("display", "none");
        $('#id_popup_table').DataTable().destroy();
        $("#id_popup_tbody").empty();
        GLOBAL_ACTION = "DELETE";
        var edit_basic_data = "";
        var guid = '';
        main_table_auth_group_checked = [];
        get_row_data("#display_basic_table"); // Function call to get the selected row data
        display_button(); // Call the display_button function to show/hide the buttons
        var data = {'data': main_table_auth_group_checked, 'table_name': 'AuthorizationGroup', 'action': GLOBAL_ACTION };
        OpenLoaderPopup();
        $.ajax({
            type: 'POST',
            url: "{% url 'eProc_Configuration:create_update_delete_flags' %}",
            data: JSON.stringify(data),
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            success: function(Response) {
                var docTypeArray = Response.delete_flags; // Get the delete_flags array from the response
                var res = get_all_checkboxes(); // Function to get all the checkboxes
                var $chkbox_all = $('td input[type="checkbox"]', res);
                var j = 0; // Index for docTypeArray
                for (var i = 0; i < $chkbox_all.length; i++) {
                    if ($chkbox_all[i].checked) {
                        var row = $chkbox_all[i].parentNode.parentNode;
                        if (j < docTypeArray.length && docTypeArray[j] === false) {
                            check = '<input type="checkbox" disabled>';
                            $('#delete_data').prop('disabled', true);
                        } else {
                            check = '<input type="checkbox" onclick="enableDeleteButton()">';
                            $('#delete_data').prop('disabled', true);
                        }
                        j++; // Move to the next index in docTypeArray
                        edit_basic_data +=
                            `<tr>
                                <td>${check}</td>
                                <td><input type="text" class="input form-control authgroup"  value="${row.cells[1].innerHTML}" disabled></td>
                                <td><input class="form-control description" type="text"  name="description" value="${row.cells[2].innerHTML}"  disabled></td>
                                <td><input class="form-control" value="${row.cells[3].innerHTML}" disabled></td>
                                <td><input class="form-control"  value="${row.cells[4].innerHTML}" disabled></td>
                                <td hidden><input type="text" value="GUID"></td>
                                <td class="class_del_checkbox" hidden><input type="checkbox" required></td>
                            </tr>`;
                    }
                }
                CloseLoaderPopup();
                $('#id_popup_tbody').append(edit_basic_data);
                $("#id_del_ind_checkbox").prop("hidden", true);
                $('#auth_group_Modal').modal('show');
                table_sort_filter('id_popup_table');
                enableDeleteButton();
            },
        });
    }

    //delete the selected row in db................
    var main_table_auth_group_checked = [];
    function main_table_delete() {
        $('#success_msg_id').empty()
        GLOBAL_ACTION = 'DELETE'
        main_table_auth_group_checked = [];
        $('#display_basic_table').DataTable().destroy();
        get_row_data("#id_popup_table");
        $('#id_delete_confirm_popup').modal('hide');
        data = {'data':main_table_auth_group_checked,'table_name':'AuthorizationGroup','action':GLOBAL_ACTION}
        OpenLoaderPopup();
        $.ajax({
            type: 'POST',
            url: "{% url 'eProc_Configuration:create_update_application_data' %}",
            data: JSON.stringify(data),
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            success: function(Response) {
                rendered_auth_group_data = Response[0];
                rendered_auth_group_field_data = Response[2];
                display_basic_db_data();
                success_response(Response); // Function call to display response data
                 CloseLoaderPopup();
            }
        });
    }
   
    //onclick of add button display auth_group_Modal popup and set GLOBAL_ACTION button value
    function onclick_add_button(button) {
        OpenLoaderPopup();
        var data = {'table_name':'AuthorizationGroup'}
        $.ajax({
            type: 'POST',
            url: "{% url 'eProc_Configuration:get_dropdown_data' %}",
            data: JSON.stringify(data),
            success: function(response) {
                rendered_auth_obj_data = response.upload_data_AuthorizationGroup
                rendered_auth_group_field_data = response.auth_group_db_values
                rendered_auth_type = response.auth_type_db_values
                get_auth_grp_data();
                auth_group_drpdown();
                $("#error_msg_id").css("display", "none")
                $("#header_select").prop( "hidden", false );
                GLOBAL_ACTION = button.value
                display_button();
                $('#id_popup_table').DataTable().destroy();
                $("#id_popup_tbody").empty();
                $('#auth_group_Modal').modal('show');
                new_row_data();   // Add a new row in popup
                $("#id_del_ind_checkbox").prop("hidden", true);
                document.getElementById("id_del_add_button").style.display = "block";
                $("#save_id").prop("hidden", false);
                CloseLoaderPopup();
            }
        });
    }

    // on click add icon display the row in to add the new entries
    function add_popup_row() {
        $("#error_msg_id").css("display", "none")
        basic_add_new_html = '';
        var display_db_data = '';
        $('#id_popup_table').DataTable().destroy();
        $(".modal").on("hidden.bs.modal", function() {
            $("#id_error_msg").html("");
        });
        basic_add_new_html = '<tr><td><input type="checkbox" required></td>'+
        '<td><select type="text" class="input form-control authgroup" onchange="get_auth_level_values(this)">'+ auth_group_id_dropdown+'</select></td>'+
        '<td><input class="form-control description" type="text"  name="description" value="'+auth_grp_desc+'"  disabled></td>'+
        '<td><select class="form-control" onchange="get_auth_obj_value(this)">'+auth_level_dropdown+'</select></td>'+
        '<td><select class="form-control">'+auth_obj_id_dropdown+'</select></td>'+
        '<td hidden><input type="text" value="GUID"></td><td class="class_del_checkbox" hidden><input type="checkbox" required></td></tr>';
        $('#id_popup_tbody').append(basic_add_new_html);
        table_sort_filter('id_popup_table');
    }

    // validating the  popup table for duplicate entries
    function compare_table_for_duplicate_entries(validate_add_attributes, auth_group) {
        add_attr_duplicates = false;
        var error_message =''
        var common = [];
        var add_attr_unique_list = [];
        var no_duplicate_value = 'Y'
        $.each(auth_group, function (i, item){
            if ((item.auth_obj_grp == null) || (item.auth_grp_desc.length == 0 )){
                error_message = ui_messeges("JMSG002")// Get message details
                no_duplicate_value = 'N'
                return [no_duplicate_value,error_message]
            }
        });
        if (no_duplicate_value == 'Y') {
            $.each(validate_add_attributes, function(index, value) {
                if ($.inArray(value, add_attr_unique_list) == -1) {
                    add_attr_unique_list.push(value);
                } else {
                    if ($.inArray(value, common) == -1) {
                        common.push(value);
                    }
                }
            });
            if (common.length != 0) {
                display_duplicate_entry(common);  //Function to highlight the rows in popup
                error_message = ui_messeges("JMSG001")// Get message details
                no_duplicate_value = 'N'
                return [no_duplicate_value,error_message]
            }
        }
        return [no_duplicate_value,error_message]
    }

    //Function to highlight duplicate records
    function display_duplicate_entry(common) {
        var auth_group_check = new Array;
        $("#id_popup_table TBODY TR").each(function() {
            var row = $(this);
            auth_group = {}
            auth_group.auth_obj_grp = row.find("TD").eq(1).find('select[type="text"]').val();
            auth_group.auth_grp_desc = row.find("TD").eq(2).find('input[type="text"]').val().toUpperCase();
            auth_group.auth_level = row.find("TD").eq(3).find("select option:selected").val();
            auth_group.auth_obj_id = row.find("TD").eq(4).find("select option:selected").val(); 
            var compare = auth_group.auth_obj_grp + ' - ' + auth_group.auth_grp_desc+ ' - ' +auth_group.auth_level+ ' - ' + auth_group.auth_obj_id
            auth_group_check.push(compare);
            jQuery.grep(auth_group_check, function(el) {
                if (jQuery.inArray(el, common) != -1) {
                    row_color_highlight(row);
                }
                else {
                    row_color_no_highlight(row);
                }
            });

        });
    }

</script>
<script src="{% static 'scripts/organisational_data/org_authorization_group.js' %}"></script>
{% endblock %}