@extends('backend.layouts.app')

@section('content')
    <!--Member Personal Profile Start-->
    <div class="invitation-modal">
        <div class="customFlyout customFlyout1300  flyout-position-t memberProfile">
            <div id="productListData loader_seller" style=" position: absolute;top: 30pc;left: 30pc;">
                <div id="loader"style=" display:none;  text-align: center;
                            width: 100px;
                            margin: 0 auto;">
                    <img width="100" src="{{ url('public/assets/img/ZKZg.gif') }}">
                </div>
            </div>
        </div>
        <!--Member Personal Profile End-->

        <div class="aiz-titlebar text-left mt-2 mb-3 row">

            <div class="col-md-6">
                <h1 class="h3">{{ translate('All Invited Members') }}</h1>
            </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(' Invited Members List') }}</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 id="productListData">
                <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('script')
        {{-- <link href="https://unpkg.com/bootstrap-table@1.21.2/dist/bootstrap-table.min.css" rel="stylesheet">
    <script src="https://unpkg.com/tableexport.jquery.plugin/tableExport.min.js"></script>
    <script src="https://unpkg.com/bootstrap-table@1.21.2/dist/bootstrap-table.min.js"></script>
    <script src="https://unpkg.com/bootstrap-table@1.21.2/dist/bootstrap-table-locale-all.min.js"></script>
    <script src="https://unpkg.com/bootstrap-table@1.21.2/dist/extensions/export/bootstrap-table-export.min.js"></script> --}}


        <script type="text/javascript">
            $(document).ready(function() {
                var url = "{{ url('/admin/invitaion-table') }}";
                var data = ""
                product_list(data, url);

                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'
                        });
                    });
                }

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

                $('#name').keyup(function() {
                    var inputValue = $(this).val();
                    if (inputValue.startsWith(' ')) {
                        $(this).val('');
                        return false;
                    }
                    inputValue = inputValue.replace(/(\s)\s+/g, '$1');
                    $(this).val(inputValue);
                });

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

                $('#phone_number').keyup(function() {
                    var inputValue = $(this).val();
                    if (inputValue.startsWith(' ')) {
                        $(this).val('');
                        return false;
                    }
                    inputValue = inputValue.replace(/(\s)\s+/g, '$1');
                    $(this).val(inputValue);
                });

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


                $('input').focus(function() {
                    $(this).parents('.field-in').addClass('focus-in');
                });
                $('.card--filter .card-header a').click(function() {
                    $(this).parents('.card').toggleClass('close');
                });
                $('input').blur(function() {
                    var inputValue = $(this).val();
                    if (inputValue == "") {
                        $(this).removeClass('filled');
                        $(this).parents('.field-in').removeClass('focus-in');
                    } else {
                        $(this).addClass('filled');
                    }
                });

                $(document).on('change', ".statusMark", function() {
                    $.ajaxSetup({
                        headers: {
                            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                        }
                    });

                    if ($(this).is(":checked")) {
                        var SetVal = 'active';
                    } else {
                        var SetVal = 'inactive';
                    }

                    var user_id = $(this).data('userid');
                    $(this).val(SetVal);
                    $.ajax({
                        type: 'POST',
                        url: "{{ url('/admin/sellers/status') }}",
                        data: {
                            'value': SetVal,
                            'user_id': user_id
                        },
                        dataType: 'html',
                        success: function(response) {
                            if (response == "1") {
                                AIZ.plugins.notify('success', 'Status Changed!!');
                            } else {
                                AIZ.plugins.notify('danger', 'Try Again!!');
                            }

                        }
                    });
                });

                $(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").css("display", "block");
                        $(this).closest('table').find('#searchPage tr').addClass('active');
                    } else {
                        $("#deletedData").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");
                        //  $(this).closest('tr').removeClass('active');
                    } else {
                        if ($('.product_checkbox:checked').length == "0") {
                            //    $(this).closest('tr').removeClass('active');
                            $("#deletedData").css("display", "none");
                        } else {
                            $("#deletedData").css("display", "block");
                            //$(this).closest('tr').addClass('active');
                        }
                        $('#checkAll').prop('checked', false);

                    }
                    $("#sProduct").text($("input.product_checkbox:checked").length);
                });





                $(document).on('click', '.add-items-btn', function() {
                    var getdata = $('#addMember-modal').modal('show');
                    $(document).find('body').removeClass('body-active');

                });

                $(document).on('click', '.filter-link', function() {

                    $(document).find('body').addClass('body-active');
                });

                $(document).on('click', '#filterButton', function() {
                    $('#filterFlyout').modal('show');
                });

                $(document).on('click', '#resetFilter', function() {
                    $('#sort_sellers')[0].reset();
                    product_list(data, url);
                    //$('#filterFlyout').modal('hide');
                });

                $(document).on('click', '.action', function() {
                    var getdata = $(this).data('open');
                    $(getdata).slideToggle("slow", function() {});
                });

                $(document).on('click', '.closeBtn', function() {

                    $('.customFlyout1300,.memberProfile').removeClass('active');
                    $('body.body-active').css('overflow-y', '');
                });

                $(document).on('click', '.openClass', function(e) {
                    var getID = $(this).data('table');
                    $('body').toggleClass('OverlayBg');
                    var userID = $(this).data('userid');
                    var checkText = $(this).text();

                    var relX = event.pageX - $(this).offset().left;
                    var relY = event.pageY - $(this).offset().top;

                    //   var relY = $(this).offset().top;

                    var position = $(this).position();
                    var UpdateTopPosi = $(this).offset().top;
                    UpdateTopPosi += 30;
                    position.left += -350;
                    //$(getID).css({'position':'absolute','width':'900px','z-index':'999','left':position.left+'px','top':UpdateTopPosi+'px'});
                    if (checkText > 0) {

                        // var hp = ThzhotspotPosition(e, $(this), 20, true); // true = percent | false or no attr = px
                        $('.product_model').addClass('active');

                        $.ajax({
                            url: "{{ url('/admin/get/product/') }}",
                            type: "POST",
                            data: {
                                _token: '{{ csrf_token() }}',
                                'by_user': true,
                                'user_id': userID
                            },
                            success: function(data) {

                                $(getID).find('tbody').html(data);

                            }
                        });
                        $('.product_model').css("display", "block");
                        $(getID).show();
                    } else {
                        $('.product_model').css("display", "none");
                        $(getID).hide();
                        $(getID).find('tbody').html('');
                    }
                });
                $(document).on('click', '.tabOpener', function() {
                    var id = $(this).data('id');
                    var product_id = $(this).data('product_id');
                    var data_class = "." + $(this).data('class');
                    var tab = "";

                    var member_page = 'member_page';
                    $('.tabOpener').click(function() {
                        var $this = $(this);
                        var $target = $($this.data('id'));

                        $('.tabOpener').not($this).each(function() {
                            var $otherTarget = $($(this).data('id'));
                            $otherTarget.hide();
                            $(document).find('#updateTableHovers .btn.rotate180').removeClass(
                                'rotate180');
                        });

                        //   $(document).find('#updateTableHovers .btn.rotate180').toggleClass('rotate180');

                    });
                    $(this).find('button.btn').toggleClass('rotate180');

                    $(document).find(id).slideToggle("slow", function() {});
                    $.ajax({
                        url: "{{ url('/admin/get/getproduct_analytics') }}",
                        type: "get",
                        data: {
                            _token: '{{ csrf_token() }}',
                            'member_page': "member_page",
                            'id': product_id
                        },
                        success: function(obj) {
                            $(data_class).html(obj);
                            $("#productData_analytics").html(obj);
                            $("#products_id").val(product_id);
                            product_analytics_data(product_id, tab, member_page, '')

                        }
                    });
                });


                $(document).on('click', '.myTabsdsd li button', function() {
                    if ($(this).hasClass('active')) {
                        var tab = $(this).attr('id');
                        var time = $(this).data('time');
                        var product_id = $("#products_id" + time).val();

                        var related_id = $(this).data('target');

                        product_analytics_data(product_id, tab, '', related_id);
                    }
                });





                function ThzhotspotPosition(evt, el, hotspotsize, percent) {
                    var left = el.offset().left;
                    var top = el.offset().top;
                    var hotspot = hotspotsize ? hotspotsize : 0;
                    if (percent) {
                        x = (evt.pageX - left - (hotspot / 2)) / el.outerWidth() * 100 + '%';
                        y = (evt.pageY - top - (hotspot / 2)) / el.outerHeight() * 100 + '%';
                    } else {
                        x = (evt.pageX - left - (hotspot / 2));
                        y = (evt.pageY - top - (hotspot / 2));
                    }

                    return {
                        x: x,
                        y: y
                    };
                }

                function storeCheckboxState() {
                    var checkboxState = [];
                    $('#results').find(':checkbox').each(function() {
                        checkboxState.push({
                            id: $(this).val(),
                            checked: $(this).prop('checked')
                        });
                    });
                    localStorage.setItem('checkboxState', JSON.stringify(checkboxState));
                }

                function restoreCheckboxState() {
                    var checkboxState = JSON.parse(localStorage.getItem('checkboxState'));
                    if (checkboxState) {
                        $.each(checkboxState, function(index, item) {
                            $('input[value="' + item.id + '"].chkDatafill').prop('checked', item.checked);
                            if (item.checked) {
                                $('#mytable td:nth-child(' + item.id + '), #mytable th:nth-child(' + item.id +
                                    ')').show();
                            } else {
                                $('#mytable td:nth-child(' + item.id + '), #mytable th:nth-child(' + item.id +
                                    ')').hide();
                            }
                        });
                    }
                }

                $(document).on('click', '.checkallFilter', function() {
                    $('#results').find(':checkbox').prop("checked", true);
                    $('#results').find(':checkbox').each(function() {
                        $('#mytable td:nth-child(' + $(this).val() + '), #mytable th:nth-child(' + $(
                            this).val() + ')').show();
                    });
                    storeCheckboxState();
                });

                $(document).on('click', '.hideAll', function() {
                    $('#results').find(':checkbox').prop("checked", false);
                    $('#results').find(':checkbox').each(function() {
                        $('#mytable td:nth-child(' + $(this).val() + '), #mytable th:nth-child(' + $(
                            this).val() + ')').hide();
                    });
                    storeCheckboxState();
                });

                $(document).on('click', 'a.page-link', function(event) {
                    event.preventDefault();
                    var data = "";
                    var url = $(this).attr('href');
                    product_list(data, url);
                    restoreCheckboxState();
                });

                $(document).on('click', '.chkDatafill', function() {
                    var b = $(this).val();
                    if ($(this).prop('checked')) {
                        $('#mytable td:nth-child(' + b + '), #mytable th:nth-child(' + b + ')').show();
                    } else {
                        $('#mytable td:nth-child(' + b + '), #mytable th:nth-child(' + b + ')').hide();
                    }
                    storeCheckboxState();
                });

                $(document).on('click', '#hideshow', function() {
                    $('#content').toggle('show');
                    $(this).toggleClass('active');
                });


                //Get Table heading text

                // $(document).find('body').addClass('body-active');

                // =================================== Ajax Data ==============================//




                ////////////////////// SEARCHING FUNCTIONALITY //////////////////////////////////

                $(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 tab = $(".memberTable-tabs li.active a").data('tab');
                    var url = "{{ url('/admin/invitaion-table') }}";
                    if (searchTerm) {
                        var data = {
                            'tab_type': tab,
                            'search': searchTerm
                        };
                        product_list(data, url);
                    } else {
                        var data = {
                            'tab_type': tab,
                            'search': ''
                        };
                        product_list(data, url);
                    }
                }

                $(document).on('click', '.memberUser-freeze', function() {
                    var user_id = $(this).data('userid');
                    $('body').toggleClass('OverlayBg');
                    $('.v-scroll').hide();
                    $('#loader').css('display', 'block');
                    $(".memberProfile").addClass("active");
                    $('body.body-active').css('overflow-y', 'hidden');
                    getCurrentMemberInfo(user_id);
                    runandcheck();

                });


                $(document).on("click", ".modal-body li a", function() {
                    tab = $(this).attr("href");
                    $(".modal-body .tab-content div").each(function() {
                        $(this).removeClass("active");
                    });
                });

                $(document).on("click", "td.boxListedFeature a", function() {
                    $(this).closest('td').find('ul').toggle();
                });








                $(document).on('change', '#toggle', function() {
                    if ($(this).is(':checked')) {
                        console.log('Toggle button is on');

                    } else {
                        console.log('Toggle button is off');

                    }
                });
                //====================================== Function Data ======================//

                function product_list(data, url) {

                    $.ajax({
                        url: url,
                        type: "GET",
                        data: data,
                        success: function(obj) {
                            $("#productListData").html(obj);
                            column_data();
                        }
                    });
                }






                @if (request()->notify)
                    $(".memberProfile").toggleClass("active");
                    var user = '{{ request()->notify }}';
                    getCurrentMemberInfo(user);
                @endif

                function getCurrentMemberInfo_old(user) {
                    $.ajax({
                        url: "{{ url('/admin/seller/profile') }}",
                        type: "GET",
                        data: {
                            'user_id': user
                        },
                        success: function(obj) {
                            $(".memberProfile").html(obj);
                            $('.v-scroll').show();
                            $('#loader_seller').css('display', 'none')
                            runandcheck();
                        }
                    });
                }

                function getCurrentMemberInfo(user) {
                    $.ajax({
                        url: "{{ url('/admin/seller/profile') }}",
                        type: "GET",
                        data: {
                            'user_id': user
                        },
                        success: function(obj) {
                            $(".memberProfile").html(obj);
                            runandcheck();
                            getMoreContacts(user);
                        }
                    });
                }

                function runandcheck() {
                    var section = $('.checkHeight');
                    var windowHeight = $('.memberProfile').height();

                    var distanceFromBottom = windowHeight - 300;

                    section.css({
                        'height': distanceFromBottom,
                        'overflow-y': 'auto'
                    });
                }





            });
        </script>
    @endsection