@extends('superadmin.layouts.app')
@section('content')
<style type="text/css">
    .default-img-text {
        width: 28px;
        height: 26px;
        text-align: center;
        line-height: 30px;
        color: #FFF;
        text-transform: capitalize;
        display: flex;
        align-items: center;
        justify-content: center;
    }
</style>
<section class="newsfeed-page-main">
    <div class="border-box">
        <div class="newsfeed-filter-data">
            <h2 class="main-heading">Newsfeeds</h2>
            <div>
                <button class="filter-main-heading filter-button hstack justify-between items-center">
                    <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path d="M4.05002 1.57495H13.95C14.775 1.57495 15.45 2.24995 15.45 3.07495V4.72495C15.45 5.32495 15.075 6.07495 14.7 6.44995L11.475 9.29995C11.025 9.67495 10.725 10.425 10.725 11.025V14.25C10.725 14.7 10.425 15.3 10.05 15.525L9.00002 16.2C8.02502 16.8 6.67502 16.125 6.67502 14.925V10.95C6.67502 10.425 6.37502 9.74995 6.07502 9.37495L3.22502 6.37495C2.85002 5.99995 2.55002 5.32495 2.55002 4.87495V3.14995C2.55002 2.24995 3.22502 1.57495 4.05002 1.57495Z" stroke="white" stroke-width="1.89123" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" />
                        <path d="M8.1975 1.57495L4.5 7.49995" stroke="white" stroke-width="1.89123" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" />
                    </svg>
                    <span>Filters</span>
                </button>
            </div>
        </div>
        <div class="bg-box p-0 h-full">
            <div class="hstack user-post-data h-full">
                <div class="filter">
                    <div class="hstack justify-between items-center">
                        <button class="filter-close">
                            <svg class="close" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" style="display: inline;">
                                <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"></path>
                            </svg>
                        </button>
                        <h2 class="filter-main-heading hstack justify-between items-center">
                            <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <path d="M4.05002 1.57495H13.95C14.775 1.57495 15.45 2.24995 15.45 3.07495V4.72495C15.45 5.32495 15.075 6.07495 14.7 6.44995L11.475 9.29995C11.025 9.67495 10.725 10.425 10.725 11.025V14.25C10.725 14.7 10.425 15.3 10.05 15.525L9.00002 16.2C8.02502 16.8 6.67502 16.125 6.67502 14.925V10.95C6.67502 10.425 6.37502 9.74995 6.07502 9.37495L3.22502 6.37495C2.85002 5.99995 2.55002 5.32495 2.55002 4.87495V3.14995C2.55002 2.24995 3.22502 1.57495 4.05002 1.57495Z" stroke="white" stroke-width="1.89123" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" />
                                <path d="M8.1975 1.57495L4.5 7.49995" stroke="white" stroke-width="1.89123" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" />
                            </svg>
                            <span>Filters</span>
                        </h2>
                        <p onclick="removeFilter()" class="clear-filter">
                            <span>Clear all</span>
                            <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <path d="M11.7267 3.33337L8 7.06004L4.27333 3.33337L3.33333 4.27337L7.06 8.00004L3.33333 11.7267L4.27333 12.6667L8 8.94004L11.7267 12.6667L12.6667 11.7267L8.93999 8.00004L12.6667 4.27337L11.7267 3.33337Z" fill="#A6ACBE" />
                            </svg>
                        </p>
                    </div>
                    <div class="hstack justify-between items-center">
                        <h3 class="filter-heading">Applied filters</h3>

                    </div>
                    <ul id="selectedLabels">
                        <li>All</li>
                    </ul>
                    <h3 class="filter-heading">Newsfeed Type</h3>
                    <ul class="filter-option">
                        <li class="filter-list"><input checked type="radio" name="newsfeedtype" id="feedall"><label for="feedall">All</label></li>
                        <li class="filter-list"><input type="radio" name="newsfeedtype" id="feedimg"><label for="feedimg">Images</label></li>
                        <li class="filter-list"><input type="radio" name="newsfeedtype" id="feedvideo"><label for="feedvideo">Video</label></li>
                    </ul>
                    <h3 class="filter-heading">Trending Newsfeeds</h3>
                    <ul class="filter-option">
                        <li class="filter-list"><input type="checkbox" name="All" id="mostliked" value="mostliked"><label for="mostliked">Most Liked</label></li>
                        <li class="filter-list"><input type="checkbox" name="All" id="mostshare" value="mostshare"><label for="mostshare">Most Shared</label></li>
                        <li class="filter-list"><input type="checkbox" name="All" id="mostcomment" value="mostcomment"><label for="mostcomment">Most Commented</label></li>
                        <li class="filter-list"><input type="checkbox" name="All" id="promoted" value="promoted"><label for="promoted">Promoted Post</label></li>
                        <li class="filter-list"><input type="checkbox" name="All" id="mostreach" value="mostreach"><label for="mostreach">Most Reach</label></li>
                        <li class="filter-list"><input type="checkbox" name="All" id="mostunique" value="mostunique"><label for="mostunique">Most Unique</label></li>
                        <li class="filter-list"><input type="checkbox" name="All" id="mostengaged" value="mostengaged"><label for="mostengaged">Most Engaged</label></li>
                    </ul>
                    <h3 class="filter-heading">Newsfeed List</h3>
                    <ul class="filter-option">
                        <li class="filter-subheading">
                            <p>Daily List</p>
                        </li>
                        <li><input type="radio" name="newsfeedlist" id="ntoday"><label for="ntoday">Today</label></li>
                        <li><input type="radio" name="newsfeedlist" id="nyesterday"><label for="nyesterday">Yesterday</label></li>
                        <li class="filter-subheading">
                            <p>Weekly List</p>
                        </li>
                        <li><input type="radio" name="newsfeedlist" id="n1week"><label for="n1week">1 Week</label></li>
                        <li><input type="radio" name="newsfeedlist" id="n2week"><label for="n2week">2 Weeks</label></li>
                        <li class="filter-subheading">
                            <p class="filter-subheading">Monthly List</p>
                        </li>
                        <li><input type="radio" name="newsfeedlist" id="n1month"><label for="n1month">1 Month</label></li>
                        <li><input type="radio" name="newsfeedlist" id="n6month"><label for="n6month">6 Month</label></li>
                        <li class="filter-subheading">
                            <p class="filter-subheading">Yearly List</p>
                        </li>
                        <li><input type="radio" name="newsfeedlist" id="n1year"><label for="n1year">1 Year</label></li>
                    </ul>
                    <ul>
                        <li><a href="#" class="apply-filter filter-action">Apply</a></li>
                        <li><a href="{{route('superadmin.archive.post')}}" class="apply-filter">Archived Posts</a></li>
                    </ul>
                </div>
                <div class="show-post-area">
                    <div class="row post-gap gridDataShow"></div>
                    <nav aria-label="Page navigation">
                        <ul class="pagination justify-content-center" id="gridPagination">
                        </ul>
                    </nav>
                </div>
            </div>
        </div>
    </div>
</section>
<div class="delete-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>Delete Post</h4>
    <button class="direct-delete" data-url="{{ route('superadmin.permanent.delete') }}" data-delete="1">Direct Delete</button>
    <div class="or"></div>
    <h5>Get Notified User</h5>
    <input type="hidden" name="delete_post_id" id="delete_post_id" />
    <textarea placeholder="Enter reason here..." name="" id="reason" rows="5"></textarea>
    <ul class="hstack">
        <li>
            <input type="checkbox" name="sendmail" id="sendmail" value="email">
            <span class="checkmark"></span>
            <label for="sendmail">Send via email</label>
        </li>
        <!-- <li>
            <input type="checkbox" name="sendmessage" id="sendmessage" value="message">
            <span class="checkmark"></span>
            <label for="sendmessage">Send via message</label>
        </li> -->
    </ul>
    <button class="delete-post direct-delete" data-url="{{ route('superadmin.permanent.delete') }}" data-delete="0">Delete Post</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> Promote Post</span>
    </h4>
    <form id="promoteForm" action="{{ route('superadmin.promote.post') }}" method="POST">
        @csrf
        <div class="hstack justify-center promote-post-data-main">
            <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="100"><label for="100">100 Reach</label></li>
                        <li><span class="radio-circle"></span><input type="radio" name="promote" data-type="reach" value="500" id="500"><label for="500">500 Reach</label></li>
                        <li><span class="radio-circle"></span><input type="radio" name="promote" data-type="reach" value="1000" id="1000"><label for="1000">1,000 Reach</label></li>
                        <li><span class="radio-circle"></span><input type="radio" name="promote" data-type="reach" value="custom" id="customreach"><label for="customreach">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="100ur"><label for="100ur">100 Reach</label></li>
                        <li><span class="radio-circle"></span><input type="radio" name="promote" data-type="unique_reach" value="500" id="500ur"><label for="500ur">500 Reach</label></li>
                        <li><span class="radio-circle"></span><input type="radio" name="promote" data-type="unique_reach" value="1000" id="1000ur"><label for="1000ur">1,000 Reach</label></li>
                        <li><span class="radio-circle"></span><input type="radio" name="promote" data-type="unique_reach" value="custom" id="custom"><label for="custom">Custom Reach</label></li>
                        <li class="uniquereach"><label for="customuniqueviews">Views</label><input min="1" type="number" name="uniquereach" id="customuniqueviews"></li>
                    </ul>
                </div>
            </div>
        </div>
        {{-- <a class="promote-cancel btn">Cancel</a>
        <button type="submit" class="promote-post">Promote</button> --}}
        <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="submit" class="promote-post edit-promot-modal-button">Promote</button>
        </div>
    </form>
</div>
@endsection
@section('script')

<script>
    var currentPage = 0; // Variable to store the current page
        function PostFetchData(page = 0) {
            currentPage = page; // Update the current page
            var per_page = 8;
            let currentUrl = window.location.href;
            var params = currentUrl.split('?')[1];
            // Construct the URL with the parameters
            var url = "{{ route('superadmin.post.ajax.data') }}?" + params;
            $(".loader").fadeIn(300);
            $.ajax({
                url: url,
                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);
                    $(".loader").fadeOut(300);
                },
                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;
                var userName = item.name;
                var post_redirect_link = postDetailsRouteTemplate.replace('__POST_ID__', post_id);
                var user_redirect_link = UserDetailLinkTemp.replace('__USER_ID__', item.userId);
                gridHtml += '<div class="col col-12 col-lg-6 col-xxl-4 col-3xl-3"id="listPost' + post_id + '">'
                gridHtml += '<div class="post promoted-post unhide-content-post" data-post-id="' + post_id + '">'
                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="Catholic Connect">'
                    } 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" id="promote_icon' + post_id + '">'
                if (item.promote_data != null) {
                    gridHtml += '<svg width="44" height="44" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg">'
                    gridHtml += '<circle cx="22" cy="22" r="22" fill="url(#paint0_linear_2328_15755)" />'
                    gridHtml += '<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" />'
                    gridHtml += '<defs>'
                    gridHtml += '<linearGradient id="paint0_linear_2328_15755" x1="1.77604" y1="9.26967" x2="49.5834" y2="17.864" gradientUnits="userSpaceOnUse">'
                    gridHtml += '<stop stop-color="#6A58FB" />'
                    gridHtml += '<stop offset="1" stop-color="#4599F4" />'
                    gridHtml += '</linearGradient>'
                    gridHtml += '</defs>'
                    gridHtml += '</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 (item.profilePic != null) {
                    gridHtml += '<img src="' + item.profilePic + '" alt="">';
                } else {
                    if (userName !== null && userName !== undefined) {
                        var firstChar = (userName.length > 0 ? userName.substring(0, 1) : '');
                    } else {
                        var firstChar = '';
                    }
                    gridHtml += '<div class="default-img-text">' + (firstChar === '' ? 'C' : firstChar) + '</div>';
                }
                gridHtml += '</div>'
                gridHtml += '<span class="post-user-name">' + ((userName !== '' || userName !== null) ? 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)">'
                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" />'
                gridHtml += '</g><defs><clipPath id="clip0_2328_15448"><rect width="14" height="4" fill="white" transform="translate(4) rotate(90)" />'
                gridHtml += '</clipPath></defs></svg>'
                gridHtml += '<div class="border-box post-dropdown">'
                gridHtml += '<ul>'
                if (item.promote_data !== null) {
                    gridHtml += '<li class="post-promoted-li" id="promote_rep' + post_id + '"><a href="#"><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">'
                    gridHtml += '<g clip-path="url(#clip0_2585_4788)">'
                    gridHtml += '<path d="M13.6693 4.37973C12.8859 2.94726 11.8655 1.68002 10.8703 0.904605C9.70132 -0.00721456 8.61907 -0.234909 7.74127 0.245124C7.16856 0.560634 6.80411 1.10904 6.65313 1.87647C6.59191 2.18616 6.47577 2.48238 6.3102 2.75115C4.80693 5.22803 3.81632 6.46091 1.57998 7.68477C1.22965 7.86734 0.919584 8.11846 0.668201 8.42321C0.416819 8.72796 0.229245 9.08012 0.116624 9.45877C0.000376928 9.85737 -0.029226 10.2762 0.0298031 10.6872C0.0888322 11.0982 0.235128 11.4918 0.458861 11.8416C0.985752 12.6691 1.90312 13.163 2.91282 13.163C2.98016 13.163 3.05166 13.1605 3.12108 13.155L3.6216 15.6194C3.6803 15.914 3.79701 16.194 3.96493 16.443C4.13285 16.6921 4.34863 16.9053 4.59971 17.0702C4.97637 17.3181 5.41746 17.45 5.86834 17.4496C6.01986 17.4497 6.17102 17.4347 6.31957 17.4048C6.91224 17.2832 7.43249 16.9314 7.76627 16.4268C8.10005 15.9222 8.22012 15.3058 8.10017 14.7128L7.47817 11.6417C8.54757 11.4476 9.69958 11.4285 11.0817 11.4608C11.4413 11.4671 11.7308 11.5191 11.9932 11.624C12.7266 11.9172 13.4163 11.9058 13.9616 11.6031C14.8373 11.1231 15.233 10.0263 15.0754 8.51398C14.9421 7.25645 14.4426 5.78859 13.6693 4.37973ZM6.31991 15.4698C6.28043 15.5299 6.22943 15.5816 6.16985 15.6218C6.11027 15.6621 6.04331 15.6902 5.97282 15.7044C5.90217 15.7191 5.8293 15.7197 5.75845 15.706C5.68759 15.6923 5.62018 15.6646 5.56012 15.6246C5.49956 15.5848 5.4475 15.5334 5.40699 15.4733C5.36647 15.4133 5.33829 15.3458 5.3241 15.2747L4.77569 12.5788C5.11013 12.4063 5.45329 12.2513 5.80378 12.1144L6.39975 15.0599C6.41428 15.1301 6.4147 15.2025 6.401 15.2728C6.38729 15.3432 6.35973 15.4101 6.31991 15.4698ZM13.1751 10.0363L13.1646 10.0492C13.1483 10.0737 13.1268 10.0944 13.1016 10.1098C13.0764 10.1251 13.0482 10.1348 13.0189 10.138C12.6752 10.1856 12.0574 9.69341 11.8544 9.53132L11.8398 9.51986C11.0307 8.87635 10.2188 7.85172 9.55415 6.63446C8.79644 5.25059 8.33932 3.78654 8.3289 2.71783V2.69527C8.32647 2.43287 8.32231 1.99379 8.4962 1.81816C8.52359 1.79142 8.55626 1.77068 8.59212 1.7573C8.62798 1.74391 8.66625 1.73816 8.70446 1.74041C8.96513 1.74041 9.48994 1.96776 10.1807 2.60537C10.6798 3.06632 11.4264 3.89275 12.148 5.2131C12.8151 6.42967 13.241 7.66568 13.3469 8.69377C13.427 9.44628 13.3104 9.88084 13.1751 10.0363ZM9.5722 9.71771C7.45804 9.76075 5.74443 10.0599 3.54072 11.2692C2.96281 11.5837 2.25126 11.4254 1.92083 10.9096C1.82954 10.7686 1.76987 10.6095 1.7459 10.4432C1.72194 10.277 1.73425 10.1075 1.78199 9.94644C1.87119 9.64377 2.07147 9.40879 2.41231 9.20678C4.61533 7.99993 5.78955 6.71776 6.96412 4.96111C7.23279 5.83193 7.59021 6.67285 8.03075 7.47061C8.46668 8.27019 8.98318 9.02314 9.5722 9.71771Z" fill="#4599F4" />'
                    gridHtml += '<path d="M16.2534 4.82015C16.3536 4.76572 16.442 4.69195 16.5135 4.60311C16.585 4.51428 16.6382 4.41215 16.67 4.30263C16.7022 4.19341 16.7124 4.07889 16.7001 3.9657C16.6877 3.8525 16.6531 3.74287 16.5981 3.64315C16.5433 3.54321 16.4694 3.45503 16.3806 3.38366C16.2918 3.31228 16.1897 3.2591 16.0803 3.22716C15.9709 3.19522 15.8563 3.18514 15.743 3.1975C15.6297 3.20985 15.52 3.2444 15.4201 3.29918L14.8959 3.58657C14.796 3.64133 14.7078 3.71524 14.6365 3.80408C14.5651 3.89293 14.5119 3.99496 14.48 4.10435C14.448 4.21374 14.4379 4.32835 14.4503 4.44164C14.4627 4.55493 14.4972 4.66468 14.552 4.76461C14.6267 4.90119 14.7368 5.01515 14.8707 5.09454C15.0047 5.17393 15.1575 5.21583 15.3132 5.21584C15.5974 5.21584 15.8574 5.0586 16.0865 4.91976C16.1451 4.88263 16.201 4.84896 16.2534 4.82015Z" fill="#4599F4" />'
                    gridHtml += '<path d="M13.9775 3.0049C14.0556 3.02792 14.1366 3.03961 14.2181 3.03961C14.3638 3.03906 14.507 3.00182 14.6346 2.93132C14.7349 2.87728 14.8236 2.80386 14.8954 2.71533C14.9672 2.62679 15.0207 2.52489 15.0528 2.41553L15.2205 1.84179C15.2527 1.73259 15.263 1.61808 15.2507 1.50489C15.2385 1.3917 15.2039 1.28206 15.149 1.1823C15.0945 1.08207 15.0207 0.993643 14.9318 0.922146C14.8429 0.850648 14.7407 0.797503 14.6311 0.76579C14.4102 0.701351 14.1727 0.727317 13.9709 0.837975C13.7691 0.948634 13.6196 1.13492 13.5551 1.35585L13.3875 1.92995C13.3552 2.03915 13.345 2.15365 13.3572 2.26684C13.3695 2.38004 13.4041 2.48968 13.459 2.58943C13.5136 2.68954 13.5876 2.77781 13.6766 2.84913C13.7656 2.92045 13.8679 2.97339 13.9775 3.0049Z" fill="#4599F4" />'
                    gridHtml += '<path d="M17.8924 6.18737C17.838 6.08707 17.7643 5.99858 17.6753 5.92707C17.5864 5.85557 17.4842 5.80246 17.3746 5.77086L16.8008 5.60217C16.6916 5.56978 16.5771 5.5594 16.4639 5.57161C16.3507 5.58383 16.2411 5.6184 16.1413 5.67332C16.041 5.72787 15.9526 5.8018 15.8811 5.89082C15.8096 5.97984 15.7564 6.08217 15.7248 6.19188C15.6929 6.30128 15.6829 6.41589 15.6952 6.52916C15.7076 6.64244 15.7422 6.75217 15.797 6.85209C15.8518 6.952 15.9257 7.04015 16.0146 7.11149C16.1034 7.18283 16.2055 7.23597 16.3149 7.26788C16.3774 7.28593 16.4419 7.30814 16.5106 7.33174C16.7008 7.39665 16.9167 7.47058 17.1323 7.47058C17.3199 7.46997 17.5023 7.40884 17.6524 7.29628C17.8024 7.18371 17.9122 7.02573 17.9653 6.84581C17.9973 6.73669 18.0073 6.62231 17.9948 6.50929C17.9823 6.39628 17.9475 6.28686 17.8924 6.18737Z" fill="#4599F4" />'
                    gridHtml += '</g>'
                    gridHtml += '<defs>'
                    gridHtml += '<clipPath id="clip0_2585_4788">'
                    gridHtml += '<rect width="18" height="17.9998" fill="white" />'
                    gridHtml += '</clipPath>'
                    gridHtml += '</defs>'
                    gridHtml += '</svg>'
                    gridHtml += 'Promoted Post</a></li>'
                } else {
                    gridHtml += '<li class="post-promote-li" id="promote_rep' + 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="M13.6698 4.37989C12.8864 2.94737 11.8659 1.68008 10.8707 0.904639C9.70168 -0.00721483 8.6194 -0.234918 7.74156 0.245133C7.16883 0.560655 6.80437 1.10909 6.65337 1.87654C6.59215 2.18624 6.47601 2.48248 6.31043 2.75126C4.8071 5.22822 3.81646 6.46115 1.58004 7.68505C1.22969 7.86763 0.919618 8.11876 0.668226 8.42352C0.416834 8.72828 0.229253 9.08045 0.116628 9.45913C0.000376933 9.85774 -0.0292271 10.2766 0.0298042 10.6876C0.0888355 11.0986 0.235137 11.4922 0.458878 11.842C0.985789 12.6695 1.90319 13.1635 2.91293 13.1635C2.98027 13.1635 3.05178 13.161 3.1212 13.1555L3.62173 15.62C3.68044 15.9146 3.79715 16.1946 3.96507 16.4437C4.133 16.6927 4.34879 16.9059 4.59988 17.0709C4.97655 17.3187 5.41766 17.4506 5.86856 17.4503C6.02009 17.4503 6.17125 17.4353 6.3198 17.4055C6.9125 17.2838 7.43277 16.9321 7.76656 16.4274C8.10035 15.9228 8.22043 15.3064 8.10047 14.7133L7.47845 11.6421C8.54789 11.4481 9.69995 11.429 11.0821 11.4612C11.4417 11.4675 11.7312 11.5196 11.9936 11.6244C12.7271 11.9177 13.4168 11.9062 13.9621 11.6036C14.8378 11.1235 15.2335 10.0266 15.076 8.5143C14.9427 7.25672 14.4432 5.7888 13.6698 4.37989ZM6.32015 15.4703C6.28066 15.5305 6.22966 15.5821 6.17008 15.6224C6.1105 15.6627 6.04353 15.6908 5.97304 15.705C5.90239 15.7197 5.82952 15.7203 5.75866 15.7066C5.68781 15.6929 5.62039 15.6652 5.56033 15.6252C5.49976 15.5854 5.44771 15.534 5.40719 15.4739C5.36667 15.4138 5.33849 15.3463 5.3243 15.2753L4.77587 12.5793C5.11032 12.4068 5.45349 12.2518 5.804 12.1149L6.39998 15.0604C6.41452 15.1306 6.41494 15.203 6.40124 15.2734C6.38753 15.3438 6.35997 15.4107 6.32015 15.4703ZM13.1755 10.0367L13.1651 10.0496C13.1488 10.0741 13.1273 10.0948 13.1021 10.1101C13.0769 10.1255 13.0487 10.1351 13.0193 10.1384C12.6757 10.186 12.0579 9.69377 11.8548 9.53167L11.8402 9.52022C11.0311 8.87668 10.2192 7.85201 9.55451 6.6347C8.79677 5.25078 8.33963 3.78668 8.32921 2.71793V2.69537C8.32678 2.43296 8.32262 1.99387 8.49652 1.81823C8.52391 1.79148 8.55658 1.77075 8.59244 1.75736C8.62831 1.74397 8.66657 1.73822 8.70478 1.74048C8.96546 1.74048 9.49029 1.96783 10.181 2.60547C10.6802 3.06643 11.4268 3.89289 12.1484 5.21329C12.8156 6.42991 13.2415 7.66596 13.3474 8.6941C13.4275 9.44663 13.3109 9.88121 13.1755 10.0367ZM9.57256 9.71807C7.45832 9.76111 5.74464 10.0603 3.54085 11.2696C2.96292 11.5841 2.25135 11.4258 1.9209 10.91C1.82961 10.769 1.76993 10.6099 1.74597 10.4436C1.722 10.2774 1.73431 10.1079 1.78206 9.94681C1.87126 9.64413 2.07154 9.40914 2.4124 9.20712C4.6155 8.00023 5.78977 6.71801 6.96438 4.96129C7.23306 5.83215 7.59049 6.67309 8.03105 7.47089C8.467 8.2705 8.98351 9.02347 9.57256 9.71807Z" fill="white" />'
                    gridHtml += '<path d="M16.254 4.82033C16.3542 4.7659 16.4426 4.69213 16.5141 4.60329C16.5856 4.51445 16.6388 4.41232 16.6706 4.30279C16.7028 4.19357 16.713 4.07905 16.7007 3.96585C16.6883 3.85265 16.6537 3.74301 16.5987 3.64329C16.5439 3.54334 16.47 3.45516 16.3812 3.38379C16.2923 3.31241 16.1903 3.25923 16.0809 3.22729C15.9715 3.19534 15.8569 3.18526 15.7436 3.19762C15.6303 3.20998 15.5206 3.24453 15.4206 3.2993L14.8965 3.58671C14.7965 3.64147 14.7084 3.71539 14.637 3.80423C14.5656 3.89307 14.5124 3.99511 14.4805 4.1045C14.4485 4.2139 14.4385 4.32852 14.4508 4.44181C14.4632 4.55511 14.4977 4.66486 14.5525 4.76479C14.6272 4.90138 14.7373 5.01534 14.8713 5.09473C15.0052 5.17413 15.158 5.21602 15.3137 5.21603C15.598 5.21603 15.858 5.05879 16.0871 4.91995C16.1457 4.88281 16.2016 4.84914 16.254 4.82033Z" fill="white" />'
                    gridHtml += '<path d="M13.9781 3.00499C14.0562 3.02801 14.1372 3.0397 14.2186 3.0397C14.3643 3.03915 14.5076 3.0019 14.6351 2.9314C14.7355 2.87736 14.8242 2.80394 14.896 2.7154C14.9677 2.62686 15.0213 2.52496 15.0534 2.4156L15.2211 1.84183C15.2533 1.73262 15.2636 1.61812 15.2513 1.50492C15.239 1.39172 15.2045 1.28208 15.1496 1.18232C15.0951 1.08208 15.0213 0.993653 14.9324 0.922153C14.8435 0.850653 14.7413 0.797506 14.6317 0.765792C14.4107 0.70135 14.1732 0.727317 13.9714 0.837979C13.7696 0.948642 13.6201 1.13493 13.5556 1.35588L13.388 1.92999C13.3557 2.0392 13.3455 2.1537 13.3577 2.2669C13.37 2.3801 13.4046 2.48974 13.4595 2.5895C13.5141 2.68961 13.5881 2.77789 13.6771 2.84921C13.7662 2.92053 13.8684 2.97348 13.9781 3.00499Z" fill="white" />'
                    gridHtml += '<path d="M17.8931 6.18764C17.8387 6.08733 17.7649 5.99884 17.676 5.92733C17.5871 5.85582 17.4848 5.80272 17.3752 5.77111L16.8014 5.60241C16.6923 5.57003 16.5777 5.55964 16.4645 5.57186C16.3513 5.58407 16.2417 5.61865 16.1419 5.67357C16.0416 5.72812 15.9531 5.80206 15.8816 5.89108C15.8101 5.9801 15.757 6.08244 15.7254 6.19215C15.6935 6.30155 15.6834 6.41616 15.6958 6.52944C15.7082 6.64273 15.7428 6.75246 15.7976 6.85238C15.8524 6.9523 15.9263 7.04045 16.0152 7.11179C16.104 7.18313 16.2061 7.23628 16.3155 7.26819C16.3779 7.28624 16.4425 7.30845 16.5112 7.33205C16.7015 7.39696 16.9174 7.4709 17.1329 7.4709C17.3205 7.47028 17.5029 7.40915 17.653 7.29658C17.8031 7.18402 17.9128 7.02603 17.966 6.8461C17.9979 6.73697 18.0079 6.62259 17.9954 6.50957C17.9829 6.39655 17.9481 6.28713 17.8931 6.18764Z" fill="white" />'
                    gridHtml += '</svg>'
                    gridHtml += 'Promote Post</a></li>'
                }
                if (item.is_content_hide == 0) {
                    gridHtml += '<li class="hide-content-li contentShowHide" id="' + post_id + '" 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 += '<path d="M9.68667 6.81328L6.31333 10.1866C5.88 9.75328 5.61333 9.15995 5.61333 8.49995C5.61333 7.17995 6.68 6.11328 8 6.11328C8.66 6.11328 9.25333 6.37995 9.68667 6.81328Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />'
                    gridHtml += '<path d="M11.88 4.34669C10.7133 3.46669 9.38 2.98669 8 2.98669C5.64667 2.98669 3.45333 4.37336 1.92667 6.77336C1.32667 7.71336 1.32667 9.29336 1.92667 10.2334C2.45333 11.06 3.06667 11.7734 3.73333 12.3467" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />'
                    gridHtml += '<path d="M5.61333 13.52C6.37333 13.84 7.18 14.0133 8 14.0133C10.3533 14.0133 12.5467 12.6266 14.0733 10.2266C14.6733 9.28662 14.6733 7.70662 14.0733 6.76662C13.8533 6.41995 13.6133 6.09329 13.3667 5.78662" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />'
                    gridHtml += '<path d="M10.34 8.96667C10.1667 9.90668 9.4 10.6733 8.46 10.8467" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />'
                    gridHtml += '<path d="M6.31333 10.1866L1.33333 15.1666" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />'
                    gridHtml += '<path d="M14.6667 1.83337L9.68667 6.81337" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />'
                    gridHtml += '</svg>'
                    gridHtml += 'Hide Content</a>'
                    gridHtml += '</li>'
                } else if (item.is_content_hide == 1) {
                    gridHtml += '<li class="unhide-content-li contentShowHide" id="' + post_id + '" 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 += '<path d="M10.3867 8.49995C10.3867 9.81995 9.32001 10.8866 8.00001 10.8866C6.68001 10.8866 5.61334 9.81995 5.61334 8.49995C5.61334 7.17995 6.68001 6.11328 8.00001 6.11328C9.32001 6.11328 10.3867 7.17995 10.3867 8.49995Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>'
                    gridHtml += '<path d="M7.99999 14.0133C10.3533 14.0133 12.5467 12.6266 14.0733 10.2266C14.6733 9.28665 14.6733 7.70665 14.0733 6.76665C12.5467 4.36665 10.3533 2.97998 7.99999 2.97998C5.64665 2.97998 3.45332 4.36665 1.92665 6.76665C1.32665 7.70665 1.32665 9.28665 1.92665 10.2266C3.45332 12.6266 5.64665 14.0133 7.99999 14.0133Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>'
                    gridHtml += '</svg>Unhide Content</a>'
                    gridHtml += '</li>'
                }
                if (item.is_post_hide == 0) {
                    gridHtml += '<li class="hide-post-li postShowHide" id="hide_post' + post_id + '" data-hide_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 += '<path d="M9.68667 6.81328L6.31333 10.1866C5.88 9.75328 5.61333 9.15995 5.61333 8.49995C5.61333 7.17995 6.68 6.11328 8 6.11328C8.66 6.11328 9.25333 6.37995 9.68667 6.81328Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />'
                    gridHtml += '<path d="M11.88 4.34669C10.7133 3.46669 9.38 2.98669 8 2.98669C5.64667 2.98669 3.45333 4.37336 1.92667 6.77336C1.32667 7.71336 1.32667 9.29336 1.92667 10.2334C2.45333 11.06 3.06667 11.7734 3.73333 12.3467" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />'
                    gridHtml += '<path d="M5.61333 13.52C6.37333 13.84 7.18 14.0133 8 14.0133C10.3533 14.0133 12.5467 12.6266 14.0733 10.2266C14.6733 9.28662 14.6733 7.70662 14.0733 6.76662C13.8533 6.41995 13.6133 6.09329 13.3667 5.78662" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />'
                    gridHtml += '<path d="M10.34 8.96667C10.1667 9.90668 9.4 10.6733 8.46 10.8467" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />'
                    gridHtml += '<path d="M6.31333 10.1866L1.33333 15.1666" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />'
                    gridHtml += '<path d="M14.6667 1.83337L9.68667 6.81337" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />'
                    gridHtml += '</svg>'
                    gridHtml += 'Hide Post</a>'
                    gridHtml += '</li>'
                } else if (item.is_post_hide == 1) {
                    gridHtml += '<li class="unhide-post-li postShowHide" id="hide_post' + post_id + '" data-hide_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 += '<path d="M10.3867 8.49995C10.3867 9.81995 9.32001 10.8866 8.00001 10.8866C6.68001 10.8866 5.61334 9.81995 5.61334 8.49995C5.61334 7.17995 6.68001 6.11328 8.00001 6.11328C9.32001 6.11328 10.3867 7.17995 10.3867 8.49995Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>'
                    gridHtml += '<path d="M7.99999 14.0133C10.3533 14.0133 12.5467 12.6266 14.0733 10.2266C14.6733 9.28665 14.6733 7.70665 14.0733 6.76665C12.5467 4.36665 10.3533 2.97998 7.99999 2.97998C5.64665 2.97998 3.45332 4.36665 1.92665 6.76665C1.32665 7.70665 1.32665 9.28665 1.92665 10.2266C3.45332 12.6266 5.64665 14.0133 7.99999 14.0133Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>'
                    gridHtml += '</svg>Unhide Post</a>'
                    gridHtml += '</li>'
                }
                gridHtml += '<li class="delete-post delete-post-action" data-delete_post_id=' + post_id + '><a href="#"><svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">'
                gridHtml += '<path d="M14 4.48665C11.78 4.26665 9.54667 4.15332 7.32 4.15332C6 4.15332 4.68 4.21999 3.36 4.35332L2 4.48665" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />'
                gridHtml += '<path d="M5.66667 3.81337L5.81333 2.94004C5.92 2.30671 6 1.83337 7.12667 1.83337H8.87333C10 1.83337 10.0867 2.33337 10.1867 2.94671L10.3333 3.81337" stroke="white" stroke-linecap="round" stroke-linejoin="round" />'
                gridHtml += '<path d="M12.5667 6.59338L12.1333 13.3067C12.06 14.3534 12 15.1667 10.14 15.1667H5.86C4 15.1667 3.94 14.3534 3.86667 13.3067L3.43333 6.59338" stroke="white" stroke-linecap="round" stroke-linejoin="round" />'
                gridHtml += '<path d="M6.88667 11.5H9.10667" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />'
                gridHtml += '<path d="M6.66667 8.5H10" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />'
                gridHtml += '</svg>'
                gridHtml += 'Delete Post</a>'
                gridHtml += '</li>'
                gridHtml += '</ul>'
                gridHtml += '</div>'
                gridHtml += '</div>'
                gridHtml += '</div>'
                gridHtml += (item.description != null ? '<p class="post-bio">' + (item.description != null ? item.description : '') + '</p>' : '')
                gridHtml += '<div class="hstack justify-between">'
                gridHtml += '<ul class="hstack about-post">'
                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" />'
                gridHtml += '</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" />'
                gridHtml += '</svg>'
                gridHtml += '<span>' + item.commentCount + '</span>'
                gridHtml += '</a>'
                gridHtml += '</li>'
                gridHtml += '<li>'
                gridHtml += '<a class="hstack items-center post-like" 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" />'
                gridHtml += '<path d="M7.58252 10.2374L10.2675 7.54492" stroke="#A6ACBE" stroke-width="1.875" stroke-linecap="round" stroke-linejoin="round" />'
                gridHtml += '</svg>'
                gridHtml += '<span>' + item.shareCount + '</span>'
                gridHtml += '</a>'
                gridHtml += '</li>'
                gridHtml += '</ul>'
                gridHtml += '<p class="post-upload-time">' + item.createdAtHuman + '</p>'
                gridHtml += '</div>'
                gridHtml += '</div></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);
            }
        });
    $(function() {
        // $('#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);
        //         }
        //     })
        // });

        $('.filter-action').click(function(event) {
            PostFetchData();
        });
        // Click Actions Start
        const checkboxesFilterOptions = document.querySelectorAll('.filter-option input[type="checkbox"]');
        const radioButtons = document.querySelectorAll('.filter-option input[type="radio"]');

        checkboxesFilterOptions.forEach(function(checkbox) {
            checkbox.addEventListener('change', updateUrl);
        });

        radioButtons.forEach(function(radioButton) {
            radioButton.addEventListener('change', updateUrl);
        });

        function updateUrl() {
            const params = new URLSearchParams(window.location.search);
            const filters = params.get('filters') || 'feedall';

            let filtersArray = filters.split(',');
            if (this.type === 'checkbox') {
                if (this.checked) {
                    if (!filtersArray.includes(this.value)) {
                        filtersArray.push(this.value);
                    }
                } else {
                    const index = filtersArray.indexOf(this.value);
                    if (index !== -1) {
                        filtersArray.splice(index, 1);
                    }
                }
            } else if (this.type === 'radio' && this.name === 'newsfeedlist') {
                params.set('feedlist', this.id);
            } else if (this.type === 'radio' && this.name === 'newsfeedtype') {

                const selectedRadio = document.querySelector('.filter-option input[type="radio"][name="newsfeedtype"]:checked');
                if (selectedRadio) {
                    const selectedRadioId = selectedRadio.id;
                    const replacedValues = ['feedall', 'feedimg', 'feedvideo'];
                    for (const value of replacedValues) {
                        const index = filtersArray.indexOf(value);
                        if (index !== -1) {
                            filtersArray.splice(index, 1, selectedRadioId);
                        }
                    }
                }
                // Join the filteredFiltersArray back into a string
            }
            params.set('filters', filtersArray.join(','));
            const newUrl = `${window.location.origin}${window.location.pathname}?${params.toString()}`;
            const formattedUrl = newUrl.replace(/%2C/g, ',');
            window.history.replaceState({}, '', formattedUrl);
            PostFetchData();
        }
        // Click Actions 20-8-24 end
    });
    PostFetchData();
</script>
<script>
    // JavaScript to handle checkbox and radio button click events
    const checkboxes = document.querySelectorAll('.filter input[type="checkbox"]');
    const radios = document.querySelectorAll('.filter input[type="radio"]');
    const selectedLabels = document.getElementById('selectedLabels');
    
    var promoteTimeRadios = document.querySelectorAll('input[name="promote"]');
    var manuallyOption = document.querySelector('.uniquereach');
    var customOption = document.querySelector('.customviews');

    promoteTimeRadios.forEach(function(radio) {
        radio.addEventListener("change", function() {
            if (radio.id === "custom") {
                if (radio.id === "custom" && radio.checked) {
                    manuallyOption.classList.add("block");
                    customOption.classList.remove("block");
                } else {
                    manuallyOption.classList.remove("block");
                }
            } else if (radio.id === "customreach") {
                if (radio.id === "customreach" && radio.checked) {
                    customOption.classList.add("block");
                    manuallyOption.classList.remove("block");
                } else {
                    customOption.classList.remove("block");
                }
            } else {
                customOption.classList.remove("block");
                manuallyOption.classList.remove("block");
            }
        });
    });
    checkboxes.forEach(checkbox => {
        checkbox.addEventListener('change', updateSelectedLabels);
    });

    radios.forEach(radio => {
        radio.addEventListener('change', updateSelectedLabels);
    });

    // Function to update selected labels
    function updateSelectedLabels() {
        selectedLabels.innerHTML = ''; // Clear the list
        checkboxes.forEach(checkbox => {
            if (checkbox.checked) {
                const label = createLabel(checkbox);
                selectedLabels.appendChild(label);
            }
        });

        radios.forEach(radio => {
            if (radio.checked) {
                const label = createLabel(radio);
                selectedLabels.appendChild(label);
            }
        });

    }

    // Function to create label element with optional SVG icon
    function createLabel(inputElement) {

        const label = document.createElement('li');
        label.textContent = inputElement.nextElementSibling.textContent;

        // Add SVG only if the input element is a checkbox
        if (inputElement.type === 'checkbox') {
            label.innerHTML += `<svg width="14" height="15" viewBox="0 0 14 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.2608 3.41663L6.99999 6.67746L3.73916 3.41663L2.91666 4.23913L6.17749 7.49996L2.91666 10.7608L3.73916 11.5833L6.99999 8.32246L10.2608 11.5833L11.0833 10.7608L7.82249 7.49996L11.0833 4.23913L10.2608 3.41663Z" fill="white"/></svg>`;

            // Add click event listener to the SVG to remove corresponding checkbox
            label.querySelector('svg').addEventListener('click', function() {
                inputElement.checked = false; // Uncheck the checkbox
                const params = new URLSearchParams(window.location.search);
                const filters = params.get('filters') || 'feedall';
                let filtersArray = filters.split(',');
                const index = filtersArray.indexOf(inputElement.value);
                if (index !== -1) {
                    filtersArray.splice(index, 1);
                }
                params.set('filters', filtersArray.join(','));
                const newUrl = `${window.location.origin}${window.location.pathname}?${params.toString()}`;
                const formattedUrl = newUrl.replace(/%2C/g, ',');
                window.history.replaceState({}, '', formattedUrl);
                PostFetchData();
                selectedLabels.removeChild(label); // Remove the label from the list
            });
        } else if (inputElement.type === 'radio') {
            if (inputElement.name === "newsfeedlist") {
                label.innerHTML += `<svg width="14" height="15" viewBox="0 0 14 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.2608 3.41663L6.99999 6.67746L3.73916 3.41663L2.91666 4.23913L6.17749 7.49996L2.91666 10.7608L3.73916 11.5833L6.99999 8.32246L10.2608 11.5833L11.0833 10.7608L7.82249 7.49996L11.0833 4.23913L10.2608 3.41663Z" fill="white"/></svg>`;

                // Add click event listener to the SVG to remove corresponding checkbox
                label.querySelector('svg').addEventListener('click', function() {

                    const url = new URL(window.location.href);
                    url.searchParams.delete("feedlist");
                    const newUrl = decodeURIComponent(url.toString());
                    window.history.replaceState({}, '', newUrl);
                    PostFetchData();
                    inputElement.checked = false; // Uncheck the checkbox
                    selectedLabels.removeChild(label); // Remove the label from the list
                });
            }
        }
        return label;
    }

    function removeFilter() {
        // Clear the selected labels
        // selectedLabels.innerHTML = ' <li>All</li>';
        // // Uncheck all checkboxes
        // checkboxes.forEach(function(checkbox) {
        //     checkbox.checked = false;
        // });

        // // Set the default radio button checked
        // radios.forEach(function(radioButton) {
        //     if (radioButton.id === 'feedall') {
        //         radioButton.checked = true;
        //     } else {
        //         radioButton.checked = false;
        //     }
        // });

        const defaultUrl = "{{route('superadmin.posts')}}?filters=feedall";
        window.history.replaceState({}, '', defaultUrl);
        location.reload();
    }
</script>
<script>
    $(document).ready(function() {
        // const checkboxes = document.querySelectorAll('.filter-option input[type="checkbox"]');
        // const radioButtons = document.querySelectorAll('.filter-option input[type="radio"]');

        // checkboxes.forEach(function(checkbox) {
        //     checkbox.addEventListener('change', updateUrl);
        // });

        // radioButtons.forEach(function(radioButton) {
        //     radioButton.addEventListener('change', updateUrl);
        // });

        // function updateUrl() {
        //     const params = new URLSearchParams(window.location.search);
        //     const filters = params.get('filters') || 'feedall';

        //     let filtersArray = filters.split(',');
        //     if (this.type === 'checkbox') {
        //         if (this.checked) {
        //             if (!filtersArray.includes(this.value)) {
        //                 filtersArray.push(this.value);
        //                 PostFetchData();
        //             }
        //         } else {
        //             const index = filtersArray.indexOf(this.value);
        //             if (index !== -1) {
        //                 filtersArray.splice(index, 1);
        //             }
        //         }
        //     } else if (this.type === 'radio' && this.name === 'newsfeedlist') {
        //         params.set('feedlist', this.id);
        //     } else if (this.type === 'radio' && this.name === 'newsfeedtype') {

        //         const selectedRadio = document.querySelector('.filter-option input[type="radio"][name="newsfeedtype"]:checked');
        //         if (selectedRadio) {
        //             const selectedRadioId = selectedRadio.id;
        //             const replacedValues = ['feedall', 'feedimg', 'feedvideo'];
        //             for (const value of replacedValues) {
        //                 const index = filtersArray.indexOf(value);
        //                 if (index !== -1) {
        //                     filtersArray.splice(index, 1, selectedRadioId);
        //                 }
        //             }
        //         }
        //         // Join the filteredFiltersArray back into a string
        //     }

        //     //const selectedRadio = document.querySelector('.filter-option input[type="radio"][name="newsfeedtype"]:checked');
        //     //if (selectedRadio) {
        //     //  const radioId = selectedRadio.id;
        //     //if (!filtersArray.includes(radioId)) {
        //     //  filtersArray.push(radioId);
        //     //}
        //     //}
        //     params.set('filters', filtersArray.join(','));
        //     const newUrl = `${window.location.origin}${window.location.pathname}?${params.toString()}`;
        //     const formattedUrl = newUrl.replace(/%2C/g, ',');
        //     window.history.replaceState({}, '', formattedUrl);

        // }
    });
</script>
<script>
    $(document).ready(function() {
        var postId;

        // $(".post-menu").click(function(e) {
        $(document).on('click', '.post-menu', function(e) {
            e.stopPropagation(); // Prevent event bubbling to avoid unwanted behavior
            // Close all other menus by removing the 'show' class
            $(".post-menu").removeClass("show");
            // Toggle the 'show' class on the clicked menu
            $(this).toggleClass("show");
        });
        // $(".post-menu li").click(function(e) {
        $(document).on('click', '.post-menu li', function(e) {
            e.stopPropagation(); // Prevent event bubbling to avoid unwanted behavior
            $(this).closest(".post-menu").removeClass("show"); // Remove 'show' class when any `li` is clicked
        });
        $(document).click(function() {
            $(".post-menu").removeClass("show"); // Close all open menus
        });
        $(document).on('click', '.delete-post-action', function() {
            $("body").addClass("bodyscrolling");
            $(".delete-post-modal").fadeIn(300);
            var e_post_id = $(this).attr('data-delete_post_id');
            $("#delete_post_id").val(e_post_id);
            postId = $(this).closest('.post').data('post-id');

        })
        $(".direct-delete").click(function() {
            $("body").addClass("bodyscrolling");
            $(".delete-post-modal").fadeIn(300);
            postId = $(this).closest('.post').data('post-id');
        })
        $(".close-modal").click(function() {
            $("body").removeClass("bodyscrolling");
            $(".delete-post-modal").fadeOut(300);
        })
        $(document).on('click', '.post-promote-li', function() {
            $("body").addClass("bodyscrolling");
            $(".promot-post-modal").fadeIn(300);
            postId = $(this).closest('.post').data('post-id');
        })
        $(".promote-cancel").click(function() {
            $("body").removeClass("bodyscrolling");
            $(".promot-post-modal").fadeOut(300);
        })
        $(".close-modal").click(function() {
            $("body").removeClass("bodyscrolling");
            $(".promot-post-modal").fadeOut(300);
        });
        $(".filter-main-heading").click(function() {
            $(".filter").addClass("show");
            $('body').addClass('filter-bodyscrolling');
        });
        $(".filter-close").click(function() {
            $(".filter").removeClass("show");
            $('body').removeClass('bodyscrolling');
            $('body').removeClass('filter-bodyscrolling');
        });
        $(".filter-action").click(function() {
            $(".filter").removeClass("show");
            $('body').removeClass('bodyscrolling');
            $('body').removeClass('filter-bodyscrolling');  
        });
        $('#promoteForm').submit(function(event) {
            // Prevent the default form submission
            event.preventDefault();
            // Serialize the form data
            var timePromoteId = $('input[name="promote"]:checked').val();
            var promoteType = $('input[name="promote"]:checked').data('type');
            var customCount = $('input[name="customview"]').val();
            var uniqueReach = $('input[name="uniquereach"]').val();
            var reachCount = (promoteType === 'reach') ? customCount : uniqueReach

            $.ajax({
                type: 'POST',
                url: $(this).attr('action'),
                data: {
                    _token: $('input[name="_token"]').val(),
                    postId: postId,
                    duration: timePromoteId,
                    for_what: promoteType,
                    customCount: reachCount,
                },
                dataType: 'json',
                success: function(response) {
                    $("body").removeClass("bodyscrolling");
                    $(".promot-post-modal").fadeOut(300);
                    var newContent = response.promote_top_icon;
                    var promoteliHtml = response.promote_text;
                    $("#promote_icon" + postId).html(newContent);
                    $("#promote_rep" + postId).replaceWith(promoteliHtml);
                    toastr.success(response.message);
                },
                error: function(xhr, status, error) {
                    var responseJson = JSON.parse(xhr.responseText);
                    if (responseJson && responseJson.errors) {
                        if (responseJson.errors == 'The for what field is required.') {
                            errorMessage = 'Please select at least one option!'
                        } else if (responseJson.errors == 'The custom count field is required when duration is custom.') {
                            errorMessage = 'Please enter the custom digit'
                        }
                    }
                    toastr.error(errorMessage);
                }
            });
        });


        $(document).on('click', '.direct-delete', function(event) {
            event.preventDefault();
            // Get the URL from the data-url attribute
            var url = $(this).data('url');
            var isDelete = $(this).data('delete');

            // Get the value of the "sendmail" checkbox
            var sendMailValue = $("#sendmail").prop("checked");

            // Get the value of the "sendmessage" checkbox
            var sendMessageValue = $("#sendmessage").prop("checked");
            var postId = $("#delete_post_id").val();
            var reason = $("#reason").val();
            // Output the values (just for demonstration)
            $.ajax({
                type: 'POST',
                url: this.getAttribute('data-url'),
                data: {
                    _token: $('input[name="_token"]').val(), // Include CSRF token
                    postId: postId,
                    sendMail: sendMailValue,
                    // sendSms: sendMessageValue,
                    isDelete: isDelete,
                    reason: reason
                },
                dataType: 'json',
                success: function(response) {
                    $("body").removeClass("bodyscrolling");
                    $(".delete-post-modal").fadeOut(300);
                    $("#listPost" + postId).remove();
                    toastr.success(response.message);
                    PostFetchData(currentPage)
                },
                error: function(xhr, status, error) {
                    var responseJson = JSON.parse(xhr.responseText);
                    if (responseJson && responseJson.errors) {
                        errorMessage = responseJson.errors;
                    }
                    toastr.error(errorMessage);
                }
            });
        });
    });

    $(document).ready(function() {
        // Parse the URL to get the filters parameter value
        const urlParams = new URLSearchParams(window.location.search);
        const filters = urlParams.get('filters');
        const newsfeedlist = urlParams.get('feedlist');

        // If the filters parameter exists in the URL
        if (filters) {

            // Split the filters value by comma to get individual values
            const filterValues = filters.split(',');

            // Check each checkbox based on its value
            filterValues.forEach(function(value) {
                $(`input[type="checkbox"][value="${value}"]`).prop('checked', true);
            });
            filterValues.forEach(function(value) {
                $(`input[type="radio"][id="${value}"]`).prop('checked', true);
            });
        }

        // If the newsfeedtype parameter exists in the URL
        if (newsfeedlist) {
            // Check the radio button based on its value
            $(`input[type="radio"][id="${newsfeedlist}"]`).prop('checked', true);
        }
        updateSelectedLabels();

    });
    // 
    // $('.contentShowHide').click(function() {
    $(document).on('click', '.contentShowHide', function(e) {
        var csrfToken = $('meta[name="csrf-token"]').attr('content');
        var post_id = $(this).attr('data-post_id');
        $.ajax({
            url: "{{route('superadmin.post.content.action')}}",
            type: 'POST',
            headers: {
                'X-CSRF-TOKEN': csrfToken // Set the CSRF token in the headers
            },
            data: {
                _token: '{{csrf_token()}}',
                uuid: post_id
            },
            success: function(response) {
                // Handle success response
                if (response.type == 1) {
                    var htmlReplace = '<a href="#"><svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">'
                    htmlReplace += '<path d="M9.68667 6.81328L6.31333 10.1866C5.88 9.75328 5.61333 9.15995 5.61333 8.49995C5.61333 7.17995 6.68 6.11328 8 6.11328C8.66 6.11328 9.25333 6.37995 9.68667 6.81328Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" /> <path d="M11.88 4.34669C10.7133 3.46669 9.38 2.98669 8 2.98669C5.64667 2.98669 3.45333 4.37336 1.92667 6.77336C1.32667 7.71336 1.32667 9.29336 1.92667 10.2334C2.45333 11.06 3.06667 11.7734 3.73333 12.3467" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" /> <path d="M5.61333 13.52C6.37333 13.84 7.18 14.0133 8 14.0133C10.3533 14.0133 12.5467 12.6266 14.0733 10.2266C14.6733 9.28662 14.6733 7.70662 14.0733 6.76662C13.8533 6.41995 13.6133 6.09329 13.3667 5.78662" stroke="white" stroke-width="1.5" stroke-linecap="round"  stroke-linejoin="round" /> <path d="M10.34 8.96667C10.1667 9.90668 9.4 10.6733 8.46 10.8467" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" /> <path d="M6.31333 10.1866L1.33333 15.1666" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" /> <path d="M14.6667 1.83337L9.68667 6.81337" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" /> </svg> Hide Content</a>';
                } else if (response.type == 0) {
                    var htmlReplace = '<a href="#"><svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">'
                    htmlReplace += '<path d="M10.3867 8.49995C10.3867 9.81995 9.32001 10.8866 8.00001 10.8866C6.68001 10.8866 5.61334 9.81995 5.61334 8.49995C5.61334 7.17995 6.68001 6.11328 8.00001 6.11328C9.32001 6.11328 10.3867 7.17995 10.3867 8.49995Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" /><path d="M7.99999 14.0133C10.3533 14.0133 12.5467 12.6266 14.0733 10.2266C14.6733 9.28665 14.6733 7.70665 14.0733 6.76665C12.5467 4.36665 10.3533 2.97998 7.99999 2.97998C5.64665 2.97998 3.45332 4.36665 1.92665 6.76665C1.32665 7.70665 1.32665 9.28665 1.92665 10.2266C3.45332 12.6266 5.64665 14.0133 7.99999 14.0133Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />'
                    htmlReplace += '</svg>Unhide Content</a>';
                }
                toastr.success(response.message);
                $("#" + post_id).html(htmlReplace);
            },
            error: function(xhr, status, error) {
                // Handle error
                toastr.error('Something went wrong please try again later!');
            }
        });
    });
    // 
    $(document).on('click', '.postShowHide', function(e) {
        var csrfToken = $('meta[name="csrf-token"]').attr('content');
        var post_id = $(this).attr('data-hide_post_id');
        $.ajax({
            url: "{{route('superadmin.post.hide.show')}}",
            type: 'POST',
            headers: {
                'X-CSRF-TOKEN': csrfToken // Set the CSRF token in the headers
            },
            data: {
                _token: '{{csrf_token()}}',
                uuid: post_id
            },
            success: function(response) {
                
                // Handle success response
                if (response.type == 1) {
                    var htmlReplace = '<a href="#"><svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">'
                    htmlReplace += '<path d="M9.68667 6.81328L6.31333 10.1866C5.88 9.75328 5.61333 9.15995 5.61333 8.49995C5.61333 7.17995 6.68 6.11328 8 6.11328C8.66 6.11328 9.25333 6.37995 9.68667 6.81328Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" /> <path d="M11.88 4.34669C10.7133 3.46669 9.38 2.98669 8 2.98669C5.64667 2.98669 3.45333 4.37336 1.92667 6.77336C1.32667 7.71336 1.32667 9.29336 1.92667 10.2334C2.45333 11.06 3.06667 11.7734 3.73333 12.3467" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" /> <path d="M5.61333 13.52C6.37333 13.84 7.18 14.0133 8 14.0133C10.3533 14.0133 12.5467 12.6266 14.0733 10.2266C14.6733 9.28662 14.6733 7.70662 14.0733 6.76662C13.8533 6.41995 13.6133 6.09329 13.3667 5.78662" stroke="white" stroke-width="1.5" stroke-linecap="round"  stroke-linejoin="round" /> <path d="M10.34 8.96667C10.1667 9.90668 9.4 10.6733 8.46 10.8467" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" /> <path d="M6.31333 10.1866L1.33333 15.1666" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" /> <path d="M14.6667 1.83337L9.68667 6.81337" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" /> </svg> Hide Post</a>';
                } else if (response.type == 0) {
                    var htmlReplace = '<a href="#"><svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">'
                    htmlReplace += '<path d="M10.3867 8.49995C10.3867 9.81995 9.32001 10.8866 8.00001 10.8866C6.68001 10.8866 5.61334 9.81995 5.61334 8.49995C5.61334 7.17995 6.68001 6.11328 8.00001 6.11328C9.32001 6.11328 10.3867 7.17995 10.3867 8.49995Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" /><path d="M7.99999 14.0133C10.3533 14.0133 12.5467 12.6266 14.0733 10.2266C14.6733 9.28665 14.6733 7.70665 14.0733 6.76665C12.5467 4.36665 10.3533 2.97998 7.99999 2.97998C5.64665 2.97998 3.45332 4.36665 1.92665 6.76665C1.32665 7.70665 1.32665 9.28665 1.92665 10.2266C3.45332 12.6266 5.64665 14.0133 7.99999 14.0133Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />'
                    htmlReplace += '</svg>Unhide Post</a>';
                }
                toastr.success(response.message);
                $("#hide_post" + post_id).html(htmlReplace);
            },
            error: function(xhr, status, error) {
                // Handle error
                toastr.error('Something went wrong please try again later!');
            }
        });
    });
</script>
@endsection