@extends('backend.layouts.app')

@section('content')

<!-- <b class="text-danger text-center">This is only for Developer Purpose, Please do not create from yourself.
</b> -->

    <div class="admin-list-tabel pt-0 border-0">
    <div class="aiz-titlebar text-left mt-2 mb-3 ">
        <div class="row align-items-center">
            <div class="col-md-6">
                <h1 class="h3">{{ translate('All  Delete Rules') }}</h1>
            </div>
        </div>
    </div>
    

<div class="d-flex align-items-center py-3 tableTab-freeze" style="border-top:1px solid #d2d2d2;">
    <div class="common-tbl-head m-0 ml-1">
        <div class="common-tbl-heading">{{ translate('Rules List') }}</div>
        <div class="selected-prod">Selected Rules (<span id="sProduct">0</span>)</div>
        <div class="delete-select" id="deletedData" style="display:none"><a href="javascript:void(0);" id="delete_records">Delete Selected <i class="icons icon-delete"></i></a></div>
        <div class="delete-select" id="restoreData" style="display:none"><a href="javascript:void(0);" id="restore_records">Restore Selected <i class="icons icon-spinner11"></i></a></div>
    </div>
    <div class="table-search ml-auto">
                <i class="icons icon-search-s" id="memberSearch"></i>
                <input type="text" class="form-control form-control-sm searching" id="search" name="search"
                    @isset($sort_search) value="{{ $sort_search }}" @endisset placeholder="Search By Name">
            </div>
</div>
<div class="admin-table table-freezed" id="brandsData">
    <div class="loader_main"  style="  position: relative;
    top: 50%;
    left: 40%;
    transform: translate(50%, 50%);
    width: 100px;
    height:50vh;
    text-align: center;">
 <img width="100" src="{{ url('public/assets/img/ZKZg.gif') }}">
        </div>
</div>
</div>
      
@endsection

@section('modal')
    <!-- Delete Modal -->
    @include('modals.delete_modal')

        <!-- Restore  Modal -->
    <div id="restore-delete-modal" class="modal fade">
        <div class="modal-dialog modal-sm modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title h6">{{translate('Restore Confirmation')}}</h4>
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
                </div>
                <div class="modal-body text-center">
                    <p class="mt-1">{{translate('Are you sure to restore this user?')}}</p>
                    <button type="button" class="btn btn-outline-secondary mt-2" data-dismiss="modal">{{translate('Cancel')}}</button>
                    <a href="" id="restore-link" class="btn btn-primary mt-2">{{translate('Restore')}}</a>
                </div>
            </div>
        </div>
    </div><!-- /.modal -->
@endsection

@section('script')
    <script type="text/javascript">
        function update_status(el) {
            if (el.checked) {
                var status = 1;
            } else {
                var status = 2;
            }
            $.post('{{ route('rule.status') }}', {
                _token: '{{ csrf_token() }}',
                id: el.value,
                status: status
            }, function(data) {
                if (data == 1) {
                    AIZ.plugins.notify('success', '{{ translate('Status Updated successfully') }}');
                } else {
                    AIZ.plugins.notify('danger', '{{ translate('Something went wrong') }}');
                }
            });
        }



        $(document).ready(function() {
        dataList();

        

        function dataList(data, url){
            $.ajax({
                url: "{{url('admin/softdelete/deleted-data')}}",
                data:data,
                type: 'GET',
                success: function (data) {
                    
                    $("#brandsData").html(data);
                }
            });
        }



        
        $(document).on('click', '.confirm-delete', function() {
    var url = $(this).data('href');
    var checkThis = $(this); 

    $('#delete-modal').modal({
        backdrop: 'static',
        keyboard: false
    }).one('click', '#delete-link', function(e) {
        e.preventDefault(); 

        $.ajax({
            url: url,
            type: "GET",
            success: function(response) {

                var data = "";
                                var url = "{{url('admin/softdelete/deleted-data')}}";
                                dataList(data, url);
                AIZ.plugins.notify('success', 'Rule deleted successfully');
                
                checkThis.closest('tr').remove();
                
                
                $('#delete-modal').modal('hide');
                

            },
            error: function(xhr, status, error) {
                AIZ.plugins.notify('danger', 'Failed to delete the rule');
            }
        });
    });
});


            $(document).on('click', '.restore-delete', function(){
                var a = $(this).attr("data-href");
                $("#restore-delete-modal").modal("show");
                $("#restore-link").attr("href", a)
              

            });

            $(document).on('click', '.restore-delete', function(){
                var a = $(this).attr("data-href");
                $("#restore-delete-modal").modal("show");
                $("#restore-link").attr("href", a)
            });

            $(document).on('click', '#restore-link', function(e) {
                e.preventDefault();
                var url = $(this).attr('href');
                var checkThis = $(this);
                if(url){
                    $.ajax({
                        url: url,
                        type: "GET",
                        success: function(obj) {
                            AIZ.plugins.notify('success', '{{ translate('Rule has been Restore successfully') }}');
                            $('#restore-delete-modal').modal('hide');
                            var data = "";
                            var url = "{{url('admin/softdelete/deleted-data')}}";
                            dataList(data, url);
                        }
                    });
                }
            });






            $(document).on('click', '#checkAll', function() {
                $("#sProduct").text("0");
                        if($(this).is(":checked")) {
                            $("#deletedData").css("display", "block");
                            $("#restoreData").css("display", "block");
                            $(this).closest('table').find('#searchPage tr').addClass('active');
                        } else {
                            $("#deletedData").css("display", "none");
                            $("#restoreData").css("display", "none");
                            $(this).closest('table').find('#searchPage tr').removeClass('active');
                        }
                    $(".product_checkbox").prop("checked", this.checked);
                    $("#select_count").html($("input.product_checkbox:checked").length+" Selected");
            });

            $(document).on('click', '.product_checkbox,#checkAll', function() {
                    if ($(this).is(':checked')) {
                        $(this).closest('tr').addClass('active');
                    }else{
                        $(this).closest('tr').removeClass('active');
                    }
                    if ($('.product_checkbox:checked').length == $('.product_checkbox').length){
                        $('#checkAll').prop('checked', true);
                        $("#deletedData").css("display", "block");
                        $("#restoreData").css("display", "block");
                    } else {
                        if ($('.product_checkbox:checked').length == "0")
                        {
                        $("#deletedData").css("display", "none");
                        $("#restoreData").css("display", "none");
                        }else{
                        $("#deletedData").css("display", "block");
                        $("#restoreData").css("display", "block");
                        }
                        $('#checkAll').prop('checked', false);
                    }
                    $("#sProduct").text($("input.product_checkbox:checked").length);
            });


            $(document).on('click', '#delete_records', function() {
    var row = $(this).closest('tr');
    var products = [];
    var deleteModal = $('#delete-modal');
    $(".product_checkbox:checked").each(function() {
        products.push($(this).val());
    });

    if(products.length <= 0) {
        alert("Please select records.");
    } else {
        var selected_values = products.join(",");
        deleteModal.modal({
            backdrop: 'static',
            keyboard: false
        });

        $('#delete-link').one('click', function(e) {
            $.ajax({
                type: "POST",
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                url: "{{ route('softdelete.multi_delete_config_rules') }}",
                cache: false,
                data: 'emp_id=' + selected_values,
                success: function(response) {

                    var data = "";
                                var url = "{{url('admin/softdelete/deleted-data')}}";
                                dataList(data, url);
                    event.preventDefault(); 
                    
                                var itemCount = products.length;
                                if (itemCount === 1) {
                                    AIZ.plugins.notify('success', 'Rule deleted successfully');
                                    $(this).closest('tr').hide();
                                }
                                $(this).closest('tr').hide();
                                $("#sProduct").text("0");
                                $('#delete-modal').modal('hide');
            $("#deletedData").hide();
                }
            });
        });
    }
});


            $(document).on('click', '#restore_records', function() {
                var row = $(this).closest('tr');
                var products = [];
                var restoreDeleteModal = $('#restore-delete-modal');
                $(".product_checkbox:checked").each(function() {
                    products.push($(this).val());
                });

                if(products.length <= 0) {
                    alert("Please select records.");
                } else {
                    var selected_values = products.join(",");
                    restoreDeleteModal.modal({
                        backdrop: 'static',
                        keyboard: false
                    });

                    $('#restore-link').one('click', function(e) {
    e.preventDefault();  // Prevent the default action first

    $.ajax({
        type: "POST",
        headers: {
            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
        },
        url: "{{ route('softdelete.multiple_rules_restore') }}",
        cache: false,
        data: 'emp_id=' + selected_values,

        success: function(response) {
            var data = "";
                                var url = "{{url('admin/softdelete/deleted-data')}}";
                                dataList(data, url);
            
            var itemCount = products.length;
            if (itemCount === 1) {
                AIZ.plugins.notify('success', 'Rule restored successfully');
            }
            $(this).closest('tr').hide();

          
            $("#sProduct").text("0");
            $('#restore-delete-modal').modal('hide');
            $("#deletedData , #restoreData").hide();

                
        }
    });
});

                }
            });



            $(document).on("keypress", "input[name='search']", function(event) {
            if (event.keyCode == 13) {
                var searchTerm = $("input[name='search']").val();
                memberSearchAjax(searchTerm);
            }
        });

        $(document).on("click", "#memberSearch", function(event) {
            var searchTerm = $("input[name='search']").val();
            memberSearchAjax(searchTerm);
        });

        var typingTimer;
        var doneTypingInterval = 1000;

        function memberSearchAjax(searchTerm) {
            var url = "{{url('admin/softdelete/deleted-data')}}";
            if (searchTerm) {
                var data = {
                    'search': searchTerm
                };
                dataList(data, url);
            } else {
                var data = {
                    'search': ''
                };
                dataList(data, url);
            }
        }
//   pagination ////


        $(document).on('click','a.page-link',function(event){
            event.preventDefault();
            var url = $(this).attr('href');
            $.ajax({
                url: url,
                cache: false,
                success: function(data) {
                    
                    $("#brandsData").html(data);
                }
            });
            $('#sProduct').text('0');
            $('#deletedData').hide();
            $('#restoreData').hide();
        });






    });
    </script>
@endsection