@extends('backend.layouts.app')

@section('content')

<div class="customFlyout customFlyout1300  flyout-position-t memberProfile    detail_session">
        <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>
    <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 Lead Score') }}</h1>
            </div>
            <!-- <div class="col-md-6 text-md-right d-flex align-items-center" id="add_modal">
                <a href="javascript:void(0);" class="add-items-btn ml-auto" data-toggle="modal"
                    data-target="#addPost-modal"><span><i class="icons icon-plus"></i></span> Add New </a>

            </div> -->
        </div>
    </div>
    <div class="admin-list-table pt-0 ">
        <div class="d-flex align-items-center py-3">
            <div class="common-tbl-head m-0 ml-1 ">
                {{-- <div class="selected-prod border-0 pl-0">Selected Products (<span>0</span>)</div> --}}
                <div class="selected-prod border-0 pl-0"  style="display:none">Selected types (<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="ml-auto productSearch">
                <div class="form-group mb-0 position-relative">
                    <i class="icons icon-search-s" id="memberSearch"></i>
                    <input type="text" class="form-control form-control-sm" id="search" name="search" placeholder="Search">
                </div>
  
            </div>
            {{-- <a href="javascript:void(0);" class="filter-link ml-2" data-toggle="modal" data-target="#filterFlyout"><i class="icons icon-filter"></i>Filter's</a> --}}
        </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>

    <!-- 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>

    <div class="modal right fade addPost-modal add-blog edit-blog" data-refresh="true" id="addPost-modal" role="dialog">
        <div class="modal-dialog" id="modals_datas" >
            {{-- <!-- Modal content-->
            <div class="modal-content">
                <div class="modal-header close-btn">
                    <button type="button" class="close" data-dismiss="modal">&times;</button>
                    <h4 class="modal-title">{{translate('Add New Post')}}</h4>
                </div>
                    
            </div> --}}
        </div>
    </div>
<!-- Modal -->
<div class="modal fade" id="staticBackdrop" data-backdrop="static" data-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
    {{-- <div id="imageCarousel" class="carousel slide mt-4" data-ride="carousel" >
        <div class="carousel-inner" id="carouselItems"></div>
        <a class="carousel-control-prev" href="#imageCarousel" role="button" data-slide="prev">
            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
            <span class="sr-only">Previous</span>
        </a>
        <a class="carousel-control-next" href="#imageCarousel" role="button" data-slide="next">
            <span class="carousel-control-next-icon" aria-hidden="true"></span>
            <span class="sr-only">Next</span>
        </a>
    </div> --}}
    <div class="modal-dialog">
        <div class="modal-content">
          <div class="modal-header" style="min-height: auto;">
            <h3 style="font-size: 18px;margin:0px;">Uploaded Images</h3>
            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
              <span aria-hidden="true">&times;</span>
            </button>
          </div>
          <div class="modal-body">
            <div id="imageCarousel" class="carousel slide" data-ride="carousel" >
                <div class="carousel-inner" id="carouselItems"></div>
                <a class="carousel-control-prev" href="#imageCarousel" role="button" data-slide="prev">
                    <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                    <span class="sr-only">Previous</span>
                </a>
                <a class="carousel-control-next" href="#imageCarousel" role="button" data-slide="next">
                    <span class="carousel-control-next-icon" aria-hidden="true"></span>
                    <span class="sr-only">Next</span>
                </a>
            </div>
          </div>
        </div>
      </div>
  </div>
@endsection

@section('script')
    <script type="text/javascript">
        $(document).ready(function() {

            $(window).on('load', function() {
    localStorage.clear();
});
            var urls = "{{ route('admin.crm.buildleadscorelist') }}"
            data_index(urls);

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

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

            $(document).on('click', '#add_modal', function(event) {
                dataList();
            });

            $(document).on('click', '#edit_blog', function(event) {
                let id = $(this).data('id');
                var url = "{{ url('/admin/score/edit/') }}" + "/" + id ;

                edit_blog(url);
            });

           

            // =============================== Create Blog Data ===========================//

            $(document).on('click', '#saveUnit', function() {
                
                if ($('#keyword-tab').hasClass('active')) {
                    var title = $('#title').val();
                    var short_description = $('#short_description').val();

                    if (title == '' || short_description == '') {
                        AIZ.plugins.notify('danger', 'Blog Fields are required');
                        return;
                    }
                }
                var formData = new FormData($("#form-id")[0]);
                let action = $(this).closest('.modal-content').find('form').attr('action');
                $.ajax({
                    method: "POST",
                    url: action,
                    data: formData,
                    cache: false,
                    contentType: false,
                    processData: false,
                    success: function(data) {
                        $("#form-id .invalid-feedback").remove();
                        if (data.errors) {
                            $.each(data.errors, function(k, val) {
                                var err =
                                    '<span class="invalid-feedback" role="alert" style="display: block;"><p style="margin:0px;font-weight:400">' +
                                    val + '</p></span>';
                                $("#form-id input[name=" + k + "]").after(err);
                                $("#form-id textarea[name=" + k + "]").after(err);
                            });
                        } else {
                            AIZ.plugins.notify('success', 'Blog created successfully');
                            $('#addPost-modal').modal('hide');
                            var urls = "{{ route('blog.list') }}"
                            data_index(urls);
                        }
                    }
                });
            });

            /////////////////////////////// Edit & update blog

          
                $(document).on('click', '#updateKeywords', function() {
                    
    
    
    var id = $(this).data('id');
    if (!id) {
        alert('Missing ID for update.');
        return;
    }

    let formData = new FormData($('#myform1')[0]);

    $.ajax({
        url: "{{ url('admin/score/update') }}/" + id,
        method: "POST",
        data: formData,
        processData: false,
        contentType: false,
        headers: {
            'X-CSRF-TOKEN': '{{ csrf_token() }}'
        },
        success: function (response) {
            $('#addPost-modal').modal('hide');
            var urls = "{{ route('scorerule.list') }}"
            data_index(urls);
        },
        error: function (xhr) {
            alert('Submission failed');
            console.log(xhr.responseText);
        }
    });
});





$(document).on('click', '#addKeywords', function() {
     

        let formData = new FormData($('#myform1')[0]);

        $.ajax({
            url: "{{ url('admin/scoring/create') }}",
            method: "POST",
            data: formData,
            processData: false,
            contentType: false,
            headers: {
                'X-CSRF-TOKEN': '{{ csrf_token() }}'
            },
            success: function (response) {
                $('#addPost-modal').modal('hide');
                var urls = "{{ route('scorerule.list') }}"
            data_index(urls);
            },
            error: function (xhr) {
                alert('Submission failed');
                console.log(xhr.responseText);
            }
        });
    });
            $(document).on('click', '#update_blog', function() {
                // var formData = $('#form-id').serialize();
                var formData = new FormData($("#update_form")[0]);
                let action = $(this).closest('.modal-content').find('form').attr('action');

                $.ajax({
                    method: "POST",
                    url: action,
                    data: formData,
                    cache: false,
                    contentType: false,
                    processData: false,
                    success: function(data) {
                        $("#update_form .invalid-feedback").remove();
                        if (data.errors) {
                            $.each(data.errors, function(k, val) {
                                var err =
                                    '<span class="invalid-feedback" role="alert" style="display: block;"><p style="margin:0px;font-weight:400">' +
                                    val + '</p></span>';
                                var a = $("#update_form input[name=" + k + "]").after(
                                    err);
                                var text = $("#update_form textarea[name=" + k + "]")
                                    .after(err);

                            });
                        } else {
                            AIZ.plugins.notify('success', 'scoring rule Update successfully');
                            $('#addPost-modal').modal('hide');
                            var urls = "{{ route('blog.list') }}"
                            data_index(urls);
                        }
                    }
                });
            });

            //==================================== 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 deleteModal = $('#delete-modal');
                var products = [];
                $(".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/blog/multi_delete') }}",
                            cache: false,
                            data: 'emp_id=' + selected_values,
                            success: function(response) {
                                var emp_ids = response.split(",");
                                for (var i = 0; i < emp_ids.length; i++) {
                                    $("#" + emp_ids[i]).closest("tr").remove();
                                }
                                $("#sProduct").text("0");
                                if (emp_ids.length > 0) {
                                    AIZ.plugins.notify('success', 'Blog Deleted successfully');
                                    var urls = "{{ route('blog.list') }}"
                                    data_index(urls);
                                } else {
                                    AIZ.plugins.notify('success', 'Blog Not Deleted successfully');
                                }
                                $('#delete-modal').modal('hide');
                                $("#deletedData").hide();
                            }
                        });
                    });
                }
            });
 
            $(document).on('click', '#deletebtn', 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) {
                    alert(url );
                    $.ajax({
                        url: url,
                        type: "GET",
                        success: function(obj) {
                            $('#delete-modal').modal('hide');
                            AIZ.plugins.notify('success', 'Score rule deleted successfully');
                            loadStoredPagination();  
                            // var urls = "{{ route('blog.list') }}"
                            // data_index(urls);
                        }
                    });
                });
            });

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

            ///////////////////////////////// Searching
 

            $(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/crm/leads/lead_score_list') }}";
 
                if (searchTerm) {
                    var data = {
                        'search': searchTerm
                    };
                    data_index(url,data);
                } else {
                    var data = {
                        'search': ''
                    };
                    data_index(url,data);
                }
            }

            $(document).on('click', '#table_list 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 edit_blog(url) {
                $.ajax({
                    url: url,
                    success: function(data) {
                        $("#modals_datas").html(data);
                        AIZ.plugins.textEditor();
                        AIZ.plugins.tagify();
                    }
                });
            }

            function dataList() {
                $.ajax({
                    url: "{{ url('/admin/scoring/forms') }}",
                    //data:{},
                    type: 'GET',
                    success: function(data) {
                        $("#modals_datas").html(data);
                        AIZ.plugins.textEditor();
                        AIZ.plugins.tagify();

                    }
                });
            }

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

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

        });

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


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

        });
        function getengage_detail(user) {
    // Clear all target containers before fetching new data
    $(".memberProfile, #pills-scroll, #pills-click, #pills-page").empty();

    let ajaxCompleted = 0;

    function handleCommonTasks() {
        ajaxCompleted++;
        if (ajaxCompleted === 4) {
            runandcheck();
            getMoreContacts(user);
        }
    }

    // Helper: Render HTML if not empty
    function safeRender(target, obj, label) {
        if (obj && $.trim(obj) !== "") {
            $(target).html(obj);
        } else {
            console.warn(`${label} returned empty HTML`);
            $(target).html("<div class='text-muted'>No data available.</div>");
        }
    }

    // Load member profile
    $.ajax({
        url: "{{ url('/admin/crm/session_engage_detail') }}",
        type: "GET",
        data: { session_id: user },
        success: function(obj) {
            console.log("Profile response:", obj);
            safeRender(".memberProfile", obj, "Profile");

            // Run second AJAX after first is successful
            $.ajax({
                url: "{{ url('/admin/crm/session_scroll') }}",
                type: "GET",
                data: { session_id: user },
                success: function(scrollObj) {
                    console.log("Scroll response:", scrollObj);
                    safeRender("#pills-scroll", scrollObj, "Scroll");

                    // Run third AJAX after second is successful
                    $.ajax({
                        url: "{{ url('/admin/crm/session_click') }}",
                        type: "GET",
                        data: { session_id: user },
                        success: function(clickObj) {
                            console.log("Click response:", clickObj);
                            safeRender("#pills-click", clickObj, "Click");

                            // Run fourth AJAX after third is successful
                            $.ajax({
                                url: "{{ url('/admin/crm/session_page') }}",
                                type: "GET",
                                data: { session_id: user },
                                success: function(pageObj) {
                                    console.log("Page response:", pageObj);
                                    safeRender("#pills-page", pageObj, "Page");
                                },
                                error: function(xhr) {
                                    console.error("Page load error", xhr);
                                },
                                complete: handleCommonTasks
                            });
                        },
                        error: function(xhr) {
                            console.error("Click load error", xhr);
                        },
                        complete: handleCommonTasks
                    });
                },
                error: function(xhr) {
                    console.error("Scroll load error", xhr);
                },
                complete: handleCommonTasks
            });
        },
        error: function(xhr) {
            console.error("Profile load error", xhr);
        },
        complete: handleCommonTasks
    });
}

        
        
  

$(document).on('click', '.SellerPerformanceSection .page-link', function(event) {
    event.preventDefault();
    var url = $(this).attr('href');
    var target = $(this).closest('.tab-pane').attr('id');

    $.ajax({
        url: url,
        cache: true,
        success: function(html) {
            $("#" + target).html(html);
        }
    });
});


   

        });
        

    </script>
@endsection