@extends('backend.layouts.app')

@section('main-content')
    <section class="content-header">
        <div class="container-fluid">
            <div class="row mb-2">
                <div class="col-sm-6">
                    <h1>Withdrawal Requests</h1>
                </div>
            </div>
        </div>
    </section>

    <section class="content">
        <div class="container-fluid">
            <div class="card">
                <div class="card-body">
                    <table class="table table-bordered">
                        <thead>
                            <tr>
                                <th>User Name</th>
                                <th>Amount</th>
                                <th>Bank Account</th>
                                <th>Message</th>
                                <th>Status</th>
                                <th>Actions</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($requests as $request)
                                <tr>
                                    <td>{{ $request->user->first_name }} {{ $request->user->last_name }}</td>
                                    <td>{{ $request->amount }}</td>
                                    <td>{{ $request->bank_details }}</td>
                                    <td>{{ $request->message }}</td>
                                    <td><span class="badge text-bg-{{ $request->status == 'pending' ? 'warning' : ($request->status == 'approved' ? 'success' : 'danger') }}">{{ ucfirst($request->status) }}</span></td>
                                    <td>
                                        @if ($request->status == 'pending')
                                            <button class="btn btn-success btn-sm approve-btn" data-id="{{ $request->id }}">Approve</button>
                                            <button class="btn btn-danger btn-sm reject-btn" data-id="{{ $request->id }}">Reject</button>
                                        @endif
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                    {{ $requests->links() }}
                </div>
            </div>
        </div>
    </section>
@endsection
    @push('bottom-scripts')
    <script>
        // Approve request with SweetAlert confirmation
        $('.approve-btn').click(function() {
            const id = $(this).data('id');
            Swal.fire({
                title: 'Are you sure?',
                text: "Do you want to approve this withdrawal request?",
                icon: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#3085d6',
                cancelButtonColor: '#d33',
                confirmButtonText: 'Yes, approve it!'
            }).then((result) => {
                if (result.isConfirmed) {
                    $.ajax({
                        url: '/admin/withdraw-requests/' + id + '/approve',
                        type: 'POST',
                        data: {
                            _token: '{{ csrf_token() }}'
                        },
                        success: function() {
                            Swal.fire(
                                'Approved!',
                                'The request has been approved.',
                                'success'
                            ).then(() => {
                                window.location.reload(); 
                            });
                        }
                    });
                }
            });
        });

        // Reject request with SweetAlert confirmation
        $('.reject-btn').click(function() {
            const id = $(this).data('id');
            Swal.fire({
                title: 'Are you sure?',
                text: "Do you want to reject this withdrawal request?",
                icon: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#3085d6',
                cancelButtonColor: '#d33',
                confirmButtonText: 'Yes, reject it!'
            }).then((result) => {
                if (result.isConfirmed) {
                    $.ajax({
                        url: '/admin/withdraw-requests/' + id + '/reject',
                        type: 'POST',
                        data: {
                            _token: '{{ csrf_token() }}'
                        },
                        success: function() {
                            Swal.fire(
                                'Rejected!',
                                'The request has been rejected.',
                                'success'
                            ).then(() => {
                                location.reload(); // Reload page to reflect changes
                            });
                        }
                    });
                }
            });
        });
    </script>
    @endpush