@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 Products')}}</h1>
		</div>

	</div>
</div>

<div class="admin-list-table pt-0">
    <!-- <form class="" id="sort_sellers" action="" method="GET">
      <div class="card-header row gutters-5">
        <div class="col text-center text-md-left">
          <h5 class="mb-md-0 h6">{{ translate('Products') }}</h5>
        </div>
          <div class="col-md-3">
            <div class="form-group mb-0">
              <input type="text" class="form-control" id="search" name="search"@isset($sort_search) value="{{ $sort_search }}" @endisset placeholder="{{ translate('Type name or email & Enter') }}">
            </div>
          </div>
      </div>
    </form> -->
    <div class="headerResponsive py-3 tableTab-freeze">
        <div class="common-tbl-head m-0 ml-1">
            <div class="common-tbl-heading">{{ translate('Products') }}</div>
            <div class="selected-prod"  style="display:none">Selected Products (<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="search-icon"></i>
            <form class="" action="{{ url('admin/softdelete/product/list') }}" method="GET" id="sort_sellers">
                <input type="text" class="form-control" id="search" name="search"@isset($sort_search) value="{{ $sort_search }}" @endisset placeholder="{{ translate('Search') }}">
            </form>
        </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')

	<!-- Seller Profile Modal -->
	<div class="modal fade" id="profile_modal">
		<div class="modal-dialog">
			<div class="modal-content" id="profile-modal-content">

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

    <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" id="restore_message">{{translate('Are you sure to restore this Product?')}}</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 -->

	<!-- Seller Payment Modal -->
	<div class="modal fade" id="payment_modal">
	    <div class="modal-dialog">
	        <div class="modal-content" id="payment-modal-content">

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

	<!-- Ban Seller Modal -->
	<div class="modal fade" id="confirm-ban">
		<div class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header">
					<h5 class="modal-title h6">{{translate('Confirmation')}}</h5>
					<button type="button" class="close" data-dismiss="modal">
					</button>
				</div>
				<div class="modal-body">
						<p>{{translate('Do you really want to ban this seller?')}}</p>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-light" data-dismiss="modal">{{translate('Cancel')}}</button>
					<a class="btn btn-primary" id="confirmation">{{translate('Proceed!')}}</a>
				</div>
			</div>
		</div>
	</div>

	<!-- Unban Seller Modal -->
	<div class="modal fade" id="confirm-unban">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title h6">{{translate('Confirmation')}}</h5>
                    <button type="button" class="close" data-dismiss="modal">
                    </button>
                </div>
                <div class="modal-body">
                        <p>{{translate('Do you really want to ban this seller?')}}</p>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-light" data-dismiss="modal">{{translate('Cancel')}}</button>
                    <a class="btn btn-primary" id="confirmationunban">{{translate('Proceed!')}}</a>
                </div>
            </div>
        </div>
    </div>
@endsection

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

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

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

        /* $("#search").keyup(function(){
            var query  = $(this).val();
            var data =  'search='+ query;
            var url = "{{ url('admin/softdelete/product/list') }}";

            dataList(data, url);
        }); */

        $(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/softdelete/product/list') }}";
            if (searchTerm) {
                var data = {
                    'search': searchTerm
                };
                dataList(data, url);
            } else {
                var data = {
                    'search': ''
                };
                dataList(data, url);
            }
        }

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

        function show_seller_payment_modal(id){
            $.post('{{ route('sellers.payment_modal') }}',{_token:'{{ @csrf_token() }}', id:id}, function(data){
                $('#payment_modal #payment-modal-content').html(data);
                $('#payment_modal').modal('show', {backdrop: 'static'});
                $('.demo-select2-placeholder').select2();
            });
        }

        function show_seller_profile(id){
            $.post('{{ route('sellers.profile_modal') }}',{_token:'{{ @csrf_token() }}', id:id}, function(data){
                $('#profile_modal #profile-modal-content').html(data);
                $('#profile_modal').modal('show', {backdrop: 'static'});
            });
        }

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

        function update_approved(el){
            if(el.checked){
                var status = 1;
            }
            else{
                var status = 0;
            }
            $.post('{{ route('sellers.approved') }}', {_token:'{{ csrf_token() }}', id:el.value, status:status}, function(data){
                if(data == 1){
                    AIZ.plugins.notify('success', '{{ translate('Approved sellers updated successfully') }}');
                }
                else{
                    AIZ.plugins.notify('danger', '{{ translate('Something went wrong') }}');
                }
            });
        }

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

        // $('#search').keypress(function (e) {
        //   if (e.which == 13) {
        //     $('#sort_sellers').submit();
        //   }
        // });

        function confirm_ban(url)
        {
            $('#confirm-ban').modal('show', {backdrop: 'static'});
            document.getElementById('confirmation').setAttribute('href' , url);
        }

        function confirm_unban(url)
        {
            $('#confirm-unban').modal('show', {backdrop: 'static'});
            document.getElementById('confirmationunban').setAttribute('href' , url);
        }

        ///// Delete

        var deleteModal = $('#delete-modal');
        $(document).on('change', '.product_checkbox', function() {
            updateDeleteModalMessage();
        });

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

            deleteModal.modal({
                backdrop: 'static',
                keyboard: false
            });
            updateDeleteModalMessage();

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

        function updateDeleteModalMessage() {
            var selectedCount = $('.product_checkbox:checked').length;
            if (selectedCount === 1) {
                deleteModal.find('.modal-body p').text('Once you delete the product, you won’t be able to get it back.');
            } else if (selectedCount > 1) {
                deleteModal.find('.modal-body p').text('Once you delete the products, you won’t be able to get them back.');
            } else{
                    deleteModal.find('.modal-body p').text('Once you delete the product, you won’t be able to get it back.');
            }
        }
 
        ///// Restore
        $(document).on('click', '.restore-delete', function() {
            var url = $(this).data('href');
            var checkThis = $(this);
            checkThis.closest('tr').addClass('active');

            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('Product Restore successfully') }}');
                        $('#restore-delete-modal').modal('hide');
                        loadStoredPagination();
                        // checkThis.closest('tr').remove();
                        // var data = "";
                        // var url = "{{ url('admin/softdelete/product/list') }}";
                        // dataList(data, url);

                    }
                });
            });
                 $('#restore-delete-modal button,.close').one('click', function (e) {
        checkThis.closest('tr').removeClass('active');
     });
        });

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

        // Delete Multiple Data
        $(document).on('change', "#checkAll", function () {
                $(document).find(".checkedoptions input:checkbox").prop('checked', $(this).prop("checked"));
            });

            $(document).on('click', '#checkAll', function() {
                $("#sProduct").text("0");
                if ($(this).is(":checked")) {
                    $("#deletedData, .selected-prod").css("display", "block");
                    $("#restoreData").css("display", "block");
                    $(this).closest('table').find('#searchPage tr').addClass('active');
                } else {
                    $("#deletedData, .selected-prod").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');
                }
                
                const selectedCount = $('.product_checkbox:checked').length;
                $("#sProduct").text(selectedCount);

                if (selectedCount == $('.product_checkbox').length) {
                    $('#checkAll').prop('checked', true);
                } else {
                    $('#checkAll').prop('checked', false);
                }

                if (selectedCount == 0) {
                    $("#deletedData, .selected-prod").css("display", "none");
                    $("#restoreData").css("display", "none");
                } else {
                    $("#deletedData, .selected-prod").css("display", "block");
                    $("#restoreData").css("display", "block");
                }
            });

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

                if (products.length === 1) {
                    deleteModal.find('.modal-body p').text('Once you delete the product, you won’t be able to get it back.');
                } else if (products.length > 1) {
                    deleteModal.find('.modal-body p').text('Once you delete the products, you won’t be able to get them back.');
                }

                $('#delete-link').one('click', function(e) {
                    $.ajax({
                        type: "POST",
                        headers: {
                            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                        },
                        url: "{{ url('/admin/softdelete/product/multiple_product_destroy') }}",
                        cache: false,
                        data: 'emp_id=' + selected_values,
                        success: function(response) {
                            $("#sProduct").text("0");
                            if (products.length === 1) {
                                AIZ.plugins.notify('success', '{{ translate('Product Deleted successfully') }}');
                            }else{
                                AIZ.plugins.notify('success', '{{ translate('Products Deleted successfully') }}');
                            }
                             
                            var data = "";
                            var url = "{{ url('admin/softdelete/product/list') }}";
                            dataList(data, url);
                            $('#delete-modal').modal('hide');
                            $("#deletedData , #restoreData").hide();
                        }
                    });
                });
            }
        });


        // Restore Record
        $(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(",");
                if (products.length === 1) {
                    $('#restore_message').text("Are you sure you want to restore the selected product?");
                } else {
                    $('#restore_message').text("Are you sure you want to restore the selected products?");
                }
                 
                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/softdelete/product/multiple_product_restore') }}",
                        cache: false,
                        data: 'emp_id=' + selected_values,

                        success: function(response) {
                            var count = products.length;
                            if (count === 1) {
                                AIZ.plugins.notify('success', 'Product Restored successfully');
                            } else {
                                AIZ.plugins.notify('success', 'Products Restored successfully');
                            }
                            $("#sProduct").text("0");
                            var data = "";
                            var url = "{{ url('admin/softdelete/product/list') }}";
                            dataList(data, url);
                            $('#restore-delete-modal').modal('hide');
                            $("#deletedData , #restoreData").hide();

                        }
                    });
                });
            }
        });

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

        $(document).on('click', '#search-icon', function(e) {

            e.preventDefault(); // Prevent default form submission

            var form = $('#sort_sellers'); // Get the form element
            var url = form.attr('action'); // Get the form action URL
            var data = form.serialize(); // Serialize form data
           dataList(data, url);
        });
    });
    </script>
@endsection