@extends('layouts.admin')

@section('page-header', 'Posts (Pending Approval)')

@section('styles')
<style>
      div.dataTables_wrapper {
        width: 800px;
        margin: 0 auto;
    }
</style>
@endsection

@section('content')
    <div class="white-component">
 <!--    <form class="form-inline header-form-wrapper">

        <div class="form-group ">
            <input type="text" class="form-control" name="filter[name]"
                placeholder="Search by name" value="{{ request()->input('filter.name') }}">
        </div>
        <button class="btn btn-primary" type="submit">Search</button>
    </form> -->


    <table class="table">
        <thead>
            <th>Title</th>
            <th>Owner</th>
            <th></th>
            <th class="text-right"></th>
        </thead>
        @forelse ($posts as $post)
        <tbody>
            <tr>
                <td id="fname">{{ $post->title }}</td>
                <td class="text-right">
                    <a href="{{ route('admin.posts.show', $post->id) }}" class="btn btn-outline-secondary btn-sm">View</a>
                    <a href="{{ route('admin.posts.edit', $post->id) }}" class="btn btn-outline-secondary btn-sm">Edit</a>
                    <!-- <button class="btn btn-outline-info btn-sm" onclick="rejectFuntion({{$post->id}})">Reject</button>
                    <button class="btn btn-outline-info btn-sm" onclick="approveFuntion({{$post->id}})">Approve</button> -->
                    <button class="btn btn-outline-danger btn-sm"
                        data-confirm-reject
                        data-confirm-action="{{ route('admin.posts.reject', $post->id) }}"
                        >Reject</button>
                    <button class="btn btn-outline-info btn-sm"
                        data-confirm
                        data-confirm-action="{{ route('admin.posts-pending-approval.edit', $post->id) }}"
                        data-confirm-title="Approve post"
                        data-confirm-text="Are you sure you want to approve post &quot;{{ $post->title }}&quot;?">Approve</button>

                </td>
            </tr>
        </tbody>
        @empty
            <tr>
                <td><div class="no-data">No posts pending approval.</div></td>
            </tr>
        @endforelse
    </table>

    {{-- $members->appends(request()->except('page'))->links() --}}
</div>
@endsection
@section('scripts')

<script type="text/javascript">


$.ajaxSetup({
    headers: { 'X-CSRF-TOKEN': document.head.querySelector('meta[name="csrf-token"]').content }
});

    
function approveFuntion(id){

    $.ajax({
        type: "POST",
        url: 'posts-pending-approval.edit',
        data: {id : id },
        success: function( msg ) {
            if (msg == 1) {
                swal("Approve Training Post", {
                    icon: "success",
                });

            }else{
                swal("Approve Training Post", {
                    icon: "error",
                }); 
            }
                setTimeout(function(){
                   window.location.reload(1);
                }, 1000);
        }
    });
}

function rejectFuntion(id){

    $.ajax({
        type: "POST",
        url: "training/reject",
        data: {id:id },
        success: function( msg ) {
            if (msg == 'success') {
                swal("Reject Training Post", {
                    icon: "success",
                });

            }else{
                swal("Reject Training Post", {
                    icon: "error",
                }); 
            }
                setTimeout(function(){
                   window.location.reload(1);
                }, 1000);
        }
    });
}

</script>
@endsection