@extends('layouts.admin_dynamic')

@section('content')
<div class="content-wrapper">
    <section class="content">
  <div class="" id="customerDetails">    <!-- Advanced Search -->
    <div class="mb-4">
        <form id="searchForm" class="form-inline">
            <input type="text" name="search" id="searchInput" class="form-control mr-2" placeholder="Search...">
            <button type="submit" class="btn btn-primary">Search</button>
        </form>
    </div>

    <!-- Actions for Selected Items -->
    <div class="mb-4">
        <button id="bulkResend" class="btn btn-success">Resend Selected</button>
        <button id="bulkDelete" class="btn btn-danger">Delete Selected</button>
    </div>

    <!-- Notifications Table -->
    <table class="table table-striped">
        <thead>
            <tr>
                <th><input type="checkbox" id="selectAll"></th>
                <th>Type</th>
                <th>Subject</th>
                <th>Message</th>
                <th>Status</th>
                <th>Status message</th>
                <th>Actions</th>
            </tr>
        </thead>
        <tbody id="notificationTableBody">
            @foreach($notifications as $notification)
                <tr data-id="{{ $notification->id }}">
                    <td><input type="checkbox" class="select-item"></td>
                    <td>{{ $notification->messagetype }}</td>
                    <td>{{ $notification->subject ?? '' }}</td>
                    <td>{{ $notification->message }}</td>
                    <td>{{ $notification->status }}</td>
                    <td>{{ $notification->status_message ?? '' }}</td>

                    <td>
                        <button class="btn btn-warning btn-sm resend-btn">Resend</button>

                        @if($notification->status === 'fail')
                            <button class="btn btn-danger btn-sm delete-btn">Delete</button>
                        @endif
                    </td>
                </tr>
            @endforeach
        </tbody>
    </table>

    {{ $notifications->links() }} <!-- For pagination -->
</div>
</section>

<!-- Modal for Resend Confirmation -->
<div class="modal fade" id="resendModal" tabindex="-1" role="dialog" aria-labelledby="resendModalLabel" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="resendModalLabel">Confirm Resend</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                Are you sure you want to resend the selected notifications?
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancel</button>
                <button type="button" class="btn btn-primary" id="confirmResend">Resend</button>
            </div>
        </div>
    </div>
</div>

<!-- Modal for Delete Confirmation -->
<div class="modal fade" id="deleteModal" tabindex="-1" role="dialog" aria-labelledby="deleteModalLabel" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="deleteModalLabel">Confirm Delete</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                Are you sure you want to delete the selected notifications?
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancel</button>
                <button type="button" class="btn btn-danger" id="confirmDelete">Delete</button>
            </div>
        </div>
    </div>
</div>
</div>



<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
<script>
    $(document).ready(function() {
        // Select/Deselect All
        $('#selectAll').on('click', function() {
            $('.select-item').prop('checked', this.checked);
        });

        // Search Functionality
        $('#searchForm').on('submit', function(e) {
            e.preventDefault();
            const query = $('#searchInput').val();
            $.ajax({
                url: '{{ route('notifications.search') }}',
                method: 'GET',
                data: { search: query },
                success: function(response) {
                    $('#notificationTableBody').html(response);
                },
                error: function() {
                    Swal.fire('Error', 'Something went wrong while searching.', 'error');
                }
            });
        });

        // Resend Button Click
        $('#bulkResend').on('click', function() {
            const selectedIds = $('.select-item:checked').map(function() {
                return $(this).closest('tr').data('id');
            }).get();

            if (selectedIds.length === 0) {
                Swal.fire('Error', 'Please select at least one item.', 'error');
                return;
            }

            $('#resendModal').modal('show');
            $('#confirmResend').off('click').on('click', function() {
                $.ajax({
                    url: '{{ route('notifications.resend') }}',
                    method: 'POST',
                    data: { ids: selectedIds, _token: '{{ csrf_token() }}' },
                    success: function(response) {
                        Swal.fire('Success', 'Notifications have been resent!', 'success');
                        $('#resendModal').modal('hide');
                        // Reload the table or update as needed
                    },
                    error: function() {
                        Swal.fire('Error', 'Something went wrong while resending notifications.', 'error');
                    }
                });
            });
        });

        // Delete Button Click
        $('#bulkDelete').on('click', function() {
            const selectedIds = $('.select-item:checked').map(function() {
                return $(this).closest('tr').data('id');
            }).get();

            if (selectedIds.length === 0) {
                Swal.fire('Error', 'Please select at least one item.', 'error');
                return;
            }

            $('#deleteModal').modal('show');
            $('#confirmDelete').off('click').on('click', function() {
                $.ajax({
                    url: '{{ route('notifications.delete') }}',
                    method: 'POST',
                    data: { ids: selectedIds, _token: '{{ csrf_token() }}' },
                    success: function(response) {
                        Swal.fire('Success', 'Notifications have been deleted!', 'success');
                        $('#deleteModal').modal('hide');
                        // Reload the table or update as needed
                    },
                    error: function() {
                        Swal.fire('Error', 'Something went wrong while deleting notifications.', 'error');
                    }
                });
            });
        });

        // Resend Individual Notification
        $(document).on('click', '.resend-btn', function() {
            const id = $(this).closest('tr').data('id');
            Swal.fire({
                title: 'Confirm Resend',
                text: 'Are you sure you want to resend this notification?',
                icon: 'warning',
                showCancelButton: true,
                confirmButtonText: 'Resend',
                cancelButtonText: 'Cancel'
            }).then((result) => {
                if (result.isConfirmed) {
                    $.ajax({
                        url: '{{ route('notifications.resend') }}',
                        method: 'POST',
                        data: { ids: [id], _token: '{{ csrf_token() }}' },
                        success: function(response) {
                            Swal.fire('Success', 'Notification has been resent!', 'success');
                            // Update the table or reload as needed
                        },
                        error: function() {
                            Swal.fire('Error', 'Something went wrong while resending the notification.', 'error');
                        }
                    });
                }
            });
        });

        // Delete Individual Notification
        $(document).on('click', '.delete-btn', function() {
            const id = $(this).closest('tr').data('id');
            Swal.fire({
                title: 'Confirm Delete',
                text: 'Are you sure you want to delete this notification?',
                icon: 'warning',
                showCancelButton: true,
                confirmButtonText: 'Delete',
                cancelButtonText: 'Cancel'
            }).then((result) => {
                if (result.isConfirmed) {
                    $.ajax({
                        url: '{{ route('notifications.delete') }}',
                        method: 'POST',
                        data: { ids: [id], _token: '{{ csrf_token() }}' },
                        success: function(response) {
                            Swal.fire('Success', 'Notification has been deleted!', 'success');
                            // Update the table or reload as needed
                        },
                        error: function() {
                            Swal.fire('Error', 'Something went wrong while deleting the notification.', 'error');
                        }
                    });
                }
            });
        });
    });
</script>
@endsection