@extends('admin.layout.template')
@section('title', 'Account Deletion Request')
@section('content')

<div class="page-content">
    <div class="container-xxl">

        <!-- Add Banner -->
        <div class="row">
            <div class="col-lg-12">
                <div class="card">
                    <div class="card-header">
                        <h4>Account Deletion Requests</h4>
                    </div>

                    <div class="card-body">

                        <table class="table align-middle table-hover" id="deletionTable">
                            <thead>
                                <tr>
                                    <th>#</th>
                                    <th>User</th>
                                    <th>Email</th>
                                    <th>Reason</th>
                                    <th>Status</th>
                                    <th>Action</th>
                                </tr>
                            </thead>
                        </table>

                    </div>
                </div>
            </div>
        </div>
    </div>
</div>




<script>
    $(function() {

        var table = $('#deletionTable').DataTable({
            processing: true,
            serverSide: true,
            ajax: "{{ route('accountDeletionRequests.list') }}",

            columns: [{
                    data: 'DT_RowIndex',
                    name: 'DT_RowIndex',
                    orderable: false,
                    searchable: false
                },
                {
                    data: 'user'
                },
                {
                    data: 'email'
                },
                {
                    data: 'reason'
                },
                {
                    data: 'status'
                },
                {
                    data: 'action',
                    orderable: false,
                    searchable: false
                }
            ]
        });



        $(document).on('click', '.changeStatus', function() {

            let id = $(this).data('id');
            let status = $(this).data('status');

            Swal.fire({
                title: "Are you sure?",
                text: "Update deletion request status?",
                icon: "warning",
                showCancelButton: true,
                confirmButtonText: "Yes"
            }).then((result) => {

                if (result.isConfirmed) {

                    $.ajax({
                        url: "{{ route('accountDeletionRequests.updateStatus') }}",
                        type: "POST",
                        data: {
                            _token: "{{ csrf_token() }}",
                            id: id,
                            status: status
                        },

                        success: function(res) {

                            Swal.fire(
                                'Updated!',
                                res.message,
                                'success'
                            )

                            table.ajax.reload();
                        }

                    })

                }

            })

        });

    });
</script>

@endsection