@extends('superadmin.layouts.app')
@section('content')
<section class="promoted-page">
    <h2 class="main-heading">Promoted</h2>
    <div class="border-box newsfeed-box">
        <div class="bg-box p-0 h-full">
            <div class="show-post-area promoted-area">
                <ul class="promote-main-tab hstack">
                    <li class="promote-tab">
                        <input type="radio" id="promotedPostTab" name="tab-group" {!! $page_type == "post" ? '' : 'onclick="document.location.href=\'' . route('superadmin.promoted') . '?type=post\'"' !!} {{($page_type=="post" ?'checked' : '')}}>
                        <label for="promotedPostTab">
                            <p>Promoted post</p>
                        </label>
                    </li>
                    <li class="promote-tab">
                        <input type="radio" id="promotedUserTab" name="tab-group" {!! $page_type == "user" ? '' : 'onclick="document.location.href=\'' . route('superadmin.promoted') . '?type=user\'"' !!} {{($page_type=="user" ?'checked' : '')}}>
                        <label for="promotedUserTab">
                            <p>Promoted user</p>
                        </label>
                    </li>
                </ul>
                @if($page_type=="post")
                <div class="promoted-area-show show" id="promotePostShow">
                    <div class=" post-gap h-full">
                        <div class="row gridDataShow">
                        </div>
                        <nav aria-label="Page navigation">
                            <ul class="pagination justify-content-center" id="gridPagination">
                            </ul>
                        </nav>
                    </div>
                </div>
                    <script>
                    $(function() {
                        var currentPage = 0; // Variable to store the current page
                        function PostFetchData(page = 0) {
                            currentPage = page; // Update the current page
                            var per_page = 8;
                            $.ajax({
                                url: "{{ route('superadmin.promoted.ajax.data') }}",
                                type: "GET",
                                data: {
                                    type: 'post',
                                    start: page * per_page, // Assuming per_page items per page
                                    length: per_page
                                },
                                success: function(data) {
                                    var items = data.data;
                                    var pageInfo = {
                                        pages: Math.ceil(data.recordsTotal / per_page),
                                        page: page,
                                        start: page * per_page,
                                        end: (page * per_page) + items.length,
                                        recordsTotal: data.recordsTotal
                                    };
                                    updateGridView(items);
                                    renderPagination(pageInfo);
                                    renderInfo(pageInfo);
                                },
                                error: function(xhr) {
                                    console.error("An error occurred: " + xhr.status + " " + xhr.statusText);
                                }
                            });
                        }

                        function updateGridView(data) {
                            var gridHtml = '';
                            var postDetailsRouteTemplate = "{{ route('superadmin.posts.postdetails', ['postId' => '__POST_ID__']) }}";
                            var UserDetailLinkTemp = "{{ route('superadmin.post.user.details',['userId' => '__USER_ID__']) }}";
                            data.forEach(function(item) {
                                let post_id = item._id;
                                let user_id = item.userId;
                                var userName = item.name;
                                var post_redirect_link = postDetailsRouteTemplate.replace('__POST_ID__', post_id);
                                var user_redirect_link = UserDetailLinkTemp.replace('__USER_ID__', user_id);
                                gridHtml += '<div class="col col-12 col-md-6 col-xl-4 col-xxl-3" id="promote'+post_id+'">'
                                gridHtml += '<div class="post promoted-post unhide-content-post">'
                                gridHtml += '<div class="post-img">'
                                gridHtml += '<div class="swiper mySwiper" onclick="window.location.href=\'' + post_redirect_link + '\'">';
                                gridHtml += '<div class="swiper-wrapper">'
                                var postFileDecode = item.postFiles;

                                postFileDecode.forEach(function(postImagesData) {
                                    gridHtml += '<div class="swiper-slide">'
                                    if(item.postedType == '1'){
                                        gridHtml += '<img src="'+postImagesData.path+'" alt="">'
                                    }else if(item.postedType == '2'){
                                        gridHtml += '<video controls src="'+postImagesData.path+'"></video>'
                                    }
                                    gridHtml += '</div>'
                                });
                                gridHtml += '</div>'
                                gridHtml += '<div class="swiper-pagination"></div>'
                                gridHtml += '</div>'
                                gridHtml += '<div class="post-gr"></div>'
                                gridHtml += '<div class="post-promote">'
                                gridHtml += '<svg width="35" height="35" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="22" cy="22" r="22" fill="url(#paint0_linear_2328_15755)" /><path d="M27.7192 20.4628C28.2961 20.0762 28.7097 19.4995 28.8921 18.819C29.0914 18.0751 28.9903 17.3001 28.6074 16.6369C28.2245 15.9737 27.6039 15.4986 26.86 15.2993C26.1795 15.1169 25.4732 15.1868 24.85 15.493L23.2442 12.7118C22.9024 12.1197 22.2885 11.7746 21.6068 11.7863C20.9233 11.7988 20.3243 12.1669 20.0042 12.771C19.7795 13.1954 19.5684 13.6362 19.345 14.103C18.4342 16.0054 17.402 18.1617 15.1704 19.4501L12.303 21.1056C11.3159 21.6755 10.6089 22.5993 10.3121 23.7069C10.0153 24.8145 10.1657 25.9681 10.7355 26.9551C11.5278 28.3273 12.9701 29.0953 14.4512 29.0953C14.9914 29.0953 15.5367 28.9929 16.0576 28.7807L18.0622 32.2528C18.477 32.9711 19.2318 33.3731 20.0071 33.3731C20.3871 33.3731 20.772 33.2765 21.1241 33.0732C21.641 32.7748 22.0112 32.2913 22.1665 31.7117C22.3218 31.1321 22.243 30.5283 21.9445 30.0114L19.972 26.5949C22.0487 25.6076 24.2286 25.7751 26.1693 25.9251C26.6858 25.9651 27.1735 26.0027 27.6538 26.0203C28.336 26.0447 28.9553 25.7106 29.3078 25.1248C29.6603 24.5391 29.6668 23.836 29.325 23.244L27.7192 20.4627L27.7192 20.4628ZM26.5567 16.4312C26.9983 16.5495 27.3661 16.8306 27.5925 17.2228C28.0297 17.9799 27.8178 18.9362 27.1313 19.4444L25.438 16.5115C25.7885 16.3593 26.179 16.3299 26.5567 16.4312H26.5567ZM14.4493 27.9238C13.3736 27.9237 12.3259 27.3659 11.7505 26.3692C11.3371 25.6533 11.2283 24.8155 11.4441 24.0102C11.6599 23.205 12.173 22.5339 12.8889 22.1205L15.2492 20.7578L18.3624 26.1433L15.9992 27.5077C15.5106 27.7898 14.9767 27.9238 14.4493 27.9238ZM21.0346 31.4085C20.9604 31.6857 20.784 31.9165 20.5382 32.0584C20.0275 32.3533 19.372 32.1777 19.0771 31.6669L17.0925 28.2296L18.9451 27.16L20.9297 30.5973C21.0716 30.8432 21.1089 31.1312 21.0346 31.4085H21.0346ZM28.3038 24.5206C28.1706 24.742 27.9557 24.8593 27.6967 24.8493C27.2401 24.8326 26.7639 24.7958 26.2597 24.7568C24.1418 24.5932 21.7605 24.4097 19.3874 25.5748L16.254 20.1544C18.4523 18.6803 19.4845 16.5257 20.402 14.6091C20.6202 14.1533 20.8263 13.7228 21.0398 13.3195C21.1608 13.0911 21.3698 12.9627 21.6282 12.958C21.6331 12.9579 21.638 12.9579 21.6428 12.9579C21.8947 12.9579 22.1026 13.0782 22.2294 13.2978L28.3102 23.8301C28.4394 24.0539 28.4372 24.2992 28.3039 24.5206L28.3038 24.5206ZM26.7817 13.0158L27.9918 10.9199C28.1536 10.6396 28.5119 10.5436 28.7922 10.7055C29.0724 10.8673 29.1684 11.2256 29.0066 11.5059L27.7966 13.6017C27.6881 13.7897 27.4911 13.8948 27.2886 13.8948C27.1892 13.8948 27.0885 13.8695 26.9962 13.8162C26.7159 13.6544 26.6199 13.296 26.7817 13.0158ZM32.2217 15.2267L30.0751 16.4661C29.9829 16.5193 29.8821 16.5447 29.7827 16.5447C29.5802 16.5447 29.3833 16.4396 29.2747 16.2516C29.1129 15.9714 29.209 15.613 29.4892 15.4512L31.6358 14.2119C31.916 14.05 32.2744 14.1461 32.4362 14.4263C32.598 14.7065 32.502 15.0649 32.2217 15.2267ZM33.8366 19.4425C33.8366 19.7661 33.5742 20.0285 33.2506 20.0285H30.8305C30.5069 20.0285 30.2445 19.7662 30.2445 19.4425C30.2445 19.1189 30.5069 18.8566 30.8305 18.8566H33.2506C33.5742 18.8566 33.8366 19.1189 33.8366 19.4425Z" fill="white" /><defs><linearGradient id="paint0_linear_2328_15755" x1="1.77604" y1="9.26967" x2="49.5834" y2="17.864" gradientUnits="userSpaceOnUse"><stop stop-color="#6A58FB" /><stop offset="1" stop-color="#4599F4" /></linearGradient></defs></svg>'
                                gridHtml += '</div>'
                                gridHtml += '</div>'
                                gridHtml += '<div class="hstack post-user-info justify-between items-center">'
                                gridHtml += '<a href="'+user_redirect_link+'" class="hstack items-center">'
                                gridHtml += '<div class="user-border">'
                                var userName = item.name;
                                if (userName !== null && userName !== undefined) {
                                    var firstChar = (userName.length > 0 ? userName.substring(0, 1) : '');
                                } else {
                                    var firstChar = '';
                                }
                                if(item.profilePic!=null){
                                    gridHtml += '<img src="'+item.profilePic+'" alt="'+userName+'">'
                                }else{
                                    gridHtml += '<div class="default-img-text">'+(firstChar==''?'C':firstChar)+'</div>'
                                }
                                gridHtml += '</div>'
                                gridHtml += '<span class="post-user-name">'+(userName !== ' ' ? userName : 'NA')+'</span>'
                                gridHtml += '</a>'
                                gridHtml += '<div class="post-menu" href="#">'
                                gridHtml += '<svg width="4" height="14" viewBox="0 0 4 14" fill="none" xmlns="http://www.w3.org/2000/svg">'
                                gridHtml += '<g clip-path="url(#clip0_2328_15448)"><path d="M1.75 1.75L1.75 1.7575M1.75 7L1.75 7.0075M1.75 12.25L1.75 12.2575M1.75 2.5C1.33579 2.5 1 2.16421 1 1.75C1 1.33579 1.33579 1 1.75 1C2.16421 1 2.5 1.33579 2.5 1.75C2.5 2.16421 2.16421 2.5 1.75 2.5ZM1.75 7.75C1.33579 7.75 1 7.41421 1 7C1 6.58579 1.33579 6.25 1.75 6.25C2.16421 6.25 2.5 6.58579 2.5 7C2.5 7.41421 2.16421 7.75 1.75 7.75ZM1.75 13C1.33579 13 0.999999 12.6642 1 12.25C1 11.8358 1.33579 11.5 1.75 11.5C2.16421 11.5 2.5 11.8358 2.5 12.25C2.5 12.6642 2.16421 13 1.75 13Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" /></g><defs><clipPath id="clip0_2328_15448"><rect width="14" height="4" fill="white" transform="translate(4) rotate(90)" /></clipPath></defs></svg>'
                                gridHtml += '<div class="border-box post-dropdown">'
                                gridHtml += '<ul>'
                                gridHtml += '<li class="stop-promtote-post" data-post_id="'+post_id+'">'
                                gridHtml += '<a href="#"><svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">'
                                gridHtml += '<g clip-path="url(#clip0_4394_82108)">'
                                gridHtml += '<path d="M8 16.5C12.411 16.5 16 12.9113 16 8.5C16 6.36133 15.1683 4.35205 13.658 2.84196C12.1476 1.33171 10.1387 0.5 8 0.5C3.5887 0.5 0 4.0887 0 8.5C0 10.6387 0.831706 12.6479 2.34196 14.158C3.85205 15.6683 5.86133 16.5 8 16.5ZM8 15.1667C6.44206 15.1667 4.96663 14.637 3.7793 13.6634L13.1634 4.2793C14.137 5.46663 14.6667 6.94206 14.6667 8.5C14.6667 12.1759 11.6759 15.1667 8 15.1667ZM8 1.83333C9.55762 1.83333 11.0334 2.36296 12.2204 3.33659L2.83659 12.7207C1.86296 11.5334 1.33333 10.0579 1.33333 8.5C1.33333 4.82406 4.32406 1.83333 8 1.83333Z" fill="white" /></g><defs>'
                                gridHtml += '<clipPath id="clip0_4394_82108"><rect width="16" height="16" fill="white" transform="translate(0 0.5)" /></clipPath></defs>'
                                gridHtml += '</svg>Stop promote Post</a>'
                                gridHtml += '</li>'
                                gridHtml += '<li class="edit-promote-post" data-post_id="'+post_id+'">'
                                gridHtml += '<a href="#"><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">'
                                gridHtml += '<path d="M9.945 2.69992L3.7875 9.21742C3.555 9.46492 3.33 9.95242 3.285 10.2899L3.0075 12.7199C2.91 13.5974 3.54 14.1974 4.41 14.0474L6.825 13.6349C7.1625 13.5749 7.635 13.3274 7.8675 13.0724L14.025 6.55492C15.09 5.42992 15.57 4.14742 13.9125 2.57992C12.2625 1.02742 11.01 1.57492 9.945 2.69992Z" stroke="white" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" /><path d="M8.9175 3.7876C9.24 5.8576 10.92 7.4401 13.005 7.6501" stroke="white" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" /><path d="M2.25 16.5H15.75" stroke="white" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" /></svg>Edit Promote Post</a>'
                                gridHtml += '</li>'
                                gridHtml += '</ul>'
                                gridHtml += '</div>'
                                gridHtml += '</div>'
                                gridHtml += '</div>'
                                gridHtml += '<p class="post-bio">'+(item.description!=null ? item.description : '')+'</p>'
                                gridHtml += '<div class="hstack justify-between">'
                                gridHtml += '<ul class="hstack about-post items-center">'
                                gridHtml += '<li>'
                                gridHtml += '<a class="hstack items-center post-like" href="#">'
                                gridHtml += '<svg width="18" height="16" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">'
                                gridHtml += '<path d="M9.465 14.6075C9.21 14.6975 8.79 14.6975 8.535 14.6075C6.36 13.865 1.5 10.7675 1.5 5.51745C1.5 3.19995 3.3675 1.32495 5.67 1.32495C7.035 1.32495 8.2425 1.98495 9 3.00495C9.7575 1.98495 10.9725 1.32495 12.33 1.32495C14.6325 1.32495 16.5 3.19995 16.5 5.51745C16.5 10.7675 11.64 13.865 9.465 14.6075Z" stroke="#A6ACBE" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" /></svg>'
                                gridHtml += '<span>'+item.heart_like_total+'</span>'
                                gridHtml += '</a>'
                                gridHtml += '</li>'
                                gridHtml += '<li>'
                                gridHtml += '<a class="hstack items-center post-comments" href="#">'
                                gridHtml += '<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">'
                                gridHtml += '<path d="M4.275 13.8V16.5L6.75 15.075C7.425 15.3 8.175 15.375 9 15.375C13.125 15.375 16.5 12.3 16.5 8.4C16.5 4.575 13.125 1.5 9 1.5C4.875 1.5 1.5 4.575 1.5 8.475C1.5 10.65 2.55 12.525 4.275 13.8Z" stroke="#A6ACBE" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" /></svg>'
                                gridHtml += '<span>'+item.commentCount+'</span>'
                                gridHtml += '</a>'
                                gridHtml += '</li>'
                                gridHtml += '<li>'
                                gridHtml += '<div class="hstack items-center" href="#">'
                                gridHtml += '<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">'
                                gridHtml += '<path d="M5.55001 4.74012L11.9175 2.61762C14.775 1.66512 16.3275 3.22512 15.3825 6.08261L13.26 12.4501C11.835 16.7326 9.49501 16.7326 8.07001 12.4501L7.44001 10.5601L5.55001 9.93012C1.26751 8.50512 1.26751 6.17262 5.55001 4.74012Z" stroke="#A6ACBE" stroke-width="1.875" stroke-linecap="round" stroke-linejoin="round" /><path d="M7.58252 10.2374L10.2675 7.54492" stroke="#A6ACBE" stroke-width="1.875" stroke-linecap="round" stroke-linejoin="round" /></svg>'
                                gridHtml += '<span>&nbsp;'+item.shareCount+'</span>'
                                gridHtml += '</div>'
                                gridHtml += ' </li>'
                                gridHtml += '</ul>'
                                gridHtml += '<p class="post-upload-time">'+item.createdAtHuman+'</p>'
                                gridHtml += '</div>'
                                gridHtml += '</div>'
                                gridHtml += '</div>';
                            });
                            $('.gridDataShow').html(gridHtml);
                        }

                        function renderPagination(pageInfo) {
                            var pages = pageInfo.pages,
                                current = pageInfo.page,
                                $pagination = $('#gridPagination');
                            var links = '';

                            var perPage = 8;

                            if (pageInfo.recordsTotal === 0 || pageInfo.recordsTotal <= perPage) {
                                $pagination.html(''); // Clear pagination
                                return; // Exit the function
                            }

                            // Previous button
                            links += '<li class="page-item ">' +
                                '<a class="page-link ' + (current === 0 ? 'disabled' : '') + '" href="#" data-page="' + (current - 1) + '">Previous</a></li>';
                            // Numbered buttons
                            var start = Math.max(current - 2, 0);
                            var end = Math.min(current + 2, pages - 1);
                            for (var i = start; i <= end; i++) {
                                links += '<li class="page-item">' +
                                    '<a class="page-link ' + (i === current ? 'active' : '') + '" href="#" data-page="' + i + '">' + (i + 1) + '</a></li>';
                            }

                            // Next button
                            links += '<li class="page-item ">' +
                                '<a class="' + (current === pages - 1 ? 'disabled' : 'page-link') + '" href="#" data-page="' + (current + 1) + '">Next</a></li>';

                            $pagination.html(links);
                        }

                        function renderInfo(pageInfo) {
                            var infoHtml = 'Showing ' + (pageInfo.start + 1) + ' to ' + pageInfo.end + ' of ' + pageInfo.recordsTotal + ' entries';
                            $('#gridInfo').html(infoHtml);
                        }

                        $('#gridPagination').on('click', 'a.page-link', function(e) {
                            e.preventDefault();
                            var pageNum = $(this).data('page');
                            if (pageNum >= 0) {
                                PostFetchData(pageNum);
                            }
                        });

                        $('#btn_stop_promote').click(function() {
                            var csrfToken = $('meta[name="csrf-token"]').attr('content');
                            var uuuid = $('#post_id').val();
                            $.ajax({
                                url: "{{route('superadmin.post.stop.promote')}}",
                                type: 'POST',
                                headers: {
                                    'X-CSRF-TOKEN': csrfToken // Set the CSRF token in the headers
                                },
                                data: {
                                    _token: '{{csrf_token()}}',
                                    uuid: uuuid
                                },
                                success: function(response) {
                                    // Handle success response
                                    if (response.status == true) {
                                        toastr.success(response.message);
                                        $("#promote" + uuuid).remove();


                                    } else if (response.status == false) {
                                        toastr.error(response.message);
                                    }
                                    $("body").removeClass("bodyscrolling");
                                    $(".stop-promote-modal").fadeOut(300);
                                    PostFetchData(currentPage)
                                },
                                error: function(xhr, status, error) {
                                    toastr.error('Somethign went wrong please try again!');
                                    $("body").removeClass("bodyscrolling");
                                    $(".stop-promote-modal").fadeOut(300);
                                }
                            })
                        });
                        PostFetchData();
                    });
                </script>
                @endif
                @if($page_type=="user")
                    <div class="promoted-area-show show" id="promoteUserShow">
                        <div class=" post-gap h-full">
                            <div class="promote-user-data">
                                <div class="row gridDataShow">
                                </div>
                            </div>
                            <nav aria-label="Page navigation">
                                <ul class="pagination justify-content-center" id="gridPagination">
                                </ul>
                            </nav>
                        </div>
                    </div>
                        <!-- <div class="row gridDataShow"></div>
                        <nav>
                            <ul class="pagination" id="gridPagination"></ul>
                        </nav>
                        <div id="gridInfo" class="dataTables_info" role="status" aria-live="polite"></div> -->
                    <script>
                        $(function() {
                            var currentPage = 0; // Variable to store the current page
                            function fetchData(page = 0) {
                                currentPage = page; // Update the current page
                                var per_page = 16;
                                $.ajax({
                                    url: "{{ route('superadmin.promoted.ajax.data') }}",
                                    type: "GET",
                                    data: {
                                        type: 'user',
                                        start: page * per_page, // Assuming per_page items per page
                                        length: per_page
                                    },
                                    success: function(data) {
                                        var items = data.data;
                                        var pageInfo = {
                                            pages: Math.ceil(data.recordsTotal / per_page),
                                            page: page,
                                            start: page * per_page,
                                            end: (page * per_page) + items.length,
                                            recordsTotal: data.recordsTotal
                                        };
                                        updateGridView(items);
                                        renderPagination(pageInfo);
                                        renderInfo(pageInfo);
                                    },
                                    error: function(xhr) {
                                        console.error("An error occurred: " + xhr.status + " " + xhr.statusText);
                                    }
                                });
                            }

                            function updateGridView(data) {
                                var gridHtml = '';
                                data.forEach(function(item) {
                                    let user_id = item._id;
                                    gridHtml += '<div class="col col-12 col-md-6 col-xl-4 col-xxxl-3 promote-user-main" id="promote' + user_id + '">'
                                    gridHtml += '<div class="promoted-user-box">'
                                    gridHtml += '<div class="hstack justify-between items-center">'
                                    let name = (item.name);

                                    gridHtml += '<div class="promoted-user-profile">'
                                    if (item.profilePic == null || item.profilePic == '') {
                                        gridHtml += '<span>' + (name == null ? 'CC' : name.charAt(0)) + '</span>';
                                    } else {
                                        gridHtml += '<img class="table-img" src="' + item.profilePic + '" alt="' + name + '">';
                                    }
                                    gridHtml += '</div>'
                                    gridHtml += '<div class="promoted-user-name">'
                                    gridHtml += '<h2>' + (name == null ? 'CC' : name) + '</h2>'
                                    gridHtml += '<p>' + item.username + '</p>'
                                    gridHtml += '<div class="hstack">'
                                    gridHtml += '<label for=""><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">'
                                    gridHtml += '<g clip-path="url(#clip0_4394_82151)"> <path d="M7.65789 0.648438C5.33017 0.648438 3.43132 2.55378 3.43132 4.88149C3.43132 6.30441 4.14333 7.56512 5.2269 8.33198C2.69952 9.34467 0.906586 11.8158 0.906586 14.6992C0.910453 14.8734 0.982389 15.0392 1.10699 15.1611C1.2316 15.2829 1.39896 15.3512 1.57325 15.3512C1.74754 15.3512 1.91491 15.2829 2.03951 15.1611C2.16412 15.0392 2.23605 14.8734 2.23992 14.6992C2.23992 11.6391 4.70722 9.17313 7.76726 9.17313C8.83543 9.17313 9.82696 9.47765 10.6709 9.99998C10.7456 10.0464 10.8288 10.0776 10.9156 10.0918C11.0024 10.106 11.0912 10.103 11.1768 10.0829C11.2624 10.0628 11.3432 10.0259 11.4146 9.97453C11.486 9.92313 11.5466 9.85821 11.5928 9.78337C11.639 9.70854 11.6701 9.6253 11.6841 9.53846C11.6981 9.45162 11.6949 9.36284 11.6746 9.27725C11.6542 9.19166 11.6172 9.11091 11.5657 9.03965C11.5141 8.96838 11.449 8.90801 11.374 8.86194C10.9937 8.6266 10.5809 8.44236 10.1553 8.28385C11.2039 7.51305 11.891 6.27601 11.891 4.88149C11.891 2.55378 9.98561 0.648438 7.65789 0.648438ZM7.65789 1.98302C9.26502 1.98302 10.5576 3.27436 10.5576 4.88149C10.5576 6.48862 9.26502 7.77473 7.65789 7.77473C6.05076 7.77473 4.76466 6.48862 4.76466 4.88149C4.76466 3.27436 6.05076 1.98302 7.65789 1.98302ZM14.4053 9.98437C14.2969 9.9875 14.191 10.0169 14.0966 10.0703C14.0022 10.1236 13.9222 10.1991 13.8636 10.2903L11.5654 13.7344L10.124 12.7695C10.0509 12.7204 9.96887 12.6861 9.88252 12.6688C9.79618 12.6514 9.70725 12.6512 9.62085 12.6683C9.53444 12.6854 9.45226 12.7194 9.379 12.7683C9.30574 12.8172 9.24285 12.88 9.19394 12.9533C9.14502 13.0265 9.11104 13.1086 9.09395 13.195C9.07685 13.2814 9.07698 13.3704 9.09431 13.4568C9.11165 13.5431 9.14585 13.6252 9.19497 13.6983C9.24409 13.7714 9.30715 13.8341 9.38054 13.8828L11.3844 15.2161C11.4574 15.2646 11.5393 15.2982 11.6253 15.3149C11.7112 15.3317 11.7997 15.3314 11.8855 15.3139C11.9714 15.2965 12.053 15.2624 12.1256 15.2134C12.1983 15.1645 12.2606 15.1017 12.3089 15.0287L14.9769 11.0274C15.0465 10.9257 15.0865 10.8068 15.0926 10.6837C15.0987 10.5607 15.0706 10.4384 15.0114 10.3303C14.9522 10.2223 14.8642 10.1328 14.7572 10.0717C14.6502 10.0107 14.5284 9.98042 14.4053 9.98437Z" fill="#4599F4" /> </g> <defs> <clipPath id="clip0_4394_82151"> <rect width="16" height="16" fill="white" /> </clipPath> </defs> </svg> <span>&nbsp;' + item.user_total_followers_count + 'Followers</span></label>'
                                    gridHtml += '<label for="">'
                                    gridHtml += '<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.3867 7.99995C10.3867 9.31995 9.32001 10.3866 8.00001 10.3866C6.68001 10.3866 5.61334 9.31995 5.61334 7.99995C5.61334 6.67995 6.68001 5.61328 8.00001 5.61328C9.32001 5.61328 10.3867 6.67995 10.3867 7.99995Z" stroke="#4599F4" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" /> <path d="M7.99999 13.5133C10.3533 13.5133 12.5467 12.1266 14.0733 9.72665C14.6733 8.78665 14.6733 7.20665 14.0733 6.26665C12.5467 3.86665 10.3533 2.47998 7.99999 2.47998C5.64665 2.47998 3.45332 3.86665 1.92665 6.26665C1.32665 7.20665 1.32665 8.78665 1.92665 9.72665C3.45332 12.1266 5.64665 13.5133 7.99999 13.5133Z" stroke="#4599F4" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" /> </svg> <span>&nbsp;' + item.profile_view_total + '</span> </label>'
                                    gridHtml += '</div>'
                                    gridHtml += '</div>'
                                    gridHtml += '<div class="promoted-option">'
                                    gridHtml += '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M17.5559 10.4629C18.1328 10.0764 18.5464 9.49966 18.7287 8.81909C18.9281 8.07518 18.827 7.30024 18.4441 6.63701C18.0611 5.97377 17.4406 5.49874 16.6967 5.29938C16.0161 5.11704 15.3099 5.18688 14.6867 5.49316L13.0809 2.71193C12.7391 2.11985 12.1251 1.77476 11.4435 1.78638C10.76 1.7989 10.161 2.16701 9.8409 2.77108C9.61619 3.19549 9.40511 3.63635 9.18165 4.10313C8.27092 6.00555 7.23869 8.1618 5.00711 9.45021L2.13962 11.1057C1.15258 11.6756 0.445561 12.5994 0.148748 13.707C-0.148017 14.8146 0.00235766 15.9682 0.572217 16.9552C1.36445 18.3274 2.8068 19.0954 4.2879 19.0954C4.82809 19.0954 5.37339 18.9931 5.89426 18.7808L7.89887 22.2529C8.31362 22.9713 9.0685 23.3732 9.84381 23.3732C10.2238 23.3732 10.6087 23.2766 10.9608 23.0734C11.4777 22.7749 11.8479 22.2914 12.0032 21.7118C12.1585 21.1323 12.0797 20.5284 11.7812 20.0115L9.8087 16.595C11.8854 15.6077 14.0652 15.7752 16.006 15.9252C16.5224 15.9652 17.0102 16.0029 17.4904 16.0204C18.1727 16.0449 18.792 15.7107 19.1445 15.1249C19.497 14.5392 19.5034 13.8362 19.1616 13.2441L17.5559 10.4628L17.5559 10.4629ZM16.3934 6.43132C16.8349 6.54963 17.2028 6.83074 17.4292 7.22294C17.8663 7.98002 17.6545 8.93627 16.968 9.44449L15.2747 6.51166C15.6252 6.35946 16.0157 6.33007 16.3934 6.43132H16.3934ZM4.28598 17.9239C3.2103 17.9238 2.16255 17.366 1.58715 16.3693C1.17381 15.6534 1.06497 14.8156 1.28078 14.0104C1.49655 13.2051 2.00969 12.534 2.72561 12.1206L5.0859 10.7579L8.19906 16.1434L5.8359 17.5078C5.34728 17.7899 4.81337 17.9239 4.28598 17.9239ZM10.8713 21.4086C10.7971 21.6858 10.6207 21.9166 10.3749 22.0586C9.86415 22.3534 9.2087 22.1779 8.91376 21.6671L6.92922 18.2297L8.78181 17.1601L10.7664 20.5975C10.9083 20.8433 10.9456 21.1314 10.8713 21.4086H10.8713ZM18.1405 14.5207C18.0072 14.7421 17.7924 14.8594 17.5333 14.8494C17.0768 14.8327 16.6006 14.7959 16.0964 14.7569C13.9785 14.5933 11.5971 14.4098 9.22403 15.5749L6.09072 10.1546C8.28897 8.68043 9.32115 6.52577 10.2387 4.60919C10.4568 4.15343 10.663 3.72293 10.8765 3.31962C10.9975 3.09119 11.2065 2.9628 11.4649 2.95812C11.4698 2.95802 11.4746 2.95798 11.4795 2.95798C11.7313 2.95798 11.9393 3.0783 12.0661 3.29791L18.1469 13.8302C18.2761 14.054 18.2739 14.2993 18.1405 14.5207L18.1405 14.5207ZM16.6184 3.01591L17.8285 0.920038C17.9903 0.639772 18.3486 0.543725 18.6288 0.705584C18.9091 0.867397 19.0051 1.22576 18.8433 1.50598L17.6333 3.60185C17.5247 3.78982 17.3278 3.89491 17.1253 3.89491C17.0259 3.89491 16.9251 3.8696 16.8329 3.8163C16.5526 3.65449 16.4566 3.29613 16.6184 3.01591ZM22.0584 5.22682L19.9118 6.46619C19.8196 6.51944 19.7188 6.5448 19.6194 6.5448C19.4169 6.5448 19.22 6.43971 19.1114 6.25174C18.9496 5.97148 19.0457 5.61312 19.3259 5.45135L21.4725 4.21198C21.7526 4.05012 22.111 4.14621 22.2729 4.42643C22.4347 4.70665 22.3386 5.06505 22.0584 5.22682ZM23.6732 9.44266C23.6732 9.76624 23.4109 10.0286 23.0873 10.0286H20.6672C20.3436 10.0286 20.0812 9.76629 20.0812 9.44266C20.0812 9.11904 20.3436 8.85673 20.6672 8.85673H23.0873C23.4109 8.85673 23.6732 9.11904 23.6732 9.44266Z" fill="#4599F4" /> </svg>'
                                    gridHtml += '<div class="post-menu">'
                                    gridHtml += '<svg width="4" height="14" viewBox="0 0 4 14" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_2328_15448)">'
                                    gridHtml += '<path d="M1.75 1.75L1.75 1.7575M1.75 7L1.75 7.0075M1.75 12.25L1.75 12.2575M1.75 2.5C1.33579 2.5 1 2.16421 1 1.75C1 1.33579 1.33579 1 1.75 1C2.16421 1 2.5 1.33579 2.5 1.75C2.5 2.16421 2.16421 2.5 1.75 2.5ZM1.75 7.75C1.33579 7.75 1 7.41421 1 7C1 6.58579 1.33579 6.25 1.75 6.25C2.16421 6.25 2.5 6.58579 2.5 7C2.5 7.41421 2.16421 7.75 1.75 7.75ZM1.75 13C1.33579 13 0.999999 12.6642 1 12.25C1 11.8358 1.33579 11.5 1.75 11.5C2.16421 11.5 2.5 11.8358 2.5 12.25C2.5 12.6642 2.16421 13 1.75 13Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" /> </g> <defs> <clipPath id="clip0_2328_15448"> <rect width="14" height="4" fill="white" transform="translate(4) rotate(90)" /> </clipPath> </defs> </svg>'
                                    gridHtml += '<div class="border-box post-dropdown">'
                                    gridHtml += '<ul>'
                                    gridHtml += '<li class="stop-promtote-post" data-promoteid="' + user_id + '">'
                                    gridHtml += '<a href="#"> <svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4394_82108)">'
                                    gridHtml += '<path d="M8 16.5C12.411 16.5 16 12.9113 16 8.5C16 6.36133 15.1683 4.35205 13.658 2.84196C12.1476 1.33171 10.1387 0.5 8 0.5C3.5887 0.5 0 4.0887 0 8.5C0 10.6387 0.831706 12.6479 2.34196 14.158C3.85205 15.6683 5.86133 16.5 8 16.5ZM8 15.1667C6.44206 15.1667 4.96663 14.637 3.7793 13.6634L13.1634 4.2793C14.137 5.46663 14.6667 6.94206 14.6667 8.5C14.6667 12.1759 11.6759 15.1667 8 15.1667ZM8 1.83333C9.55762 1.83333 11.0334 2.36296 12.2204 3.33659L2.83659 12.7207C1.86296 11.5334 1.33333 10.0579 1.33333 8.5C1.33333 4.82406 4.32406 1.83333 8 1.83333Z" fill="white" /> </g> <defs> <clipPath id="clip0_4394_82108"> <rect width="16" height="16" fill="white" transform="translate(0 0.5)" /> </clipPath> </defs> </svg>Stop promote User</a> </li>'
                                    gridHtml += '<li class="edit-promote-post" data-promoteid="' + user_id + '">'
                                    gridHtml += '<a href="#"><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">'
                                    gridHtml += '<path d="M9.945 2.69992L3.7875 9.21742C3.555 9.46492 3.33 9.95242 3.285 10.2899L3.0075 12.7199C2.91 13.5974 3.54 14.1974 4.41 14.0474L6.825 13.6349C7.1625 13.5749 7.635 13.3274 7.8675 13.0724L14.025 6.55492C15.09 5.42992 15.57 4.14742 13.9125 2.57992C12.2625 1.02742 11.01 1.57492 9.945 2.69992Z" stroke="white" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" />'
                                    gridHtml += '<path d="M8.9175 3.7876C9.24 5.8576 10.92 7.4401 13.005 7.6501" stroke="white" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" /> <path d="M2.25 16.5H15.75" stroke="white" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" />'
                                    gridHtml += '</svg>Edit Promote User</a>'
                                    gridHtml += '</li>'
                                    gridHtml += '</ul>'
                                    gridHtml += '</div>'
                                    gridHtml += '</div>'
                                    gridHtml += '</div>'
                                    gridHtml += '</div>'
                                    gridHtml += '</div>'
                                    gridHtml += '</div>';
                                });
                                $('.gridDataShow').html(gridHtml);
                            }

                            function renderPagination(pageInfo) {
                                
                                var pages = pageInfo.pages,
                                    current = pageInfo.page,
                                    $pagination = $('#gridPagination');
                                var links = '';
                                var perPage = 16;

                                if (pageInfo.recordsTotal === 0 || pageInfo.recordsTotal <= perPage) {
                                    $pagination.html(''); // Clear pagination
                                    return; // Exit the function
                                }

                                // Previous button
                                links += '<li class="page-item ">' +
                                    '<a class="page-link ' + (current === 0 ? 'disabled' : '') + '" href="#" data-page="' + (current - 1) + '">Previous</a></li>';
                                // Numbered buttons
                                var start = Math.max(current - 2, 0);
                                var end = Math.min(current + 2, pages - 1);
                                for (var i = start; i <= end; i++) {
                                    links += '<li class="page-item">' +
                                        '<a class="page-link ' + (i === current ? 'active' : '') + '" href="#" data-page="' + i + '">' + (i + 1) + '</a></li>';
                                }
                                // Next button
                                links += '<li class="page-item ">' +
                                    '<a class=" ' + (current === pages - 1 ? 'disabled' : 'page-link') + '" href="#" data-page="' + (current + 1) + '">Next</a></li>';

                                $pagination.html(links);
                            }

                            function renderInfo(pageInfo) {
                                var infoHtml = 'Showing ' + (pageInfo.start + 1) + ' to ' + pageInfo.end + ' of ' + pageInfo.recordsTotal + ' entries';
                                $('#gridInfo').html(infoHtml);
                            }
                            $('#gridPagination').on('click', 'a.page-link', function(e) {
                                e.preventDefault();
                                var pageNum = $(this).data('page');
                                if (pageNum >= 0) {
                                    fetchData(pageNum);
                                }
                            });
                            $('#btn_stop_promote').click(function() {
                                var csrfToken = $('meta[name="csrf-token"]').attr('content');
                                var uuuid = $('#uuuid').val();
                                // alert(news_id);
                                $.ajax({
                                    url: "{{route('superadmin.user.stop.promote')}}",
                                    type: 'POST',
                                    // contentType: 'application/json',
                                    headers: {
                                        'X-CSRF-TOKEN': csrfToken // Set the CSRF token in the headers
                                    },
                                    data: {
                                        _token: '{{csrf_token()}}',
                                        uuid: uuuid
                                    },
                                    success: function(response) {
                                        // Handle success response
                                        if (response.status == true) {
                                            toastr.success(response.message);
                                            $("#promote" + uuuid).remove();
                                        } else if (response.status == false) {
                                            toastr.error(response.message);
                                        }
                                        $("body").removeClass("bodyscrolling");
                                        $(".stop-promote-modal").fadeOut(300);
                                        fetchData(currentPage); // Reload the data on the same page
                                    },
                                    error: function(xhr, status, error) {
                                        toastr.error('Somethign went wrong please try again!');
                                        $("body").removeClass("bodyscrolling");
                                        $(".stop-promote-modal").fadeOut(300);
                                    }
                                })
                            });
                            fetchData();
                        });
                    </script>
            <!-- </div> -->
            @endif
        </div>
    </div>
    </div>
</section>
@if($page_type=="post")
    <div class="stop-promote-modal catholic-modal">
        <svg class="close-modal" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path d="M17.59 5L12 10.59L6.41 5L5 6.41L10.59 12L5 17.59L6.41 19L12 13.41L17.59 19L19 17.59L13.41 12L19 6.41L17.59 5Z" fill="white" />
        </svg>
        <input type="hidden" name="post_id" id="post_id">
        <p>Are you sure you want to stop promoting this post?</p>
        <button class="cancel-delete close-model-btn">Cancel</button>
        <button class="submit-btn" id="btn_stop_promote">Stop</button>
    </div>

    <div class="promot-post-modal">
        <svg class="close-modal" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path d="M17.59 5L12 10.59L6.41 5L5 6.41L10.59 12L5 17.59L6.41 19L12 13.41L17.59 19L19 17.59L13.41 12L19 6.41L17.59 5Z" fill="white" />
        </svg>
        <h4 class="hstack items-center justify-center"><svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M18.9858 6.08318C17.8977 4.09357 16.4803 2.33344 15.0982 1.25644C13.4745 -0.0100206 11.9713 -0.326275 10.7521 0.340462C9.95661 0.778687 9.45041 1.5404 9.2407 2.60631C9.15568 3.03644 8.99436 3.44788 8.76439 3.82119C6.67644 7.26142 5.30054 8.97382 2.1944 10.6737C1.70781 10.9273 1.27715 11.2761 0.927997 11.6993C0.578841 12.1226 0.318313 12.6117 0.161888 13.1377C0.000428574 13.6913 -0.0406882 14.2731 0.0412998 14.8439C0.123288 15.4148 0.326484 15.9614 0.637236 16.4473C1.36906 17.5966 2.64323 18.2826 4.04565 18.2826C4.13917 18.2826 4.23848 18.2792 4.3349 18.2715L5.03009 21.6944C5.11162 22.1036 5.27372 22.4925 5.50695 22.8384C5.74018 23.1844 6.03989 23.4805 6.38863 23.7095C6.91178 24.0538 7.52443 24.237 8.15068 24.2365C8.36114 24.2366 8.57108 24.2157 8.77741 24.1743C9.6006 24.0053 10.3232 23.5168 10.7868 22.8159C11.2504 22.115 11.4172 21.2588 11.2506 20.4351L10.3866 16.1696C11.872 15.9001 13.4721 15.8736 15.3918 15.9184C15.8912 15.9271 16.2933 15.9994 16.6577 16.145C17.6764 16.5524 18.6343 16.5364 19.3917 16.1161C20.608 15.4493 21.1576 13.9259 20.9387 11.8254C20.7536 10.0788 20.0599 8.04 18.9858 6.08318ZM8.77789 21.4866C8.72305 21.5701 8.65221 21.6419 8.56946 21.6978C8.48671 21.7537 8.3937 21.7927 8.2958 21.8125C8.19767 21.833 8.09646 21.8337 7.99805 21.8147C7.89963 21.7956 7.806 21.7572 7.72258 21.7016C7.63847 21.6464 7.56616 21.575 7.50989 21.4915C7.45361 21.4081 7.41447 21.3143 7.39476 21.2157L6.63305 17.4712C7.09757 17.2317 7.5742 17.0164 8.06102 16.8262L8.88877 20.9172C8.90895 21.0148 8.90955 21.1153 8.89051 21.2131C8.87147 21.3108 8.83319 21.4038 8.77789 21.4866ZM18.2993 13.9399L18.2848 13.9577C18.2621 13.9918 18.2322 14.0205 18.1972 14.0419C18.1623 14.0632 18.123 14.0766 18.0823 14.0811C17.6051 14.1472 16.7469 13.4636 16.4649 13.2384L16.4446 13.2225C15.3209 12.3287 14.1933 10.9056 13.2701 9.21487C12.2176 7.29275 11.5827 5.25928 11.5683 3.77491V3.74357C11.5649 3.37911 11.5591 2.76926 11.8006 2.52532C11.8387 2.48817 11.884 2.45938 11.9339 2.44078C11.9837 2.42218 12.0368 2.4142 12.0899 2.41733C12.4519 2.41733 13.1809 2.7331 14.1402 3.61871C14.8335 4.25893 15.8705 5.4068 16.8727 7.24069C17.7993 8.93043 18.3909 10.6472 18.5379 12.0751C18.6493 13.1203 18.4873 13.7239 18.2993 13.9399ZM13.2951 13.4973C10.3587 13.5571 7.97858 13.9727 4.91776 15.6523C4.11507 16.0891 3.12677 15.8692 2.66782 15.1528C2.54103 14.957 2.45815 14.736 2.42486 14.505C2.39157 14.2741 2.40867 14.0387 2.47498 13.815C2.59888 13.3946 2.87705 13.0683 3.35046 12.7877C6.41032 11.1114 8.04125 9.33057 9.67266 6.89069C10.0458 8.1002 10.5422 9.26819 11.1541 10.3762C11.7596 11.4868 12.477 12.5326 13.2951 13.4973Z" fill="white" />
                <path d="M22.575 6.69483C22.7142 6.61923 22.837 6.51677 22.9363 6.39338C23.0356 6.27 23.1094 6.12814 23.1536 5.97603C23.1983 5.82433 23.2125 5.66527 23.1954 5.50805C23.1782 5.35082 23.1301 5.19855 23.0538 5.06005C22.9777 4.92123 22.875 4.79876 22.7516 4.69963C22.6282 4.60049 22.4865 4.52663 22.3346 4.48227C22.1827 4.4379 22.0235 4.4239 21.8661 4.44107C21.7088 4.45823 21.5563 4.50622 21.4175 4.58229L20.6896 4.98146C20.5508 5.05753 20.4283 5.16018 20.3291 5.28358C20.23 5.40697 20.1561 5.54869 20.1118 5.70063C20.0674 5.85257 20.0534 6.01176 20.0706 6.16911C20.0877 6.32646 20.1357 6.47889 20.2118 6.6177C20.3156 6.8074 20.4685 6.96568 20.6545 7.07594C20.8405 7.18621 21.0528 7.2444 21.269 7.24442C21.6639 7.24442 22.025 7.02603 22.3431 6.83319C22.4246 6.78161 22.5022 6.73484 22.575 6.69483Z" fill="white" />
                <path d="M19.4139 4.17347C19.5224 4.20544 19.6349 4.22168 19.748 4.22167C19.9504 4.22091 20.1494 4.16918 20.3266 4.07126C20.4659 3.9962 20.5891 3.89423 20.6888 3.77126C20.7885 3.64829 20.8628 3.50676 20.9075 3.35487L21.1403 2.55796C21.1851 2.40629 21.1994 2.24726 21.1823 2.09004C21.1653 1.93282 21.1173 1.78053 21.041 1.64198C20.9654 1.50276 20.8628 1.37994 20.7394 1.28064C20.6159 1.18133 20.4739 1.10752 20.3217 1.06347C20.0149 0.973969 19.685 1.01003 19.4047 1.16373C19.1245 1.31743 18.9167 1.57617 18.8272 1.88303L18.5944 2.68042C18.5496 2.83209 18.5353 2.99113 18.5524 3.14834C18.5694 3.30556 18.6175 3.45785 18.6937 3.5964C18.7696 3.73545 18.8724 3.85805 18.996 3.9571C19.1196 4.05616 19.2617 4.1297 19.4139 4.17347Z" fill="white" />
                <path d="M24.8516 8.59371C24.7761 8.45439 24.6736 8.3315 24.5501 8.23217C24.4266 8.13285 24.2846 8.0591 24.1323 8.0152L23.3354 7.7809C23.1838 7.73592 23.0248 7.7215 22.8675 7.73846C22.7103 7.75543 22.558 7.80344 22.4194 7.87973C22.2801 7.9555 22.1573 8.05818 22.0579 8.18182C21.9586 8.30546 21.8849 8.4476 21.8409 8.59998C21.7966 8.75192 21.7827 8.9111 21.7999 9.06844C21.8171 9.22578 21.8651 9.37818 21.9412 9.51696C22.0173 9.65574 22.12 9.77817 22.2434 9.87726C22.3668 9.97635 22.5086 10.0502 22.6605 10.0945C22.7473 10.1195 22.8369 10.1504 22.9324 10.1832C23.1966 10.2733 23.4964 10.376 23.7958 10.376C24.0564 10.3752 24.3097 10.2903 24.5182 10.1339C24.7266 9.97757 24.8791 9.75815 24.9529 9.50824C24.9972 9.35668 25.0112 9.19782 24.9938 9.04084C24.9764 8.88387 24.9281 8.7319 24.8516 8.59371Z" fill="white" />
            </svg> <span>Edit Post Promotion</span>
        </h4>
        <div class="hstack justify-center promote-post-data-main">
            <div>
                <input type="hidden" name="edit_post_id" id="edit_post_id">
                <h4>Time</h4>
                <div class="hstack items-center justify-between time-promote-main">
                    <ul class="time-promote">
                        <li><span class="radio-circle"></span><input type="radio" name="promote" data-type="time" value="onehour" id="onehour"><label for="onehour">One Hour</label></li>
                        <li><span class="radio-circle"></span><input type="radio" name="promote" data-type="time" value="oneday" id="oneday"><label for="oneday">One Day</label></li>
                        <li><span class="radio-circle"></span><input type="radio" name="promote" data-type="time" value="onemonth" id="onemonth"><label for="onemonth">One month </label></li>
                        <li><span class="radio-circle"></span><input type="radio" name="promote" data-type="time" value="indefinitely" id="indefinitely"><label for="indefinitely">Indefinitely</label></li>
                    </ul>
                    <div class="item-stretch">
                        <div class="oroption">OR</div>
                    </div>
                </div>
            </div>
            <div>
                <h4>Reach</h4>
                <div class="hstack items-center justify-between time-promote-main">
                    <ul class="time-promote">
                        <li><span class="radio-circle"></span><input type="radio" name="promote" data-type="reach" value="100" id="100v"><label for="100v">100 Reach</label></li>
                        <li><span class="radio-circle"></span><input type="radio" name="promote" data-type="reach" value="500" id="500v"><label for="500v">500 Reach</label></li>
                        <li><span class="radio-circle"></span><input type="radio" name="promote" data-type="reach" value="1000" id="1000v"><label for="1000v">1,000 Reach</label></li>
                        <li><span class="radio-circle"></span><input type="radio" name="promote" data-type="reach" value="custom" id="custom"><label for="custom">Custom Reach</label></li>
                        <li class="customviews"><label for="customview">Views</label><input min="1" type="number" name="customview" id="customview"></li>
                    </ul>
                    <div class="item-stretch">
                        <div class="oroption">OR</div>
                    </div>
                </div>
            </div>
            <div>
                <h4>Unique Reach</h4>
                <div class="hstack items-center justify-between time-promote-main">
                    <ul class="time-promote">
                        <li><span class="radio-circle"></span><input type="radio" name="promote" data-type="unique_reach" value="100" id="100r"><label for="100r">100 Reach</label></li>
                        <li><span class="radio-circle"></span><input type="radio" name="promote" data-type="unique_reach" value="500" id="500r"><label for="500r">500 Reach</label></li>
                        <li><span class="radio-circle"></span><input type="radio" name="promote" data-type="unique_reach" value="1000" id="1000r"><label for="1000r">1,000 Reach</label></li>
                        <li><span class="radio-circle"></span><input type="radio" name="promote" data-type="unique_reach" value="custom" id="customr"><label for="customr">Custom Reach</label></li>
                        <li class="uniquereach"><label for="customviewsr">Views</label><input min="1" type="number" name="customview_r" id="customview_r"></li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="hstack justify-center promot-modal-button-main">
            <a href="#" class="promote-cancel edit-promot-modal-button close-model-btn">Cancel</a>
            <button type="button" class="promote-post edit-promot-modal-button" id="pramoteAction">Promote</button>
        </div>
    </div>
@endif
@if($page_type=="user")
    <div class="stop-promote-modal catholic-modal">
        <svg class="close-modal" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path d="M17.59 5L12 10.59L6.41 5L5 6.41L10.59 12L5 17.59L6.41 19L12 13.41L17.59 19L19 17.59L13.41 12L19 6.41L17.59 5Z" fill="white" />
        </svg>
        <input type="hidden" name="uuuid" id="uuuid">
        <p>Are you sure you want to stop promoting this user?</p>
        <button class="cancel-delete close-model-btn">Cancel</button>
        <button class="submit-btn" id="btn_stop_promote">Stop</button>
    </div>
    <div class="promot-post-modal">
        <svg class="close-modal" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path d="M17.59 5L12 10.59L6.41 5L5 6.41L10.59 12L5 17.59L6.41 19L12 13.41L17.59 19L19 17.59L13.41 12L19 6.41L17.59 5Z" fill="white" />
        </svg>
        <h4 class="hstack items-center justify-center"><svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M18.9858 6.08318C17.8977 4.09357 16.4803 2.33344 15.0982 1.25644C13.4745 -0.0100206 11.9713 -0.326275 10.7521 0.340462C9.95661 0.778687 9.45041 1.5404 9.2407 2.60631C9.15568 3.03644 8.99436 3.44788 8.76439 3.82119C6.67644 7.26142 5.30054 8.97382 2.1944 10.6737C1.70781 10.9273 1.27715 11.2761 0.927997 11.6993C0.578841 12.1226 0.318313 12.6117 0.161888 13.1377C0.000428574 13.6913 -0.0406882 14.2731 0.0412998 14.8439C0.123288 15.4148 0.326484 15.9614 0.637236 16.4473C1.36906 17.5966 2.64323 18.2826 4.04565 18.2826C4.13917 18.2826 4.23848 18.2792 4.3349 18.2715L5.03009 21.6944C5.11162 22.1036 5.27372 22.4925 5.50695 22.8384C5.74018 23.1844 6.03989 23.4805 6.38863 23.7095C6.91178 24.0538 7.52443 24.237 8.15068 24.2365C8.36114 24.2366 8.57108 24.2157 8.77741 24.1743C9.6006 24.0053 10.3232 23.5168 10.7868 22.8159C11.2504 22.115 11.4172 21.2588 11.2506 20.4351L10.3866 16.1696C11.872 15.9001 13.4721 15.8736 15.3918 15.9184C15.8912 15.9271 16.2933 15.9994 16.6577 16.145C17.6764 16.5524 18.6343 16.5364 19.3917 16.1161C20.608 15.4493 21.1576 13.9259 20.9387 11.8254C20.7536 10.0788 20.0599 8.04 18.9858 6.08318ZM8.77789 21.4866C8.72305 21.5701 8.65221 21.6419 8.56946 21.6978C8.48671 21.7537 8.3937 21.7927 8.2958 21.8125C8.19767 21.833 8.09646 21.8337 7.99805 21.8147C7.89963 21.7956 7.806 21.7572 7.72258 21.7016C7.63847 21.6464 7.56616 21.575 7.50989 21.4915C7.45361 21.4081 7.41447 21.3143 7.39476 21.2157L6.63305 17.4712C7.09757 17.2317 7.5742 17.0164 8.06102 16.8262L8.88877 20.9172C8.90895 21.0148 8.90955 21.1153 8.89051 21.2131C8.87147 21.3108 8.83319 21.4038 8.77789 21.4866ZM18.2993 13.9399L18.2848 13.9577C18.2621 13.9918 18.2322 14.0205 18.1972 14.0419C18.1623 14.0632 18.123 14.0766 18.0823 14.0811C17.6051 14.1472 16.7469 13.4636 16.4649 13.2384L16.4446 13.2225C15.3209 12.3287 14.1933 10.9056 13.2701 9.21487C12.2176 7.29275 11.5827 5.25928 11.5683 3.77491V3.74357C11.5649 3.37911 11.5591 2.76926 11.8006 2.52532C11.8387 2.48817 11.884 2.45938 11.9339 2.44078C11.9837 2.42218 12.0368 2.4142 12.0899 2.41733C12.4519 2.41733 13.1809 2.7331 14.1402 3.61871C14.8335 4.25893 15.8705 5.4068 16.8727 7.24069C17.7993 8.93043 18.3909 10.6472 18.5379 12.0751C18.6493 13.1203 18.4873 13.7239 18.2993 13.9399ZM13.2951 13.4973C10.3587 13.5571 7.97858 13.9727 4.91776 15.6523C4.11507 16.0891 3.12677 15.8692 2.66782 15.1528C2.54103 14.957 2.45815 14.736 2.42486 14.505C2.39157 14.2741 2.40867 14.0387 2.47498 13.815C2.59888 13.3946 2.87705 13.0683 3.35046 12.7877C6.41032 11.1114 8.04125 9.33057 9.67266 6.89069C10.0458 8.1002 10.5422 9.26819 11.1541 10.3762C11.7596 11.4868 12.477 12.5326 13.2951 13.4973Z" fill="white" />
                <path d="M22.575 6.69483C22.7142 6.61923 22.837 6.51677 22.9363 6.39338C23.0356 6.27 23.1094 6.12814 23.1536 5.97603C23.1983 5.82433 23.2125 5.66527 23.1954 5.50805C23.1782 5.35082 23.1301 5.19855 23.0538 5.06005C22.9777 4.92123 22.875 4.79876 22.7516 4.69963C22.6282 4.60049 22.4865 4.52663 22.3346 4.48227C22.1827 4.4379 22.0235 4.4239 21.8661 4.44107C21.7088 4.45823 21.5563 4.50622 21.4175 4.58229L20.6896 4.98146C20.5508 5.05753 20.4283 5.16018 20.3291 5.28358C20.23 5.40697 20.1561 5.54869 20.1118 5.70063C20.0674 5.85257 20.0534 6.01176 20.0706 6.16911C20.0877 6.32646 20.1357 6.47889 20.2118 6.6177C20.3156 6.8074 20.4685 6.96568 20.6545 7.07594C20.8405 7.18621 21.0528 7.2444 21.269 7.24442C21.6639 7.24442 22.025 7.02603 22.3431 6.83319C22.4246 6.78161 22.5022 6.73484 22.575 6.69483Z" fill="white" />
                <path d="M19.4139 4.17347C19.5224 4.20544 19.6349 4.22168 19.748 4.22167C19.9504 4.22091 20.1494 4.16918 20.3266 4.07126C20.4659 3.9962 20.5891 3.89423 20.6888 3.77126C20.7885 3.64829 20.8628 3.50676 20.9075 3.35487L21.1403 2.55796C21.1851 2.40629 21.1994 2.24726 21.1823 2.09004C21.1653 1.93282 21.1173 1.78053 21.041 1.64198C20.9654 1.50276 20.8628 1.37994 20.7394 1.28064C20.6159 1.18133 20.4739 1.10752 20.3217 1.06347C20.0149 0.973969 19.685 1.01003 19.4047 1.16373C19.1245 1.31743 18.9167 1.57617 18.8272 1.88303L18.5944 2.68042C18.5496 2.83209 18.5353 2.99113 18.5524 3.14834C18.5694 3.30556 18.6175 3.45785 18.6937 3.5964C18.7696 3.73545 18.8724 3.85805 18.996 3.9571C19.1196 4.05616 19.2617 4.1297 19.4139 4.17347Z" fill="white" />
                <path d="M24.8516 8.59371C24.7761 8.45439 24.6736 8.3315 24.5501 8.23217C24.4266 8.13285 24.2846 8.0591 24.1323 8.0152L23.3354 7.7809C23.1838 7.73592 23.0248 7.7215 22.8675 7.73846C22.7103 7.75543 22.558 7.80344 22.4194 7.87973C22.2801 7.9555 22.1573 8.05818 22.0579 8.18182C21.9586 8.30546 21.8849 8.4476 21.8409 8.59998C21.7966 8.75192 21.7827 8.9111 21.7999 9.06844C21.8171 9.22578 21.8651 9.37818 21.9412 9.51696C22.0173 9.65574 22.12 9.77817 22.2434 9.87726C22.3668 9.97635 22.5086 10.0502 22.6605 10.0945C22.7473 10.1195 22.8369 10.1504 22.9324 10.1832C23.1966 10.2733 23.4964 10.376 23.7958 10.376C24.0564 10.3752 24.3097 10.2903 24.5182 10.1339C24.7266 9.97757 24.8791 9.75815 24.9529 9.50824C24.9972 9.35668 25.0112 9.19782 24.9938 9.04084C24.9764 8.88387 24.9281 8.7319 24.8516 8.59371Z" fill="white" />
            </svg> <span>Edit Promotion</span>
        </h4>
        <div class="hstack justify-center promote-post-data-main">
            <input type="hidden" name="user_id" id="user_id">
            <div>
                <h4>Time</h4>
                <div class="hstack items-center justify-between time-promote-main">
                    <ul class="time-promote">
                        <li><span class="radio-circle"></span><input type="radio" name="promote" data-type="time" value="onehour" id="onehour"><label for="onehour">One Hour</label></li>
                        <li><span class="radio-circle"></span><input type="radio" name="promote" data-type="time" value="oneday" id="oneday"><label for="oneday">One Day</label></li>
                        <li><span class="radio-circle"></span><input type="radio" name="promote" data-type="time" value="onemonth" id="onemonth"><label for="onemonth">One month </label></li>
                        <li><span class="radio-circle"></span><input type="radio" name="promote" data-type="time" value="indefinitely" id="indefinitely"><label for="indefinitely">Indefinitely</label></li>
                    </ul>
                    <div class="item-stretch">
                        <div class="oroption">OR</div>
                    </div>
                </div>
            </div>
            <div>
                <h4>Reach</h4>
                <div class="hstack items-center justify-between time-promote-main">
                    <ul class="time-promote">
                        <li><span class="radio-circle"></span><input type="radio" name="promote" data-type="reach" value="100" id="100v"><label for="100v">100 Reach</label></li>
                        <li><span class="radio-circle"></span><input type="radio" name="promote" data-type="reach" value="500" id="500v"><label for="500v">500 Reach</label></li>
                        <li><span class="radio-circle"></span><input type="radio" name="promote" data-type="reach" value="1000" id="1000v"><label for="1000v">1,000 Reach</label></li>
                        <li><span class="radio-circle"></span><input type="radio" name="promote" data-type="reach" value="custom" id="custom"><label for="custom">Custom Reach</label></li>
                        <li class="customviews"><label for="customview">Views</label><input min="1" type="number" name="customview" id="customview"></li>
                    </ul>
                    <div class="item-stretch">
                        <div class="oroption">OR</div>
                    </div>
                </div>
            </div>
            <div>
                <h4>Unique Reach</h4>
                <div class="hstack items-center justify-between time-promote-main">
                    <ul class="time-promote">
                        <li><span class="radio-circle"></span><input type="radio" name="promote" data-type="unique_reach" value="100" id="100r"><label for="100r">100 Reach</label></li>
                        <li><span class="radio-circle"></span><input type="radio" name="promote" data-type="unique_reach" value="500" id="500r"><label for="500r">500 Reach</label></li>
                        <li><span class="radio-circle"></span><input type="radio" name="promote" data-type="unique_reach" value="1000" id="1000r"><label for="1000r">1,000 Reach</label></li>
                        <li><span class="radio-circle"></span><input type="radio" name="promote" data-type="unique_reach" value="custom" id="customr"><label for="customr">Custom Reach</label></li>
                        <li class="uniquereach"><label for="customuniqueviews">Views</label><input min="1" type="number" name="customview_r" id="customview_r"></li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="hstack justify-center promot-modal-button-main">
            <a href="#" class="promote-cancel edit-promot-modal-button close-model-btn">Cancel</a>
            <button type="button" class="promote-post edit-promot-modal-button" id="pramoteAction">Promote</button>
        </div>
        </div>
    @endif
<script>
    $(document).ready(function() {
        // $(".post-menu").click(function () {
        $(document).on('click', '.post-menu', function() {
            $(this).toggleClass("show");
        });
        @if($page_type == 'post')
             $(document).on('click', '.stop-promtote-post', function() {
            // $(".stop-promtote-post").click(function() {
                var uuid = $(this).attr('data-post_id');
                $("#post_id").val(uuid);
                $("body").addClass("bodyscrolling");
                $(".stop-promote-modal").fadeIn(300);
            })
            $(".close-modal, .close-model-btn").click(function() {
                $("body").removeClass("bodyscrolling");
                $(".stop-promote-modal").fadeOut(300);
                // $(".promot-post-modal").fadeOut(300);
                $(".promot-post-modal").fadeOut(300);
            })
            $('input[name=promote]').change(function() {
                var for_what = $('input[name=promote]:checked').data('type');
                $("#customview_r").val('');
                $("#customview").val('');
                if (for_what == 'reach') {
                    $('.customviews').toggleClass('block', $(this).val() === "custom");
                    $('.uniquereach').removeClass('block');
                } else {
                    $('.uniquereach').toggleClass('block', $(this).val() === "custom");
                    $('.customviews').removeClass('block');
                }
            });
            
             $(document).on('click', '.edit-promote-post', function() {
            // $(".edit-promote-post").click(function() {
                var uuid = $(this).attr('data-post_id');
                $("#edit_post_id").val(uuid);
                $.ajax({
                    url: "{{ route('superadmin.post.promote.get', '') }}/" + uuid, // Corrected to use 'uuid' variable
                    type: 'GET',
                    data: {
                        uuid: uuid
                    }, // Corrected to use 'uuid' variable
                    success: function(response) {
                        // Handle success response
                        if (response.status == true) {
                           
                            var for_what = response.data.promote_data.for_what;
                            var promote_date = response.data.promote_data;
                            if (for_what == 'reach' || for_what == 'unique_reach') {
                                var customVal = promote_date.duration;
                                $("input[name='promote']").prop("checked", false);
                                $("#customview_r").val('');
                                $('.uniquereach').removeClass('block');
                                $("#customview_r").val('');
                                    $('.customviews').removeClass('block');
                                if (for_what == 'unique_reach') {
                                    if (promote_date.is_custom == 'Yes') {
                                        $("#customr").prop("checked", true);
                                        $('.uniquereach').toggleClass('block', 'custom' === "custom");
                                        $("#customview_r").val(customVal);
                                    } else {
                                        $("#" + customVal + "r").prop("checked", true);
                                    }
                                } else {
                                    
                                    if (promote_date.is_custom == 'Yes') {
                                        $("#custom").prop("checked", true);
                                        $('.customviews').toggleClass('block', 'custom' === "custom");
                                        $("#customview").val(customVal);
                                    } else {
                                        $("#" + customVal + "v").prop("checked", true);
                                    }
                                }
                            } else {
                                $("#customview_r").val('');
                                $('.uniquereach').removeClass('block');
                                $("#customview_r").val('');
                                $('.customviews').removeClass('block');

                                var action_type = promote_date.action_type;
                                $("input[name='promote'][value='" + action_type + "']").prop("checked", true);
                                $("#" + action_type).prop("checked", true);
                            }
                        } else if (response.status == false) {
                            toastr.error(response.message);
                        }
                        $("body").removeClass("bodyscrolling");
                        $(".stop-promote-modal").fadeOut(300);
                    },
                    error: function(xhr, status, error) {
                        toastr.error('Something went wrong. Please try again!');
                        $("body").removeClass("bodyscrolling");
                        $(".stop-promote-modal").fadeOut(300);
                    },
                    complete: function() {
                        // // Remove the class after the response has been handled
                        $("body").addClass("bodyscrolling");
                        $(".promot-post-modal").fadeIn(300);
                    }
                });
            });
            // ####################################

            $("#pramoteAction").click(function() {
                var timePromoteId = $('input[name=promote]:checked').val();
                var postId = $("#edit_post_id").val();

                var for_what = $('input[name=promote]:checked').data('type');
                if (timePromoteId) {
                    var promote = timePromoteId;
                } else {
                    alert("Please select an option.");
                    return;
                }
                var customview= '';
                if(timePromoteId == 'custom'){
                    if (for_what == 'reach') {
                        customview = $("#customview").val();
                    } else {
                        customview = $("#customview_r").val();
                    }
                }
                if (timePromoteId == 'custom' && (customview == '' || customview == 0)) {
                    alert("Please provide the value for the custom view to proceed.");
                    return;
                }
                var is_edit = 'mkhsu';
                $.ajax({
                    type: 'POST',
                    url: '{{route('superadmin.promote.post')}}',
                    data: {
                        _token: '{{csrf_token()}}',
                        duration: timePromoteId,
                        postId: postId,
                        customCount: customview,
                        for_what: for_what
                    },
                    dataType: 'json',
                    success: function(response) {
                        $("body").removeClass("bodyscrolling");
                        $(".promot-post-modal").fadeOut(300);
                        toastr.success(response.message);
                    },
                    error: function(xhr, status, error) {
                        var responseJson = JSON.parse(xhr.responseText);
                        if (responseJson && responseJson.errors) {
                            // Check if there are errors for timePromoteId
                            if (responseJson.errors.timePromoteId) {
                                errorMessage = responseJson.errors.timePromoteId[0];
                            }
                            // Check if there are errors for customview
                            if (responseJson.errors.customview) {
                                errorMessage = responseJson.errors.customview[0];
                            }
                        }
                        // Handle the error response
                        toastr.error(errorMessage);
                    }
                });
            });
            // ####################################

        @endif
        @if($page_type == "user")
            $(document).on('click', '.stop-promtote-post', function() {
                // $(".stop-promtote-post").click(function () {
                var uuid = $(this).attr('data-promoteid');
                $("#uuuid").val(uuid);
                $("body").addClass("bodyscrolling");
                $(".stop-promote-modal").fadeIn(300);
            })
            $(".close-modal, .close-model-btn").click(function() {
                $("body").removeClass("bodyscrolling");
                $(".stop-promote-modal").fadeOut(300);
                // $(".promot-post-modal").fadeOut(300);
                $(".promot-post-modal").fadeOut(300);
            })
            $('input[name=promote]').change(function() {
                var for_what = $('input[name=promote]:checked').data('type');
                $("#customview_r").val('');
                $("#customview").val('');
                if (for_what == 'reach') {
                    $('.customviews').toggleClass('block', $(this).val() === "custom");
                    $('.uniquereach').removeClass('block');
                } else {
                    $('.uniquereach').toggleClass('block', $(this).val() === "custom");
                    $('.customviews').removeClass('block');
                }
            });
        $(document).on('click', '.edit-promote-post', function() {
            // $(".edit-promote-post").click(function () {
            var uuid = $(this).attr('data-promoteid');
            $("#user_id").val(uuid);
            $.ajax({
                url: "{{ route('superadmin.user.promote.get', '') }}/" + uuid, // Corrected to use 'uuid' variable
                type: 'GET',
                data: {
                    uuid: uuid
                }, // Corrected to use 'uuid' variable
                success: function(response) {
                    // Handle success response
                    if (response.status == true) {
                        var for_what = response.data.user_promoted_data.for_what;
                        var promote_date = response.data.user_promoted_data;
                        $('.uniquereach').removeClass('block');
                        $('.customviews').removeClass('block');
                        $("#customview_r").val('');
                        $("#customview").val('');
                        if (for_what == 'reach' || for_what == 'unique_reach') {
                            var value = "100,500,1000";
                            var customVal = promote_date.duration;
                            $("input[name='promote']").prop("checked", false);
                            if (for_what == 'unique_reach') {
                                if (promote_date.is_custom == 'Yes') {
                                    $("#customr").prop("checked", true);
                                    $('.uniquereach').toggleClass('block', 'custom' === "custom");
                                    $("#customview_r").val(customVal);
                                } else {
                                    $("#" + customVal + "r").prop("checked", true);
                                }
                            } else {
                                if (promote_date.is_custom == 'Yes') {
                                    $("#custom").prop("checked", true);
                                    $('.customviews').toggleClass('block', 'custom' === "custom");
                                    $("#customview").val(customVal);
                                } else {
                                    $("#" + customVal + "v").prop("checked", true);
                                }
                            }
                            // if (value.includes(customVal)) {
                            //     console.log(customVal + " is present in the string.");
                            //     $("input[name='promote'][value='" + customVal + "']").prop("checked", true);
                            // } else {
                            //     if(customVal==null){
                            //         $("input[name='promote'][value='indefinitely']").prop("checked", true);
                            //     }else{
                            //         $("input[name='promote'][value='custom']").prop("checked", true);
                            //         $('.customviews').toggleClass('block', 'custom' === "custom");
                            //         $("#customview").val(customVal);    
                            //     }

                            // }
                            // Check the radio button with the matching value
                        } else {
                            var action_type = promote_date.action_type;
                            $("#" + action_type).prop("checked", true);
                        }

                    } else if (response.status == false) {
                        toastr.error(response.message);
                    }
                    $("body").removeClass("bodyscrolling");
                    $(".stop-promote-modal").fadeOut(300);
                },
                error: function(xhr, status, error) {
                    toastr.error('Something went wrong. Please try again!');
                    $("body").removeClass("bodyscrolling");
                    $(".stop-promote-modal").fadeOut(300);
                },
                complete: function() {
                    // // Remove the class after the response has been handled
                    $("body").addClass("bodyscrolling");
                    $(".promot-post-modal").fadeIn(300);
                }
            });
        });

        // Pramote User
        $('#pramoteAction').click(function() {
            var csrfToken = $('meta[name="csrf-token"]').attr('content');
            var user_id = $("#user_id").val();
            var selectedValue = $('input[name=promote]:checked').val();
            var for_what = $('input[name=promote]:checked').data('type');
            if (selectedValue) {
                var promote = selectedValue;
            } else {
                alert("Please select an option.");
                return;
            }
            if (for_what == 'reach') {
                var customview = $("#customview").val();
            } else {
                var customview = $("#customview_r").val();
            }
            // if ((customview == 0 || customview == '') && for_what != 'time') {
            if (for_what == 'custom' && (customview == '' || customview == 0)) {
                alert("Please provide the value for the custom view to proceed.");
                return;
            }
            var is_edit = 'mkhsu';
            $.ajax({
                url: "{{route('superadmin.user.pramote')}}",
                type: 'POST',
                headers: {
                    'X-CSRF-TOKEN': csrfToken // Set the CSRF token in the headers
                },
                data: {
                    _token: '{{csrf_token()}}',
                    uuid: user_id,
                    promote: promote,
                    for_what: for_what,
                    customview: customview,
                    is_edit: is_edit
                },
                success: function(response) {
                    // Handle success response
                    toastr.success(response.message);
                    var htmlReplace = '';
                    $(".isPramote" + user_id).html(response.data.replaceData);
                    $("body").removeClass("bodyscrolling");
                    $(".promot-post-modal").fadeOut(300);
                },
                error: function(xhr, status, error) {
                    // Handle error
                    alert('Something went wrong please try again!');
                }
            });
        });
        // Pramote User
        @endif
    });
</script>
@endsection