@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">PI Controls : User Permission</h4>
                                                    </div>
                                                </div>
                                                <div class="pragraph-p">
                                                    <p>Below is a list of the individuals that have listed you as a principal investigator. When one of these individuals creates a post, you will be contacted for approval before it can be published on LabPair.com. If you don't want to be contacted each time a post requires approval and want to grant full posting permissions to someone from you lab, turn on the "auto-approve" button below.</p>
                                                </div>
                                            </div>
                                            <div class="post-approval">
                                                <div class="premission-content">
                                                    <div class="title">
                                                        <div class="row">
                                                            <div class="col-sm-5 col-12">
                                                                <h4 class="text-capitalize mb-0">Name</h4>
                                                            </div>
                                                            <div class="col-sm-5 col-12">
                                                                <h4 class="text-capitalize mb-0">Role</h4>
                                                            </div>
                                                            <div class="col-sm-2 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-sm-5 col-12">
                                                            <h6 class="text-capitalize mb-0">{{$val->user->full_name ?? ''}}</h6>
                                                        </div>
                                                        <div class="col-sm-5 col-12">
                                                            <h6 class="text-capitalize mb-0">{{$val->user->position ?? ''}}</h6>
                                                        </div>
                                                        <div class="col-sm-2 col-12 text-right">
                                                            <label class="switch">
                                                                <input class="auto_approve" type="checkbox" value="{{$val->id}}" {{$val->auto_approve == "Yes" ? 'checked' : ""}}>
                                                                <span class="slider round"></span>
                                                            </label>
                                                        </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" id="send_request_share_post" class="primary-btn text-center d-block 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="declinePostModal" role="dialog" aria-labelledby="declinePostModal" 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</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>Please enter the reason that you are declining the post. This will be shared with the author.</p>
                    <textarea class="custom-texarea" name="declineReason" id="declineReason"></textarea>
                </div>
                <div class="modal-footer">
                    <button type="button" class="primary-btn disabled" data-dismiss="modal">Cancel</button>
                    <button type="button" class="primary-btn" id="declinePostSubmitButton" data-dismiss="modal">Decline</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": [2, 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", ".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");
    });
    $(document).on("click", ".postOptionDeclineOption", function() {
        $("#post_id").val($(this).data("val"));
        $("#datatable_id").val($(this).data("table"));
        $("#declinePostModal").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) {

            }
        });
    });
    $(".auto_approve").on("change", function() {
        var id = $(this).val();
        var val = $(this).is(':checked');
        var controlRadio = $(this);
        $.ajax({
            url: "{{getMURL('ajax/change-auto-approved')}}",
            method: "POST",
            headers: {
                'X-CSRF-TOKEN': '{{csrf_token()}}'
            },
            data: {
                'auto_approve': val,
                'id': id
            },
            success: function(data) {
                if (data.status == 1) {
                    refreshDataTable('auto-approved');
                    showToastrSuccess(data.message);
                } else {
                    if (val) {
                        controlRadio.prop("checked", false);
                    } else {
                        controlRadio.prop("checked", true);
                    }
                }
            },
            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(data.message);
                } 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(data.message);
                } 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(data.message);
                } 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(null, false);
        if (action == "archive-post") {
            $('#ArchivedDataTableList').DataTable().ajax.reload()
        } else if (action == "approved") {
            $('#ApprovalDataTableList').DataTable().ajax.reload()
        } else if (action == "auto-approved") {
            $('#pendingDataTableList').DataTable().ajax.reload()
            $('#ApprovalDataTableList').DataTable().ajax.reload()
        }
        //$('#' + TableId).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");
            }
        });
    }
    /*$("#declineReason").keyup(function() {
        declinePostSubmitButton();
    });

    function declinePostSubmitButton() {
        
        var reason = $('#declineReason').val();

        if (reason.length >= 50) {
            $("#declinePostSubmitButton").removeClass('disabled');
            $("#declinePostSubmitButton").prop('disabled', false);
        } else {
            $("#declinePostSubmitButton").addClass('disabled');
            $("#declinePostSubmitButton").prop('disabled', true);
        }
    }*/

    $(document).on('click', '#declinePostSubmitButton', function() {
        $.ajax({
            url: "{{getURL('ajax/decline-post')}}",
            method: "POST",
            headers: {
                'X-CSRF-TOKEN': '{{csrf_token()}}'
            },
            data: {
                'post_id': $('#post_id').val(),
                'declined_reason': $('#declineReason').val(),
            },
            success: function(data) {
                if (data.status == 1) {
                    refreshDataTable("auto-approved");
                    showToastrSuccess(data.message, "Decline Post");
                } else {
                    showToastrError(data.message, "Decline Post")
                }
            },
            error: function(errorThrown) {

            }
        });
    });
    $(document).ready(function() {
        //declinePostSubmitButton();
    })
</script>
@endpush