@extends('layouts.member-login')
@section('title','Post Approval Listing')
@section('page_title','')

@section('page_level_css')
<link href="{{asset('assets/vendors/custom/datatables/datatables.bundle.css')}}" rel="stylesheet" type="text/css" />
@endsection

@section('content')


<div class="kt-content kt-grid__item kt-grid__item--fluid kt-grid kt-grid--hor" id="kt_content">


    <!-- begin:: Content -->
    <div class="kt-container kt-container--fluid kt-grid__item kt-grid__item--fluid">
        <!-- begin:: Page -->
        <div class="kt-grid kt-grid--ver kt-grid--root ">
            <div class="kt-grid kt-grid--hor kt-grid--root">

                @include('member.include.user-info-box')

                <div class="mt-4">
                    <div class="">
                        <div class="row">

                            @include('member.include.post-approval-sidebar')

                            <div class="col-xl-9 col-lg-9 col-md-7 col-sm-12">
                                <div class="grey-bg-wrap">
                                    <div class="post-right-wrapper mb-4">
                                        <div class="title-wrapper mb-4">
                                            <h2 class="secondary-title text-capitalize text-white mb-0">Post Approval</h2>
                                        </div>

                                        <div class="main-box-white mb-4">
                                            <div class="post-approval">
                                                <div class="pragraph-p">
                                                    <p>Use the post approval menu to manage PI approvals and post visibility. As a PI, you can approve each post individually or give certain laboratory members auto-approve permission. As a lab employee, check the approval status or resend approval requests.</p>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="main-box-white mb-4">
                                            <div class="post-approval">
                                                <div class="premission-content">
                                                    <div class="title">
                                                        <h4 class="text-capitalize mb-0">Auto-Approve Permissions</h4>
                                                    </div>
                                                </div>
                                                <div class="pragraph-p">
                                                    <p>Below is a list of the auto-approval status settings for each principal investigator associated with your account. If your Pl would like to give you auto-approval permissions, they can do so in their member profile under "Post Approval." If auto-approve is turned on, your Pl's approval to publish posts is automatically granted.</p>
                                                </div>
                                            </div>
                                            <div class="post-approval">
                                                <div class="premission-content">
                                                    <div class="title">
                                                        <div class="row">
                                                            <div class="col-xl-6 col-lg-6 col-md-6 col-sm-6 col-12">
                                                                <h4 class="text-capitalize mb-0">Principal Investigator Name</h4>
                                                            </div>
                                                            <div class="col-xl-6 col-lg-6 col-md-6 col-sm-6 col-12 text-xl-right text-lg-right text-md-right text-left">
                                                                <h4 class="text-capitalize mb-0">Auto-Approve</h4>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    @foreach ($autoApproveData as $val)
                                                    <div class="row mb-2 align-items-center">
                                                        <div class="col-xl-11 col-lg-11 col-md-11 col-sm-11 col-12">
                                                            <h6 class="text-capitalize mb-0">{{$val->pi->full_name}}</h6>
                                                        </div>
                                                        <div class="col-xl-1 col-lg-1 col-md-1 col-sm-1 col-12">
                                                            <h6 class="text-capitalize mb-0">{{$val->auto_approve}}</h6>
                                                        </div>
                                                    </div>
                                                    @endforeach
                                                </div>
                                            </div>
                                        </div>

                                        <div class="main-box-white">
                                            <div class="post-approval mb-0">
                                                <div class="premission-content">
                                                    <div class="title">
                                                        <h4 class="text-capitalize mb-0">PI Controls: User Permissions</h4>
                                                    </div>
                                                    <div class="table-wrapper mt-4">
                                                        <div class="table-responsive">
                                                            <div class="table-title yellow-bg">
                                                                <h4 class="text-center mb-0">Approval Pending</h4>
                                                            </div>
                                                            <table class="table" id='pendingDataTableList'>
                                                                <thead>
                                                                    <tr>
                                                                        <th style="vertical-align: top;">Date Submitted</th>
                                                                        <th style="vertical-align: top;">Last PI Email</th>
                                                                        <th style="vertical-align: top;">Author/PI</th>
                                                                        <th style="vertical-align: top;">Type</th>
                                                                        <th style="vertical-align: top;">Title</th>
                                                                        <th style="vertical-align: top;">Actions</th>
                                                                    </tr>
                                                                </thead>
                                                                <tbody>
                                                                </tbody>
                                                            </table>
                                                        </div>
                                                    </div>
                                                    <div class="table-wrapper mt-4">
                                                        <div class="table-responsive">
                                                            <div class="table-title green-bg">
                                                                <h4 class="text-center mb-0 text-white">Approval Posts Published</h4>
                                                            </div>
                                                            <table class="table" id='ApprovalDataTableList'>
                                                                <thead>
                                                                    <tr>
                                                                        <th style="vertical-align: top;">Date Posted</th>
                                                                        <th style="vertical-align: top;">Author/PI</th>
                                                                        <th style="vertical-align: top;">Type</th>
                                                                        <th style="vertical-align: top;">Title</th>
                                                                        <th style="vertical-align: top;">Actions</th>
                                                                    </tr>
                                                                </thead>
                                                                <tbody>
                                                                </tbody>
                                                            </table>
                                                        </div>
                                                    </div>
                                                    <div class="table-wrapper mt-4">
                                                        <div class="table-responsive">
                                                            <div class="table-title red-bg">
                                                                <h4 class="text-center mb-0 text-white">Declined Posts</h4>
                                                            </div>
                                                            <table class="table" id='DeclinedDataTableList'>
                                                                <thead>
                                                                    <tr>
                                                                        <th style="vertical-align: top;">Date Declined</th>
                                                                        <th style="vertical-align: top;">Author/PI</th>
                                                                        <th style="vertical-align: top;">Reason</th>
                                                                        <th style="vertical-align: top;">Type</th>
                                                                        <th style="vertical-align: top;">Title</th>
                                                                        <th style="vertical-align: top;">Actions</th>
                                                                    </tr>
                                                                </thead>
                                                                <tbody>
                                                                    
                                                                </tbody>
                                                            </table>
                                                        </div>
                                                    </div>
                                                    <div class="table-wrapper mt-4">
                                                        <div class="table-responsive">
                                                            <div class="table-title grey-bg">
                                                                <h4 class="text-center mb-0 text-white">Archived Posts</h4>
                                                            </div>
                                                            <table class="table" id="ArchivedDataTableList">
                                                                <thead>
                                                                    <tr>
                                                                        <th style="vertical-align: top;">Date Archived</th>
                                                                        <th style="vertical-align: top;">Author / PI </th>
                                                                        <th style="vertical-align: top;">Approval Status</th>
                                                                        <th style="vertical-align: top;">Type</th>
                                                                        <th style="vertical-align: top;">Title</th>
                                                                        <th style="vertical-align: top;">Actions</th>
                                                                    </tr>
                                                                </thead>
                                                                <tbody>

                                                                </tbody>
                                                            </table>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- end:: Content -->
</div>

<div class="add-gene-list-modal">
    <div class="modal fade" id="resendRequestModal" tabindex="-1" role="dialog" aria-labelledby="closeModalLabel" aria-hidden="true">
        <div class="modal-dialog" role="document" style="min-width:0px !important">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title text-white text-capitalize text-left">Request PI Approval to Publish Post</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <div class="post-sub-content-wrapper">

                        <p>An email requesting your PI's approval to post on the LabPair network will be sent to your PI. If you wish you may include a personalized subject and message.</p>
                        <input type="hidden" name="post_id" id="post_id">
                        <input type="hidden" id="datatable_id">
                        <input type="hidden" id="status">
                        <div class="row mb-3">
                            <div class="col-xl-2 col-lg-2 col-md-3 col-sm-12 col-12">
                                <label>Subject:</label>
                            </div>
                            <div class="col-xl-10 col-lg-10 col-md-9 col-sm-12 col-12">
                                <textarea class="form-control sendRequestTitle" name="title" id="title" placeholder="LabPair Request from Emma Bowers: First 30 characters with" rows="2"></textarea>
                            </div>
                        </div>
                        <div class="row mb-3">
                            <div class="col-xl-2 col-lg-2 col-md-3 col-sm-12 col-12">
                                <label>Message:</label>
                            </div>
                            <div class="col-xl-10 col-lg-10 col-md-9 col-sm-12 col-12">
                                <textarea class="check_value form-control sendRequestDescription" name="description" id="description" placeholder="Hi Dr. R, This is the post I was telling you about. Change anything you feel is" rows="6"></textarea>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" title="Save" id="send_request" class="primary-btn text-center d-block disabled" disabled="disabled">Send</button>
                    <button type="button" class="primary-btn" data-dismiss="modal">Cancel</button>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="add-gene-list-modal">
    <div class="modal fade" id="sharePostModal" tabindex="-1" role="dialog" aria-labelledby="closeModalLabel" aria-hidden="true">
        <div class="modal-dialog" role="document" style="min-width:0px !important">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title text-white text-capitalize text-left">Share Post</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <div class="post-sub-content-wrapper">
                        <p>Enter email addresses of individuals to send << item >> to (One per line).</p>
                        <div class="row mb-3">
                            <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                                <textarea class="check_value_share_post form-control" name="multiple_email" id="multiple_email" rows="6"></textarea>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" title="Save" id="send_request_share_post" class="primary-btn text-center d-block disabled" disabled="disabled">Send</button>
                    <button type="button" class="primary-btn" data-dismiss="modal">Cancel</button>
                </div>
            </div>
        </div>
    </div>
</div>


<div class="">
    <div class="modal fade" id="PostDeleteModal" role="dialog" aria-labelledby="PostDeleteModal" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title text-white text-capitalize text-left" id="GeneModalTitle">Deletion Notice</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <p>Are you sure you want to delete this post?</p>
                    <span>This will permanently delete it from the system. If you want to save it for later, try archiving it instead.</span>
                </div>
                <div class="modal-footer">
                    <div class="btn-wrap">
                        <button type="button" class="primary-btn" id="DeleteConfirmButton" data-dismiss="modal">Delete</button>
                    </div>
                    <div class="btn-wrap">
                        <button type="button" class="primary-btn" id="" data-dismiss="modal">Cancel</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="">
    <div class="modal fade" id="archivePostModal" role="dialog" aria-labelledby="PostDeleteModal" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title text-white text-capitalize text-left" id="GeneModalTitle">Post Archived</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <p>Your post was moved to archive. You can reactivate it at any time by visting the archive and changing the post settings.</p>
                </div>
                <div class="modal-footer">
                    <button type="button" class="primary-btn" id="ArchiveConfirmButton" data-dismiss="modal">OK</button>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="">
    <div class="modal fade" id="approvePostModal" role="dialog" aria-labelledby="PostDeleteModal" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title text-white text-capitalize text-left" id="GeneModalTitle">Publish Post</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <p>Are you sure you want to publish this post for the LabPair Network?</p>

                </div>
                <div class="modal-footer">

                    <button type="button" class="primary-btn" id="approveConfirmButton" data-dismiss="modal">OK</button>

                </div>
            </div>
        </div>
    </div>
</div>
<div class="">
    <div class="modal fade" id="revokePostModal" role="dialog" aria-labelledby="revokePostModal" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title text-white text-capitalize text-left" id="GeneModalTitle">Revoke Approval</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <p>Are you sure you want to remove this post from the LabPair network? By removing your approval, this post will be placed in the post archive. You can publish it again at any time. </p>

                </div>
                <div class="modal-footer">
                    <button type="button" class="primary-btn" id="" data-dismiss="modal">Cancel</button>
                    <button type="button" class="primary-btn revokeConfirmButton" id="revokeConfirmButton" data-dismiss="modal">Revoke</button>

                </div>
            </div>
        </div>
    </div>
</div>
<div class="">
    <div class="modal fade" id="unpublishPostModal" role="dialog" aria-labelledby="unpublishPostModal" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title text-white text-capitalize text-left" id="GeneModalTitle">Unpublish Post</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <p>Are you sure you want to remove this post for the LabPair Network? This post will be placed in the post archive. You can publish it again any time. </p>

                </div>
                <div class="modal-footer">

                    <button type="button" class="primary-btn" data-dismiss="modal">Cancel</button>
                    <button type="button" class="primary-btn revokeConfirmButton" id="revokeConfirmButton" data-dismiss="modal">Remove</button>

                </div>
            </div>
        </div>
    </div>
</div>
<div class="">
    <div class="modal fade" id="RestorePostModal" role="dialog" aria-labelledby="RestorePostModal" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title text-white text-capitalize text-left" id="GeneModalTitle">Restore Post</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <p>Are you sure you want to restore this post for the LabPair Network? This post will be placed in the post draft.</p>

                </div>
                <div class="modal-footer">

                    <button type="button" class="primary-btn RestoreConfirmButton" id="RestoreConfirmButton" data-dismiss="modal">OK</button>

                </div>
            </div>
        </div>
    </div>
</div>
<div class="">
    <div class="modal fade" id="showCommentPostModal" role="dialog" aria-labelledby="showCommentPostModal" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title text-white text-capitalize text-left" id="GeneModalTitle">Decline Post Comments</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <span id="declineDate" class="item"></span>
                    <p id="declineAuthor"></p>
                    <span id="declineComment" class="description"></span>
                </div>
                <div class="modal-footer">
                    <button type="button" class="primary-btn" id="DeleteConfirmButton" data-dismiss="modal">OK</button>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="">
    <div class="modal fade" id="successModal" role="dialog" aria-labelledby="successModal" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title text-white text-capitalize text-left" id="GeneModalTitle">Post Successfully Published</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <p>Congrats! You post has been successfully published to the LabPair Network.</p>

                </div>
                <div class="modal-footer">
                    <button type="button" class="primary-btn" id="" data-dismiss="modal">OK</button>

                </div>
            </div>
        </div>
    </div>
</div>


@endsection

@section('page_level_js')
<script src="{{asset('assets/vendors/custom/datatables/datatables.bundle.js')}}" type="text/javascript"></script>
<script src="{{asset('assets/js/demo1/pages/crud/datatables/basic/paginations.js')}}" type="text/javascript"></script>
@endsection

@push('footerscript')
<script type="text/javascript">
    var approvedTable = $('#ApprovalDataTableList');
    approvedTable.dataTable({
        responsive: true,
        pagingType: 'full_numbers',
        order: [
            [0, 'DESC']
        ],
        lengthMenu: [
            [50, 100, 500, -1],
            [50, 100, 500, "All"]
        ],
        pageLength: 50,
        bPaginate: false,
        processing: true,
        serverSide: true,

        paging: true,
        searching: false,
        info: false,
        lengthChange: false,

        ajax: {
            'url': "{{getMURL('post/approved-list')}}",
            'type': 'POST',
            headers: {
                'X-CSRF-TOKEN': '{{csrf_token()}}'
            }
        },
        columns: [{
                data: 'post_date'
            },
            {
                data: 'author_name'
            },
            {
                data: 'post_type'
            },
            {
                data: 'title'
            },
            {
                data: 'options',
                sorting: false,
                orderable: false
            },
        ],
        "columnDefs": [{
            className: "text-center",
            "targets": [3, 4]
        }],
        fnRowCallback: function(nRow, aData, iDisplayIndex, iDisplayIndexFull) {

        }
    });
    var declinedTable = $('#DeclinedDataTableList');
    declinedTable.dataTable({
        responsive: true,
        pagingType: 'full_numbers',
        order: [
            [0, 'DESC']
        ],
        lengthMenu: [
            [20, 50, 100, 500, -1],
            [20, 50, 100, 500, "All"]
        ],
        pageLength: 50,
        bPaginate: false,
        processing: true,
        serverSide: true,

        paging: true,
        searching: false,
        info: false,
        lengthChange: false,

        ajax: {
            'url': "{{getMURL('post/decline-list')}}",
            'type': 'POST',
            headers: {
                'X-CSRF-TOKEN': '{{csrf_token()}}'
            }
        },
        columns: [{
                data: 'declined_date'
            },
            {
                data: 'author_name'
            },
            {
                data: 'view_reason'
            },
            {
                data: 'post_type'
            },
            {
                data: 'title'
            },
            {
                data: 'options',
                sorting: false,
                orderable: false
            },
        ],
        "columnDefs": [{
            className: "text-center",
            "targets": [3, 4]
        }],
        fnRowCallback: function(nRow, aData, iDisplayIndex, iDisplayIndexFull) {

        }
    });
    var pendingTable = $('#pendingDataTableList')
    pendingTable.dataTable({
        responsive: true,
        pagingType: 'full_numbers',
        order: [
            [0, 'DESC']
        ],
        lengthMenu: [
            [20, 50, 100, 500, -1],
            [20, 50, 100, 500, "All"]
        ],
        pageLength: 50,
        bPaginate: false,
        processing: true,
        serverSide: true,

        paging: true,
        searching: false,
        info: false,
        lengthChange: false,

        ajax: {
            'url': "{{getMURL('post/pending-list')}}",
            'type': 'POST',
            headers: {
                'X-CSRF-TOKEN': '{{csrf_token()}}'
            }
        },
        columns: [{
                data: 'post_date'
            },
            {
                data: 'request_date'
            },
            {
                data: 'author_name'
            },
            {
                data: 'post_type'
            },
            {
                data: 'title'
            },
            {
                data: 'options',
                sorting: false,
                orderable: false
            },
        ],
        "columnDefs": [{
            className: "text-center",
            "targets": [3, 4, 5]
        }],
        fnRowCallback: function(nRow, aData, iDisplayIndex, iDisplayIndexFull) {

        }
    });
    var archivedTable = $('#ArchivedDataTableList')
    archivedTable.dataTable({
        responsive: true,
        pagingType: 'full_numbers',
        order: [
            [0, 'DESC']
        ],
        lengthMenu: [
            [20, 50, 100, 500, -1],
            [20, 50, 100, 500, "All"]
        ],
        pageLength: 50,
        bPaginate: false,
        processing: true,
        serverSide: true,

        paging: true,
        searching: false,
        info: false,
        lengthChange: false,

        ajax: {
            'url': "{{getMURL('post/archived-list')}}",
            'type': 'POST',
            headers: {
                'X-CSRF-TOKEN': '{{csrf_token()}}'
            }
        },
        columns: [{
                data: 'archived_time'
            },
            {
                data: 'author_pi'
            },
            {
                data: 'status'
            },
            {
                data: 'post_type'
            },
            {
                data: 'title'
            },
            {
                data: 'options',
                sorting: false,
                orderable: false
            },
        ],
        "columnDefs": [{
            className: "text-center",
            "targets": [3, 4, 5]
        }],
        fnRowCallback: function(nRow, aData, iDisplayIndex, iDisplayIndexFull) {

        }
    });

$(document).on("click", ".postOptionResendOption", function() {
        $("#post_id").val($(this).data("val"));
        $("#datatable_id").val($(this).data("table"));
        
        $.ajax({
            url: "{{getMURL('ajax/get-send-request-title')}}",
            method: "POST",
            headers: {
                'X-CSRF-TOKEN': '{{csrf_token()}}'
            },
            data: {
                'post_id': $("#post_id").val(),
            },
            success: function(data) {
                if (data.status == 1) {
                    
                    /** Show Archive to Approval OR Show Post Approval Request */
                    if (data.approval_status != undefined && data.approval_status == 'Approved') {
                        showToastrSuccess(data.message);
                        $('#ArchivedDataTableList').DataTable().ajax.reload();
                        $('#ApprovalDataTableList').DataTable().ajax.reload();
                        $("#successModal").modal("show");
                    } else {
                        $(".sendRequestTitle").val(data.data.title);
                        $(".sendRequestDescription").val(data.data.description);
                        $("#resendRequestModal").modal("show");
                        checkPostRequestButton();
                    }
                }
            },
            error: function(errorThrown) {

            }
        });
        
    });

//    $(document).on("click", ".postOptionResendOption", function() {
//        $("#post_id").val($(this).data("val"));
//        $("#datatable_id").val($(this).data("table"));
//        if ($(this).data("allowed") == "Yes") {
//            $.ajax({
//                url: "{{getMURL('ajax/approve-post')}}",
//                method: "POST",
//                headers: {
//                    'X-CSRF-TOKEN': '{{csrf_token()}}'
//                },
//                data: {
//                    'post_id': $("#post_id").val()
//                },
//                success: function(data) {
//                    if (data.status == 1) {
//
//                        $("#post_id").val('');
//                        refreshDataTable('approved');
//                        $("#successModal").modal("show");
//
//                    } else {
//                        showToastrError(data.message, "Error");
//                    }
//                },
//                error: function(errorThrown) {
//                    showToastrError("Something was wrong", "Error");
//                }
//            });
//        } else {
//            $("#resendRequestModal").modal("show");
//        }
//    });

    $(document).on("click", ".postOptionEditOption", function() {
        window.location.href = "{{getMURL('post/view/')}}" + $(this).data("val");
    });
    $(document).on("click", ".postOptionDeleteOption", function() {
        $("#post_id").val($(this).data("val"));
        $("#datatable_id").val($(this).data("table"));
        $("#PostDeleteModal").modal("show");
    });
    $(document).on("click", ".postOptionShareOption", function() {
        $("#post_id").val($(this).data("val"));
        $("#datatable_id").val($(this).data("table"));
        $("#sharePostModal").modal("show");
    });
    $(document).on("click", ".postOptionArchiveOption", function() {
        $('#status').val('');
        $("#post_id").val($(this).data("val"));
        $("#datatable_id").val($(this).data("table"));
        $("#archivePostModal").modal("show");
    });
    $(document).on("click", ".postOptionApproveOption", function() {
        $("#post_id").val($(this).data("val"));
        $("#datatable_id").val($(this).data("table"));
        $("#approvePostModal").modal("show");
    });
    $(document).on("click", ".postOptionRevokeApproveOption", function() {
        $("#post_id").val($(this).data("val"));
        $("#datatable_id").val($(this).data("table"));
        $("#status").val($(this).data("status"));
        $("#revokePostModal").modal("show");
    });
    $(document).on("click", ".postOptionUnpublishOption", function() {
        $('#status').val('');
        $("#post_id").val($(this).data("val"));
        $("#datatable_id").val($(this).data("table"));
        $("#unpublishPostModal").modal("show");
    });
    $(document).on("click", ".ViewDeclineComment", function() {
        $("#post_id").val($(this).data("val"));
        $("#datatable_id").val($(this).data("table"));
        showPostDeclineCommentData();
    });
    $(document).on("click", ".postOptionRestoreOption", function() {
        $("#post_id").val($(this).data("val"));
        $("#datatable_id").val($(this).data("table"));
        $("#RestorePostModal").modal("show");
    });

    $(".check_value").on("keyup", function() {
        checkPostRequestButton();
    });
    
    function checkPostRequestButton() {
        var title = $('.sendRequestTitle').val();
        var description = $('.sendRequestDescription').val();
        
        if (title.length >= 30 && description.length >= 30) {
            $("#send_request").removeAttr('disabled');
            $("#send_request").removeClass("disabled");
        } else {
            $("#send_request").attr('disabled', 'disabled');
            $("#send_request").addClass("disabled");
        }
    }

    $("#send_request").on("click", function(e) {
        $.ajax({
            url: "{{getMURL('ajax/send-request')}}",
            method: "POST",
            headers: {
                'X-CSRF-TOKEN': '{{csrf_token()}}'
            },
            data: {
                'post_id': $("#post_id").val(),
                'title': $("#title").val(),
                'description': $("#description").val()
            },
            success: function(data) {
                if (data.status == 1) {
                    $("#resendRequestModal").modal("toggle");
                    $("#title").val('');
                    $("#description").val('');
                    $("#send_request").attr('disabled', 'disabled');
                    $("#send_request").addClass("disabled");
                }
            },
            error: function(errorThrown) {

            }
        });
    });

    $(".check_value_share_post").on("keyup", function() {
        var link_text = $(this).val();
        var flag = true

        if (link_text == "") {
            flag = false;
        }

        if (flag) {
            var array = link_text.split(/\r?\n/);
            $.each(array, function(i) {
                if (!ValidateEmail($.trim(array[i])) && array[i] != "") {
                    flag = false;
                }
            });
        }

        checkShareMyPostButton(flag);

    });

    function checkShareMyPostButton(flag) {
        if (flag) {
            $("#send_request_share_post").removeAttr('disabled');
            $("#send_request_share_post").removeClass("disabled");
        } else {
            $("#send_request_share_post").attr('disabled', 'disabled');
            $("#send_request_share_post").addClass("disabled");
        }
    }
    checkShareMyPostButton(false);

    $("#send_request_share_post").on("click", function(e) {
        $.ajax({
            url: "{{getMURL('ajax/share-my-post')}}",
            method: "POST",
            headers: {
                'X-CSRF-TOKEN': '{{csrf_token()}}'
            },
            data: {
                'post_id': $("#post_id").val(),
                'multiple_email': $("#multiple_email").val(),
                'split_by_enter': 1
            },
            success: function(data) {
                if (data.status == 1) {
                    $("#sharePostModal").modal("toggle");
                    $("#post_id").val('');
                    $("#multiple_email").val('');
                    checkShareMyPostButton(false);
                } else {
                    showToastrError(data.message, "Error");
                }
            },
            error: function(errorThrown) {

            }
        });

    });
    $("#DeleteConfirmButton").on("click", function(e) {
        $.ajax({
            url: "{{getMURL('ajax/delete-post')}}",
            method: "POST",
            headers: {
                'X-CSRF-TOKEN': '{{csrf_token()}}'
            },
            data: {
                'post_id': $("#post_id").val()
            },
            success: function(data) {
                if (data.status == 1) {
                    $("#post_id").val('');
                    refreshDataTable();
                    showToastrSuccess(data.message);
                } else {
                    showToastrError(data.message, "Error");
                }
            },
            error: function(errorThrown) {
                showToastrError("Something was wrong", "Error");
            }
        });

    });
    $("#ArchiveConfirmButton,.revokeConfirmButton").on("click", function(e) {
        $.ajax({
            url: "{{getMURL('ajax/archive-post')}}",
            method: "POST",
            headers: {
                'X-CSRF-TOKEN': '{{csrf_token()}}'
            },
            data: {
                'post_id': $("#post_id").val(),
                'status': $("#status").val(),
            },
            success: function(data) {
                if (data.status == 1) {
                    // $("#PostDeleteModal").modal("toggle");
                    $("#post_id").val('');
                    $("#status").val('');
                    refreshDataTable('archive-post');
                    showToastrSuccess("Post Deleted Successfully!")

                } else {
                    showToastrError(data.message, "Error");
                }
            },
            error: function(errorThrown) {
                showToastrError("Something was wrong", "Error");
            }
        });

    });
    $("#approveConfirmButton").on("click", function(e) {
        $.ajax({
            url: "{{getMURL('ajax/approve-post')}}",
            method: "POST",
            headers: {
                'X-CSRF-TOKEN': '{{csrf_token()}}'
            },
            data: {
                'post_id': $("#post_id").val()
            },
            success: function(data) {
                if (data.status == 1) {
                    // $("#PostDeleteModal").modal("toggle");
                    $("#post_id").val('');
                    refreshDataTable('approved');
                    showToastrSuccess("Post approved Successfully!")

                } else {
                    showToastrError(data.message, "Error");
                }
            },
            error: function(errorThrown) {
                showToastrError("Something was wrong", "Error");
            }
        });

    });
    $("#RestoreConfirmButton").on("click", function(e) {
        $.ajax({
            url: "{{getMURL('ajax/draft-post')}}",
            method: "POST",
            headers: {
                'X-CSRF-TOKEN': '{{csrf_token()}}'
            },
            data: {
                'post_id': $("#post_id").val()
            },
            success: function(data) {
                if (data.status == 1) {
                    // $("#PostDeleteModal").modal("toggle");
                    $("#post_id").val('');
                    refreshDataTable('archive');
                    showToastrSuccess("Post Draft Successfully!");

                } else {
                    showToastrError(data.message, "Error");
                }
            },
            error: function(errorThrown) {
                showToastrError("Something was wrong", "Error");
            }
        });

    });

    function refreshDataTable(action) {
        var TableId = $("#datatable_id").val();
        console.log("TableId",TableId);
        $('#' + TableId).DataTable().ajax.reload();
        if (action == "archive-post") {
            $('#ArchivedDataTableList').DataTable().ajax.reload();
        } else if (action == "approved") {
            $('#ApprovalDataTableList').DataTable().ajax.reload();
        }

    }

    function showPostDeclineCommentData() {
        $.ajax({
            url: "{{getMURL('ajax/show-post-decline-comment')}}",
            method: "POST",
            headers: {
                'X-CSRF-TOKEN': '{{csrf_token()}}'
            },
            data: {
                'post_id': $("#post_id").val()
            },
            success: function(data) {
                if (data.status == 1) {
                    var declineReason = '';
                    if (data.data.declined_reason != undefined && data.data.declined_reason != '') {
                        declineReason = data.data.declined_reason.replaceAll('\n', '<br>');
                    }

                    $("#declineDate").html(data.data.declined_time);
                    $("#declineAuthor").html(data.data.user_name);
                    //$("#declineComment").html(data.data.declined_reason.replaceAll('\n', '<br>'));
                    $("#declineComment").html(declineReason);
                    $("#showCommentPostModal").modal("show");
                } else {
                    showToastrError(data.message, "Error");
                }
            },
            error: function(errorThrown) {
                showToastrError("Something was wrong", "Error");
            }
        });
    }
    $("#postTitleEditIcon,#approveEditPostButton").click(function() {
        $('#authorPostTitleDisplay,#postTitleEditIcon').hide();
        $('#authorPostTitleEditor,#postApproveBothButton').show();
    });
    $("#cancelPostApproveTitleButton").click(function() {
        $('#authorPostTitleEditor,#postApproveBothButton').hide();
        $('#authorPostTitleDisplay,#postTitleEditIcon').show();
    });
</script>
@endpush