@extends('layouts.app')
@section('content')
    <div class="x_panel">
        <div class="x_title">
            <h2>Community Notifications Pending Approval</h2>
            @if (Auth::guard('admin')->user()->bCoach == 1 || Auth::guard('admin')->user()->bCoach == 1)
                <a href="{{ route('approveNotification.list') }}" target="_blank" class="btn btn-info btn-sm"
                    style="float:right;">
                    <i class="fa fa-tasks"></i> View All Jobs
                </a>
            @endif
            <div class="clearfix"></div>
        </div>
        <div class="x_content table-responsive">
            <table class="table table-bordered">
                <thead>
                    <tr>
                        <th>Type</th>
                        <th>Topic ID</th>
                        <th>EUser ID</th>
                        <th>Notification Title</th>
                        <th>Notification Body</th>
                        <th>Recipient</th>
                        <th>Created</th>
                        <th>Action</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach ($notifications as $row)
                        <tr>
                            <td>{{ $row->vNotificationType }}</td>
                            <td>{{ $row->iTopicID }}</td>
                            <td>{{ $row->vEUserId }}</td>
                            <td style="white-space: pre-wrap;">{{ $row->vNotificationTitle }}</td>
                            <td style="white-space: pre-wrap;">{{ $row->vNotificationBody }}</td>
                            <td>{{ $row->vRecipient }}</td>
                            <td>{{ timeElapsedString($row->dDateCreated) }}</td>
                            <td>
                                @if (Auth::guard('admin')->user()->bCoach == 1 || Auth::guard('admin')->user()->bCoach == 1)
                                    @if (app()->environment('local'))
                                        <button class="btn btn-info btn-xs"
                                            onclick="testNotification({{ $row->id }})">Test
                                            Users</button>
                                    @endif
                                    <button class="btn btn-success btn-xs"
                                        onclick="approveNotification({{ $row->id }})">Approve</button>
                                    <button class="btn btn-danger btn-xs"
                                        onclick="rejectNotification({{ $row->id }})">Reject</button>
                                @else
                                    <i>View only</i>
                                @endif
                            </td>
                        </tr>
                    @endforeach

                </tbody>
            </table>
        </div>
    </div>
@endsection
@push('scripts')
    <script type="module">
        window.approveNotification = function(id) {
            dalert.confirm('Approve this notification?', 'Confirm Approval', function(ok) {
                if (!ok) return;

                $.ajax({
                    url: "{{ route('approveNotification.startJon') }}",
                    type: "POST",
                    data: {
                        id: id,
                        _token: "{{ csrf_token() }}"
                    },
                    dataType: "json",
                    success: function(res) {
                        if (!res || res.Status === false) {
                            return dalert.alert(res && res.message ? res.message :
                                'Unable to start', 'Error');
                        }
                        location.reload();
                    },
                    error: function() {
                        dalert.alert('Network error', 'Error');
                    }
                });
            });
        }

        window.rejectNotification = function(id) {
            dalert.confirm('Reject this notification?', 'Confirm Rejection', function(ok) {
                if (!ok) return;

                $.post("{{ route('approveNotification.reject') }}", {
                    id: id,
                    action: 'reject',
                    _token: "{{ csrf_token() }}"
                }, function(res) {
                    if (!res || res.status === false) {
                        return dalert.alert(res && res.message ? res.message : 'Error', 'Error');
                    } else {
                        dalert.alert(res.message, "Success!", function() {
                            location.reload();
                        });
                    }

                }, 'json').fail(function() {
                    dalert.alert('Network error', 'Error');
                });
            });
        }
        window.testNotification = function(id) {
            $.ajax({
                url: "{{ route('approveNotification.test') }}",
                type: "POST",
                data: {
                    id: id,
                    _token: "{{ csrf_token() }}"
                },
                dataType: "json",
                success: function(res) {
                    if (res.Status) {
                        let message = `Found ${res.total_users} eligible users\n\n`;
                        message += `Notification: ${res.notification.title}\n`;
                        message += `Recipient: ${res.notification.recipient}\n\n`;
                        message += `First 10 users:\n`;
                        res.users.slice(0, 10).forEach((user, index) => {
                            message += `${index + 1}. User ID: ${user.iUserID}\n`;
                        });
                        if (res.users.length > 10) {
                            message += `... and ${res.users.length - 10} more users`;
                        }
                        dalert.alert(message, 'Test Results');
                    } else {
                        dalert.alert(res.message || 'Test failed', 'Error');
                    }
                },
                error: function() {
                    dalert.alert('Network error', 'Error');
                }
            });
        }
    </script>
@endpush