@extends('backend.layouts.app')

@section('content')

<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 Soft Delete Specifications')}}</h1>
		</div>

	</div>
</div>

<div class="admin-list-table pt-0">
    <div class="headerResponsive py-3 tableTab-freeze">
        <div class="common-tbl-head m-0 ml-1">
            <div class="common-tbl-heading">{{ translate('Specifications') }}</div>
            <div class="selected-prod">Selected Specifications (<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 searchnadcolumnbox">
            <i class="icons icon-search-s" id="memberSearch"></i>
            <input type="text" class="form-control" id="search" name="search" placeholder="Search">
        </div> -->
    </div>
    <div class="admin-table table-freezed " id="table_list">
    <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')

    <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?')}}</p>
                    <button type="button" class="btn btn-outline-secondary mt-2" data-dismiss="modal">{{translate('Cancel')}}</button>
                    <a href="javascript:void(0)" id="restore-link" class="btn btn-primary mt-2">{{translate('Restore')}}</a>
                </div>
            </div>
        </div>
    </div><!-- /.modal -->

@endsection

@section('script')
    <script type="text/javascript">

    $( document ).ready(function() {
        var data = "";
        var url = "{{ url('admin/attributes/softdelete_specification/list') }}";
        dataList(data, url);

        function dataList(data, url){
            $.ajax({
                url: url,
                type: 'GET',
                data: data,
                success: function (data) {
                    $("#table_list").html(data);
                }
            });
        }

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

        function loadStoredPagination() {
            var storedURL = localStorage.getItem('paginationURL');  
            
            if (storedURL) {
                $.ajax({
                    url: storedURL,
                    cache: false,
                    success: function(data) { 
                        $("#table_list").html(data); 
                    }
                });
            }
        } 

        ///// Delete
        $(document).on('click', '.confirm-delete', function() {
            var url = $(this).data('href');
            var checkThis = $(this);
            var deleteModal = $('#delete-modal');
            deleteModal.modal({
                backdrop: 'static',
                keyboard: false
            });

            $('#delete-link').one('click', function(e) {
                $.ajax({
                    url: url,
                    type: "GET",
                    success: function(obj) {
                        AIZ.plugins.notify('success', '{{ translate('Specification Deleted successfully') }}');
                        $('#delete-modal').modal('hide');
                        // loadStoredPagination();  
                        // checkThis.closest('tr').remove();
                        // var data = "";
                        // var url = "{{ url('admin/attributes/softdelete_specification/list') }}";
                        // dataList(data, url);
                    }
                });
            });
        });

        $('#delete-modal').on('hidden.bs.modal', function () {
            $(this).find('#delete-link').off('click');
        });

        ///// Search
        $(document).on("keypress", "input[name='search']", function(event) {
            if (event.keyCode == 13) {
                var searchTerm = $(this).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/attributes/softdelete_specification/list') }}";
            if (searchTerm) {
                var data = {
                    'search': searchTerm
                };
                dataList(data, url);
            } else {
                var data = {
                    'search': ''
                };
                dataList(data, url);
            }
        }

        ///// Restore
        $(document).on('click', '.restore-delete', function() {
            var url = $(this).data('href');
            var checkThis = $(this);
            var restoreDeleteModal = $('#restore-delete-modal');
            restoreDeleteModal.modal({
                backdrop: 'static',
                keyboard: false
            });

            $('#restore-link').one('click', function(e) {
                $.ajax({
                    url: url,
                    type: "GET",
                    success: function(obj) {
                        AIZ.plugins.notify('success', '{{ translate('Specification Restore successfully') }}');
                        $('#restore-delete-modal').modal('hide');
                        // loadStoredPagination(); 
                        checkThis.closest('tr').remove();
                        var data = "";
                        var url = "{{ url('admin/attributes/softdelete_specification/list') }}";
                        dataList(data, url);

                    }
                });
            });
        });

        $('#restore-delete-modal').on('hidden.bs.modal', function () {
            $(this).find('#restore-link').off('click');
        });

        // Delete Multiple Data
        $(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: "{{ url('/admin/attributes/multiple_attribute_destroy') }}",
                        cache:false,
                        data: 'emp_id='+selected_values,
                        success: function(response) {
                            var count = products.length;
                            if (count === 1) {
                                AIZ.plugins.notify('success', '{{ translate('Specification Deleted successfully') }}');
                            } else {
                                AIZ.plugins.notify('success', '{{ translate('Specifications Deleted successfully') }}');
                            }
                            $("#sProduct").text("0");
                            var data = "";
                            var url = "{{ url('admin/attributes/softdelete_specification/list') }}";
                            dataList(data, url);
                            $('#delete-modal').modal('hide');
                            $("#deletedData , #restoreData").hide();
                        }
                    });
                });
            }
        });

        // Restore Multiple Data
        $(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) {
                    $.ajax({
                        type: "POST",
                        headers: {
                            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                        },
                        url: "{{ url('/admin/attributes/multiple_attribute_restore') }}",
                        cache: false,
                        data: 'emp_id=' + selected_values,

                        success: function(response) {
                            var count = products.length;
                            if (count === 1) {
                                AIZ.plugins.notify('success', 'Specification Restored successfully');
                            } else {
                                AIZ.plugins.notify('success', 'Specifications Restored successfully');
                            }
                            $("#sProduct").text("0");
                            var data = "";
                            var url = "{{ url('admin/attributes/softdelete_specification/list') }}";
                            dataList(data, url);
                            $('#restore-delete-modal').modal('hide');
                            $("#deletedData , #restoreData").hide();
                        }
                    });
                });
            }
        });
    });
    </script>
@endsection