@extends('layouts.app', ['dashBoardTitle' => 'COMPANIES'])

@section('content')
    <style>
        .highlight {
            background-color: rgb(199, 199, 156);
            font-weight: bold;
        }

        .check_filter_group {
            display: none;
        }

        .check_filter_combination {
            display: none;
        }

        

        .check_filter_group > .show{
                display: block;
        }

        .check_filter_combination > .show{
                display: block;
        }

        .check_filter_group > .hide{
                display: none;
        }

        .check_filter_combination > .hide{
                display: none;
        }
    </style>

    <div class="container">

    </div>

    <div class="card-body clr-al">
        @if (session('status'))
            <div class="alert alert-success" id="success-message">
                {{ session('status') }}
            </div>
        @endif

        @if (session('message'))
            <div class="alert alert-success" id="success-message">
                {{ session('message') }}
            </div>
        @endif


        <div class="mb-3">
            <!-- <div id="error-message" style="color: red;"></div> -->
            @if ($limit != 0)
                <a class="btn btn-success" href="{{ URL::to('add_company_view') }}">Create Company</a>
            @else
                <a class="btn btn-success" href="javascript:void(0);" data-toggle="modal"
                    data-target=".bd-example-modal-lg"> Create Company</a>
            @endif

            <a class="btn btn-secondary" href="{{ url('companies-list') }}">Show all</a>
            <!-- <input id="myInput" type="text" class="form-control" style="float:right;width: 20%;height: 25.333334px;" name="query" placeholder="Search..."> -->
            <a id="combination-select-toggle-btn" class="btn btn-success float-right toggle-btn" onclick="showCheckbox('combination')" href="#">Combination</a>
            <a id="group-select-toggle-btn" class="btn btn-success float-right mr-2 toggle-btn" onclick="showCheckbox('group')" href="#">Tax Group</a>

        </div>

        <div class="export-btn-container d-flex justify-content-center">
            <!-- <a class="export-btn" href="report">See Audit Report</a> -->
            <div class="col-md-12">
                <div class="dataTables">
                    <!-- <input id="myInput" type="text" class="form-control" style="float:right;width: 20%;" name="query" placeholder="Search..."> -->
                    @if (isset($list))
                        <div>
                            <input type="search" id="search-input" class="form-control mb-1"
                                style="float:right;width: 20%;height: 25px;;" name="query" placeholder="Search...">
                        </div>
                        <table id="company"class="table table-bordered table table-hover table-center  mt-5 p-5">
                            <tr class="b-cl-gry">
                                <th class="d-flex justify-content-evenly" scope="col">
                                    <span>
                                        <div id="checkbox_combination"
                                            class="check_filter_combination check_filter"style="display: none; margin-right: -18px;">
                                            <label for="myCheckbox"></label>
                                            <input type="checkbox" id="myCheckbox" onclick="selectall(this,'combination')">
                                        </div>
                                    </span>

                                    <span>
                                        <div id="checkbox_group"
                                            class="check_filter_group check_filter"style="margin-left: -11px;">
                                            <label for="myCheckbox"></label>
                                            <input type="checkbox" id="myCheckbox" onclick="selectall(this,'group')">
                                        </div>
                                    </span>
                                    <span>S.No.</span>
                                </th>
                                <th width="500px" class="text-center" scope="col">{{ trans('Company Name') }}</th>
                                <th class="text-center" scope="col">{{ trans('Action') }}</th>
                            </tr>

                                                        <tbody id="myTable">
                                @if (count($list) > 0)
                                    @foreach (@$list as $index => $company)
                                        <td class="d-flex justify-content-around" scope="row">
                                            <span>
                                                <div
                                                    id="checkbox_combination_{{ $company->id }}"class="check_filter_combination check_filter">
                                                    <label for="myCheckbox"></label>
                                                    <input type="checkbox" name="combination[]" value="{{ $company->id }}"
                                                        class="checkbox checkbox_combination"
                                                        id="combination_check_{{ $company->id }}"
                                                        data-combination-name="{{ $company->taxpayer }}">
                                                </div>

                                                <div
                                                    id="checkbox_group_{{ $company->id }}"class="check_filter_group check_filter">
                                                    <label for="myCheckbox"></label>
                                                    <input type="checkbox" name="group[]" value="{{ $company->id }}"
                                                        class="checkbox checkbox_group"
                                                        id="group_check_{{ $company->id }}"
                                                        data-group-name="{{ $company->taxpayer }}">
                                                </div>
                                            </span>
                                            <span style="padding-right:12px"> {{ $loop->iteration + ($list->perPage() * ($list->currentPage() - 1)) }}</span>
                                        </td>
                                        <td class="text-center">{{ $company->taxpayer }}</td>
                                        <td class="text-center">
                                            <!-- <a class="export-btn" href="import-data">EDIT</a>
                    <a class="export-btn" href="import-data">Import Data</a> -->
                                            <a class="export-btn import-excel-btn btn btn-success"
                                                href="{{ url('dashboard', ['id' => $company->id]) }}">Go To Dashboard </i></a>
                                            <a href="{{ url('companies-edit', ['id' => $company->id]) }}"><i
                                                    class="fa-sharp fa-regular fa-pen-to-square pp"></i></a>
                                            @if (CtaxUser::hasRole('superadmin') || CtaxUser::hasRole('admin'))
                                                <a><i class="fa-sharp fa-solid fa-trash pp cdelete dele"
                                                        data-name="{{ $company->taxpayer }}" data-toggle="modal"
                                                        data-target="#myModal" data-id="{{ $company->id }}"></i></a>
                                            @endif
                                        </td>
                                        <tr>

                                        </tr>
                                                                            @endforeach
                            </tbody>
                        @else
                            <tr>
                                <td class="text-center" colspan="3">No data found!</td>
                            </tr>
                    @endif
                    </tbody>

                    </table>
                    @endif
                    <button type="submit" data-toggle="modal" data-target="#groupModal"
                        class="btn btn-success float-right btn btn-success float-right submit-button"
                        id="submit-button-group" style="display: none;">Submit</button>
                    <button type="submit" data-toggle="modal" data-target="#combinationModal"
                        class="btn btn-success float-right btn btn-success float-right submit-button"
                        id="submit-button-combination" style="display: none;">Submit</button>

                </div>



                <div id="error-message1" style="color: red;text-align: center;"></div>
            </div>
        </div>
        <div id="paginationContainer">
            {{ $list->links() }}
        </div>
    </div>


    <div class="card-body">
        <h4 class="bold">Combine Company List</h4>
        <table class="table table-bordered table table-hover table-center mt-2">
            <tr class="b-cl-gry text-center">
                <th width="100px">S.No.</th>
                <th width="500px">Company Name</th>
                <th>Action</th>
            </tr>
            <tbody>
                @foreach ($combine_company_list as $combine_company)
                    <tr class="text-center">
                        <td>{{ $loop->iteration }}</td>
                        <td>{{ $combine_company->group_company_list($combine_company)  }}</td>
                        <td>
                            <a class="export-btn import-excel-btn btn btn-success"
                                href="{{ url('dashboard', ['id' => $combine_company->id]) }}">Go To Dashboard </i></a>
                            <a href="{{ url('companies-edit', ['id' => $combine_company->id]) }}"><i
                                    class="fa-sharp fa-regular fa-pen-to-square pp"></i></a>
                            @if (CtaxUser::hasRole('superadmin') || CtaxUser::hasRole('admin'))
                                <a><i class="fa-sharp fa-solid fa-trash pp cdelete dele"
                                        data-name="{{ $combine_company->taxpayer }}" data-toggle="modal"
                                        data-target="#myModal" data-id="{{ $combine_company->id }}"></i></a>
                            @endif
                        </td>
                    <tr>
                @endforeach
            </tbody>
        </table>
    </div>


    <div class="card-body">
        <h4 class="bold">Group Company List</h4>
        <table class="table table-bordered table table-hover table-center mt-2">
            <tr class="b-cl-gry text-center">
                <th width="100px">S.No.</th>
                <th width="500px">Company Name</th>
                <th>Action</th>
            </tr>
            <tbody>
                
                @foreach ($group_company_list as $group_company)

                    <tr class="text-center">
                        <td>{{ $loop->iteration }}</td>
                        <td>{{ $group_company->group_company_list($group_company) }}</td>
                        <td>
                            <a class="export-btn import-excel-btn btn btn-success"
                                href="{{ url('dashboard', ['id' => $group_company->id]) }}">Go To Dashboard </i></a>
                            <a href="{{ url('companies-edit', ['id' => $group_company->id]) }}"><i
                                    class="fa-sharp fa-regular fa-pen-to-square pp"></i></a>
                            @if (CtaxUser::hasRole('superadmin') || CtaxUser::hasRole('admin'))
                                <a><i class="fa-sharp fa-solid fa-trash pp cdelete dele"
                                        data-name="{{ $group_company->taxpayer }}" data-toggle="modal"
                                        data-target="#myModal" data-id="{{ $group_company->id }}"></i></a>
                            @endif
                        </td>
                    <tr>
                @endforeach
            </tbody>
        </table>
    </div>

    </div>
    </div>
    </div>



    <div class="modal fade" id="myModal" role="dialog">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header ppup">
                    <h4 class="modal-title"></h4>
                    <button type="button" class="close import-excel-btn" data-dismiss="modal"
                        onclick="importclose()">&times;</button>
                </div>
                <div class="modal-body">
                    <div class="form-group row text-center">
                        <div class="col-6 text-center">
                            <button type="button" class="close import-excel-btn btn btn-secondary" data-dismiss="modal"
                                onclick="importclose()">Cancel</button>
                        </div>
                        <div class="col-6 text-center">
                            <form method="post" action="" id="deleteform">
                                @csrf
                                <input type="hidden" id="deleteid" name="data_id" value="" />
                                <button class="btn btn-danger"><a id="">Delete</a></button>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    </div>

    <!-- You Exceeded The Company Creation Limit.. -->
    <div class="modal fade bd-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel"
        aria-hidden="true">
        <div class="modal-dialog modal-lg">
            <div class="modal-content p-2 bold text-danger text-center">
                You have Already Utilized Company Creation Limit!
            </div>
        </div>
    </div>
    <!--You Exceeded The Company Creation Limit..-->
    <!-- delete  -->

    <!-- checkbox -->

    <!-- popup -->
    <div class="modal fade" id="combinationModal" tabindex="-1" role="dialog" aria-labelledby="combinationModalLabel"
        aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header ppup">
                    <h5 class="modal-title" id="combinationModalLabel">Combination</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <form id="submit-button-combination-form">
                        <h5>Select Primary Company</h5>
                        <div class="row" id="ratio-container">
                        </div>
                        <br>
                        <div class="form-group">
                            <label for="exampleFormControlFile1">TRN Number</label>
                            <input type="text" class="form-control" id="trn_number" name="trn_number"
                                required="required">
                        </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                    <button type="submit" class="btn btn-success">Save changes</button>
                    </form>
                </div>
            </div>
        </div>
    </div>
    <!-- popup -->


    <!-- popup -->
    <div class="modal fade" id="groupModal" tabindex="-1" role="dialog" aria-labelledby="combinationModalLabel"
        aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header ppup">
                    <h5 class="modal-title" id="groupModalLabel">Tax Group</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <form id="submit-button-group-form">
                        <h5>Select Primary Company</h5>
                        <div class="row" id="ratio-group-container">
                        </div>
                        <br>
                        <div class="form-group">
                            <label for="exampleFormControlFile1">TRN Number</label>
                            <input type="text" class="form-control" id="trn_group_number" name="trn_number"
                                required="required">
                        </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                    <button type="submit" class="btn btn-success">Save changes</button>
                    </form>
                </div>
            </div>
        </div>
    </div>
    <!-- popup -->



    <script>
        function showCheckbox(type) {
            localStorage.setItem("active_tab",type);
            $('.toggle-btn').css('background','#22b3ab');
            $('#'+type+'-select-toggle-btn').css('background','#ccc');
            var checkbox = document.getElementById("checkbox_" + type);
            var submitButton = document.getElementById("submit-button-" + type);
            if(checkbox.style.display == "block"){
                $('.toggle-btn').css('background','#22b3ab');
                $('.check_filter').hide();
                $('.submit-button').hide();
                checkbox.style.display = "none";
                submitButton.style.display = "none";
                $('.check_filter_' + type).hide();
            }else{
                $('.check_filter').hide();
                $('.submit-button').hide();
                checkbox.style.display = "block";
                submitButton.style.display = "block";
                $('.check_filter_' + type).show();
            }
        }

        function selectall(e, type) {
            //console.log(type);
            if (e.checked) {
                $('.check_filter_' + type + ' .checkbox').prop('checked', true);
            } else {
                $('.check_filter_' + type + ' .checkbox').prop('checked', false);
            }

        }
    </script>
    <!-- checkbox -->

    <script>
        $(document).ready(function() {
            if(!localStorage.getItem("group_selected_array")){
                localStorage.setItem("group_selected_array",JSON.stringify([]));
                localStorage.setItem("group_selected_list",JSON.stringify([]));
            }

            var selectedGroupArray = JSON.parse(localStorage.getItem("group_selected_array"));
            var selectedGroupList = JSON.parse(localStorage.getItem("group_selected_list"));
            if(selectedGroupArray.length > 0){
                selectedGroupArray.forEach(function(element, index) {
                   // var id = JSON.parse(element).value;
                    var element = document.getElementById(element);
                        if(element){
                            element.checked = true;
                        }
                });
                if(localStorage.getItem("active_tab") == "group"){
                    showCheckbox('group');
                }

            }

            if(!localStorage.getItem("combination_selected_array")){
                localStorage.setItem("combination_selected_array",JSON.stringify([]));
                localStorage.setItem("combination_selected_list",JSON.stringify([]));
            }
            var selectedCombinationArray = JSON.parse(localStorage.getItem("combination_selected_array"));
            var selectedCombinationList = JSON.parse(localStorage.getItem("combination_selected_list"));
            if(selectedCombinationArray.length > 0){
                selectedCombinationArray.forEach(function(element, index) {
                    var element = document.getElementById(element);
                        if(element){
                            element.checked = true;
                        }
                });

                if(localStorage.getItem("active_tab") == "combination"){
                    showCheckbox('combination');
                }
                
            }

            var selectedGroupArray = JSON.parse(localStorage.getItem("group_selected_array"));
            var selectedGroupList = JSON.parse(localStorage.getItem("group_selected_list"));
                if(selectedGroupArray.length < 0){
                    localStorage.setItem("group_selected_array",JSON.stringify([]));
                    localStorage.setItem("group_selected_list",JSON.stringify([]));
                    selectedGroupArray =[];
                    selectedGroupList =[];
                }

                var selectedCombinationArray = JSON.parse(localStorage.getItem("combination_selected_array"));
                var selectedCombinationList = JSON.parse(localStorage.getItem("combination_selected_list"));

                if(selectedCombinationArray.length < 0){
                    localStorage.setItem("combination_selected_array",JSON.stringify([]));
                    localStorage.setItem("combination_selected_list",JSON.stringify([]));
                    selectedCombinationArray =[];
                    selectedCombinationList =[];
                }

                $( "body" ).delegate( ".checkbox_group", "click", function(e) {
                    var selectedCheckbox = e.target.id;
                        var checkBoxGroup = document.getElementById(selectedCheckbox);
                            if(checkBoxGroup.checked){
                                if(!selectedGroupArray.includes(selectedCheckbox)){
                                    var groupName = checkBoxGroup.getAttribute('data-group-name');
                                    var dataArray = [];
                                    dataArray['name'] = groupName;
                                    dataArray['value'] = e.target.value;
                                    selectedGroupList.push(JSON.stringify(Object.assign({},dataArray)));
                                    selectedGroupArray.push(selectedCheckbox);
                                }                     
                            }else{
                                if(selectedGroupArray.includes(selectedCheckbox)){
                                    var indedxStart = selectedGroupArray.indexOf(selectedCheckbox);
                                    var indedxEnd = selectedGroupArray.indexOf(selectedCheckbox);
                                    if (indedxStart !== -1) {
                                        selectedGroupArray.splice(indedxStart, 1);
                                        selectedGroupList.splice(indedxStart, 1);
                                    }else{
                                        selectedGroupArray.splice(indedxStart, indedxEnd);
                                        selectedGroupList.splice(indedxStart, indedxEnd);
                                    }
                                }  
                            }
                    localStorage.setItem("group_selected_list", JSON.stringify(selectedGroupList));
                    localStorage.setItem("group_selected_array", JSON.stringify(selectedGroupArray));
                });

                $( "body" ).delegate( ".checkbox_combination", "click", function(e) {
                    console.log("iiii");
                    var selectedCheckbox = e.target.id;
                        var checkBoxGroup = document.getElementById(selectedCheckbox);
                            if(checkBoxGroup.checked){
                                if(!selectedCombinationArray.includes(selectedCheckbox)){
                                    var groupName = checkBoxGroup.getAttribute('data-combination-name');
                                    var dataArray = [];
                                    dataArray['name'] = groupName;
                                    dataArray['value'] = e.target.value;
                                    selectedCombinationList.push(JSON.stringify(Object.assign({},dataArray)));
                                    selectedCombinationArray.push(selectedCheckbox);
                                }                     
                            }else{
                                if(selectedCombinationArray.includes(selectedCheckbox)){
                                    var indedxStart = selectedCombinationArray.indexOf(selectedCheckbox);
                                    var indedxEnd = selectedCombinationArray.indexOf(selectedCheckbox);
                                    if (indedxStart !== -1) {
                                        selectedCombinationArray.splice(indedxStart, 1);
                                    }else{
                                        selectedCombinationArray.splice(indedxStart, indedxEnd);
                                    }
                                }  
                            }
                    localStorage.setItem("combination_selected_array", JSON.stringify(selectedCombinationArray));
                    localStorage.setItem("combination_selected_list", JSON.stringify(selectedCombinationList));
                });
                

            $('#submit-button-group').click(function(e) {
                var ratioList = '';
                var name = '';
                var parentElement = document.getElementById('ratio-group-container');
                    parentElement.textContent = '';
                    //get checked number of input value
                var selectedGroupArray =  JSON.parse(localStorage.getItem("group_selected_array"));
                    if(!selectedGroupArray){
                        selectedGroupArray =[];
                    }
                    selectedGroupArray.forEach(function(element, index) {
                    var name = "x";
                    var value = "x";
                    element = document.getElementById(element);
                    var groupData = JSON.parse(selectedGroupList[index]);
                    name = groupData.name;
                    value = groupData.value;
                    //console.log(element.dataset);
                    const div = document.createElement("div");
                    div.className = 'form-check';
                    ratioList = `
                    <input class="form-check-input" value="` + value + `" type="radio" name="primary_group_company"`;
                    if (!index) {
                        ratioList += ` checked`;
                    }
                    ratioList += `>`;
                    ratioList += `<label class="form-check-label" for="exampleRadios1">` + name + `</label>`;
                    div.innerHTML = ratioList;
                    parentElement.appendChild(div);
                });

            });

            $('#submit-button-combination').click(function(e) {
                var ratioList = '';
                var name = '';
                var parentElement = document.getElementById('ratio-container');
                parentElement.textContent = '';
                var selectedCombinationArray =  JSON.parse(localStorage.getItem("combination_selected_array"));
                    if(!selectedCombinationArray){
                        selectedCombinationArray =[];
                    }
                    selectedCombinationArray.forEach(function(element, index) {
                    var groupData = JSON.parse(selectedCombinationList[index]);
                    name = groupData.name;
                    value = groupData.value;
                    const div = document.createElement("div");
                    div.className = 'form-check';
                    ratioList = `
                    <input class="form-check-input" value="` + value + `" type="radio" name="primary_company"`;
                    if (!index) {
                        ratioList += ` checked`;
                    }
                    ratioList += `>`;
                    ratioList += `<label class="form-check-label" for="exampleRadios1">` + name +
                        `</label>`;
                    div.innerHTML = ratioList;
                    parentElement.appendChild(div);
                });

            });

            $('#submit-button-combination-form').submit(function(e) {
                e.preventDefault();
                var primary_company = $('input[name=primary_company]:checked').val();
                var trn_number = $('#trn_number').val();
                if ($('#trn_number').val() && primary_company) {
                    var selected_combine_company = [];
                    var storedData = JSON.parse(localStorage.getItem("combination_selected_list"));
                    storedData.forEach(function(element, index) {
                        selected_combine_company.push(JSON.parse(element).value);
                    });
                    var request = $.ajax({
                        url: "{{ url('merge-company-condition') }}",
                        type: "POST",
                        data: {
                            "_token": "{{ csrf_token() }}",
                            "data": selected_combine_company,
                            "type": 1,
                            'is_primary': primary_company,
                            'trn_number': trn_number
                        },
                        dataType: "json",
                        async: false,
                    });
                    request.fail(function(msg) {
                        
                    });
                    request.done(function(msg) {
                        if (msg.success) {
                            location.reload();
                            showAlert("success","Companies combined successfully");
                        }else{
                            showAlert("error",msg.msg);
                        }
                    });
                }
            });

            $('#submit-button-group-form').submit(function(e) {
                e.preventDefault();
                var primary_company = $('input[name=primary_group_company]:checked').val();
                var trn_number = $('#trn_group_number').val();
                if ($('#trn_group_number').val() && primary_company) {
                    var selected_combine_company = [];
                    //Sending list to controller
                    var storedData = JSON.parse(localStorage.getItem("group_selected_list"));
                    storedData.forEach(function(element, index) {
                        selected_combine_company.push(JSON.parse(element).value);
                    });
                    var request = $.ajax({
                        url: "{{ url('merge-company-condition') }}",
                        type: "POST",
                        data: {
                            "_token": "{{ csrf_token() }}",
                            "data": selected_combine_company,
                            "type": 2,
                            'is_primary': primary_company,
                            'trn_number': trn_number
                        },
                        dataType: "json",
                        async: false,
                    });
                    request.fail(function(msg) {

                    });
                    request.done(function(msg) {
                        if (msg.success) {
                            location.reload();
                            showAlert("success","Company grouped successfully!");
                        }else{
                            console.log("error");
                            showAlert("error",msg.msg);
                        }
                    });
                }
            });


            $('.cdelete').on('click', function(e) {
                var companyId = $(this).attr("data-id");
                $('#deleteid').val(companyId);
                $('#deleteform').attr("action", 'companies-delete/' + companyId);
                // var button=$(event.relatedTarget);
                var name = $(this).data('name');
                $('#myModal .modal-title').text('Are you sure you want to delete : ' + name + ' ?');

            });


        });
    </script>
    <script>
        $(document).ready(function() {
            var resultList = $('#myTable');
            var pagination = $('#paginationContainer');
            var errorMessage = $('#error-message1');

            $('#search-input').on('keyup', function() {
                var searchQuery = $(this).val();

                $.ajax({
                    url: 'company-list',
                    type: 'GET',
                    data: {
                        query: searchQuery
                    },
                    dataType: 'json',
                    success: function(response) {
                        displayResults(response.data);
                    },
                    error: function(xhr, status, error) {
                        console.error(error);
                    }
                });
            });

            function displayResults(companies) {
                var resultList = $('#myTable');
                resultList.empty();
                errorMessage.empty(); // Clear previous error message

                if (companies.length === 0) {
                    errorMessage.text('No records.'); // Display error message for no records
                    return;
                } else {
                    errorMessage.empty(); // Clear error message if records are found
                }

                companies.sort(function(a, b) {
                    return a.taxpayer.localeCompare(b.taxpayer);
                });


                $.each(companies, function(index, company) {
                    var rowNumber = index + 1;
                    resultList.append('<tr><td class="d-flex justify-content-around"> <span> <div id="checkbox_combination_'+company.id+'" class="check_filter_combination check_filter"> <label for="myCheckbox"></label> <input type="checkbox" name="combination[]" value="'+company.id+'" class="checkbox checkbox_combination" id="combination_check_'+company.id+'" data-combination-name="'+ company.taxpayer +'" > </div>  <div id="checkbox_group_'+company.id+'"class="check_filter_group check_filter"> <label for="myCheckbox"></label> <input type="checkbox" name="group[]" value="'+company.id+'" class="checkbox checkbox_group" id="group_check_'+company.id+'" data-group-name="'+company.taxpayer+'" ></div></span>' 
                        + rowNumber +
                        '</td><td class="text-center">' + company.taxpayer +
                        '</td><td class="text-center"><a class="export-btn import-excel-btn btn btn-success" href="dashboard/' +
                        company.id + '">Go To Dashboard</a><a href="companies-edit/' + company.id +
                        '"><i class="fa-sharp fa-regular fa-pen-to-square pp"></i></a> <a><i class="fa-sharp fa-solid fa-trash pp cdelete" data-toggle="modal" data-target="#myModal"></i></a></td></td></tr>'
                        );
                });
                
                //active_tab
                //combination
                var active_tab = localStorage.getItem("active_tab");
                if(localStorage.getItem("active_tab")){
                    if(localStorage.getItem("active_tab") == "group"){
                        $('.check_filter_group').css('display','inline-block');
                    }

                    if(localStorage.getItem("active_tab") == "combination"){
                        $('.check_filter_combination').css('display','inline-block');
                    }
                }
            }
        });
    </script>
    <script>

        $(document).ready(function() {
            $('#dtBasicExample').DataTable();
            $('.dataTables_length').addClass('bs-select');
        });
    </script>


@endsection