@extends('backend.layouts.app')

@section('content')
    <div class="admin-list-table pt-0 border-0">
        <div class="d-flex align-items-center py-3 tableTab-freeze">
            <div class="common-tbl-head m-0 ml-1">
                <div class="common-tbl-heading">{{ translate('Unit Parameters List') }}</div>
                <div class="selected-prod" style="display:none">Selected Units (<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="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">
                </div>
            </div>
            {{-- <a href="javascript:void(0);" class="add-items-btn ml-auto clearForm" data-toggle="modal"
                data-target="#newAttributes-modal"><span><i class="icons icon-plus"></i></span> Add New Unit</a> --}}
        </div>
        <div class="admin-table table-freezed " id="table_list">

        </div>
    </div>
@endsection

<script src="https://unpkg.com/cropperjs"></script>

@section('modal')
    @include('modals.delete_modal')
    @include('modals.image_upload')
@endsection

@section('script')
    <script type="text/javascript">
        function update_approval_status(el) {
            if (el.checked) {
                var status = 1;
            } else {
                var status = 0;
            }
            $.post('{{ url('admin/unit_parameter/approved') }}', {
                _token: '{{ csrf_token() }}',
                id: el.value,
                status: status
            }, function(data) {
                if (status == 1) {
                    AIZ.plugins.notify('success',
                        '{{ translate('Unit Parameter Approval Status updated successfully') }}');
                } else {
                    AIZ.plugins.notify('danger',
                        '{{ translate('Unit Parameter Un-Approval Status updated successfully') }}');
                }
            });
        }

        $(document).ready(function() {
            
            @if (empty(request()->notify))
                var urls = "{{ url('admin/unit_parameter/list') }}"
                data_index(urls);
            @endif

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

            function data_index(url, data) {
                if (url) {
        localStorage.setItem('paginationURL', url);
    } else {
        url = localStorage.getItem('paginationURL') || "{{ url('admin/unit_parameter/list') }}";
    }
                $.ajax({
                    url: url,
                    data: data,
                    type: 'GET',
                    success: function(data) {
                        $("#table_list").html(data);
                    }
                });
            }

            //// After Save the data, input field will empty
            $(document).on('click', '.clearForm', function() {
                document.getElementById("form-id").reset();
                $('#errorname').hide();
            });

            //// 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(data) {
                        $("#table_list").html(data);
                    }
                });
                $('#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);
                        }
                    });
                }
            }



            // Parameter Delete

            $(document).on('click', '#deletebtn', function() {
                var url = $(this).data('href');
                var checkThis = $(this);
                checkThis.closest('tr').addClass('active');
                var deleteModal = $('#delete-modal');
                deleteModal.modal({
                    backdrop: 'static',
                    keyboard: false
                });

                var storedURL = localStorage.getItem('paginationURL');
                var requestURL = storedURL && storedURL.trim() !== "" ? storedURL :
                    '{{ url('admin/unit_parameter/list') }}';

                $('#delete-link').one('click', function(e) {
                    $.ajax({
                        url: url,
                        type: "GET",
                        success: function(obj) {
                            $('#delete-modal').modal('hide');
                            AIZ.plugins.notify('success',
                                '{{ translate('Unit Parameter deleted successfully') }}'
                            );

                            data_index(requestURL);

                            $(document).find('#search').val('');
                        }
                    });
                });
                $('#close,.close').one('click', function (e) {
        checkThis.closest('tr').removeClass('active');
     });
            });

            window.onload = function() {
                localStorage.removeItem('paginationURL');
            };

            $('#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");
                    $(this).closest('table').find('#searchPage tr').addClass('active');
                } else {
                    $("#deletedData, .selected-prod").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");
                } else {
                    $("#deletedData, .selected-prod").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
                    });

                    $('#delete-link').one('click', function(e) {
                        $.ajax({
                            type: "POST",
                            headers: {
                                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                            },
                            url: "{{ url('/admin/unit_parameter/multi_delete') }}",
                            cache: false,
                            data: 'emp_id=' + selected_values,
                            success: function(response) {
                                AIZ.plugins.notify('success',
                                    '{{ translate('Unit Parameters Deleted successfully') }}'
                                );
                                $('#sProduct').text('0');
                                $('#delete-modal').modal('hide');
                                $("#deletedData").hide();
                                $(document).find('#search').val('');
                                var urls = "{{ url('admin/unit_parameter/list') }}"
                                data_index(urls);
                            }
                        });
                    });
                }
            });

            @if (request()->notify)
                var user = '{{ request()->notify }}';
                if (user) {
                    var url =  "{{ url('admin/unit_parameter/list') }}";
                    var data = {
                        'search': user
                    };
                    data_index(url,data);

                }
            @endif

            //////////// SEARCHING

            $(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/unit_parameter/list') }}"
                if (searchTerm) {
                    var data = {
                        'search': searchTerm
                    };
                    data_index(url, data);
                } else {
                    var data = {
                        'search': ''
                    };
                    data_index(url, data);
                }
            }
        });
    </script>
@endsection