@extends('layouts.admin')

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

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

@section('content')
    <div class="white-component">
    <table class="table">
        <thead>
            <th>Title</th>
            <th>Added on</th>
            <!-- <th>Owner</th> -->
            <th></th>
            <th class="text-right"></th>
        </thead>
        @forelse ($pendings as $pending)
        <tbody>
            <tr>
                <td id="fname">{{ $pending->title }}</td>
                <td>{{ $pending->created_at->format('Y-m-d H:i') }}</td>

                <td class="text-right">
                    <a href="{{ route('admin.training.show', $pending->id) }}" class="btn btn-outline-secondary btn-sm">View</a>
                    <a href="{{ route('admin.training.edit', $pending->id) }}" class="btn btn-outline-secondary btn-sm">Edit</a>
                    <button class="btn btn-outline-info btn-sm" onclick="rejectFuntion({{$pending->id}})">Reject</button>
                    <button class="btn btn-outline-info btn-sm" onclick="approveFuntion({{$pending->id}})">Approve</button>
                </td>
            </tr>
        </tbody>
        @empty
            <tr>
                <td><div class="no-data">No posts pending approval.</div></td>
            </tr>
        @endforelse
    </table>

</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: 'approved/training',
        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