@extends('backend.layouts.app')

@section('content')

<b class="text-danger text-center">This is only for Developer Purpose, Please do not create from yourself. 
<br> If you delete and restore the rows front end functionality will be stopped working, please remove at on your risk. (If you are not following the instructions as for developer purpose only )
</b>


        <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 Restored Rules ') }}</h1>
            </div>
           
        </div>
    </div>

<div class="admin-list-table pt-0 border-0">
    <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>
        <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')
@include('modals.delete_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();

        // Ajax function Data

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





        function sort_brands(el) {
            $('#sort_brands').submit();
        }

        
        $(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/restored-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();
        });

        // Data Delete
        $(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) {
                    event.preventDefault(); 
                        
                    var data = "";
                            var url = "{{ url('admin/softdelete/restored-data') }}";
                            dataList(data, url);
                                var itemCount = products.length;
                                if (itemCount === 1) {
                                    AIZ.plugins.notify('success', 'Rule restored successfully');
                                    $(this).closest('tr').hide();
                                }
                                $(this).closest('tr').hide();
                                $("#sProduct").text("0");
                               
                                $('#restore-delete-modal').modal('hide');
                                $("#deletedData , #restoreData").hide();
                }
            });
        });
    }
});
$(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) {
                    $.ajax({
                        url: url,
                        type: "GET",
                        success: function(obj) {
                            event.preventDefault(); 
                            AIZ.plugins.notify('success', 'Category deleted successfully');
                            $(this).closest('tr').remove();
                           // dataList(data, url);
                            $('#delete-modal').modal('hide');
                        }
                    });
                });
            });
            
            $(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', '#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);
            });

      



    });

    </script>
@endsection