@extends('savings.withdrawals.base')

@section('action-content')
<section class="content">
<div class="container">

    <div class="d-flex justify-content-between mb-3">
        <h3>Pending Withdrawals</h3>
        <a href="{{ route('savings.index') }}" class="btn btn-secondary">Back to Savings</a>
    </div>

    @if(session('success'))
        <div class="alert alert-success">{{ session('success') }}</div>
    @endif

    <div class="box">
        <div class="box-body p-0">
            <table class="table table-bordered table-striped mb-0">
                <thead class="thead-dark">
                    <tr>
                        <th>#</th>
                        <th>Client</th>
                        <th>Amount (₵)</th>
                        <th>Reference</th>
                        <th>Created By</th>
                        <th>Date</th>
                        <th>Status</th>
                        <th>Action</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse($withdrawals as $withdrawal)
                        <tr id="withdrawalRow{{ $withdrawal->id }}">
                            <td>{{ $loop->iteration }}</td>
                            <td>
                                {{ optional($withdrawal->client)->surname ?? 'N/A' }}
                                {{ optional($withdrawal->client)->first_name ?? '' }}
                                {{ optional($withdrawal->client)->other_names ?? '' }}
                            </td>
                            <td>{{ number_format($withdrawal->amount, 2) }}</td>
                            <td>{{ $withdrawal->reference ?? '—' }}</td>
                            <td>{{ $withdrawal->recorded_by ?? 'N/A' }}</td>
                            <td>{{ \Carbon\Carbon::parse($withdrawal->created_at)->format('d M Y H:i') }}</td>
                            <td>
                                <span class="badge 
    {{ $withdrawal->approval_status === 'approved' ? 'badge-success' : 'badge-warning' }}">
    {{ ucfirst($withdrawal->approval_status) }}
</span>
                            </td>
                            <td>
    @if(in_array(auth()->user()->role, ['manager', 'admin']))
        <button class="btn btn-sm btn-success approveBtn" data-id="{{ $withdrawal->id }}">
            <i class="fa fa-check"></i> Approve
        </button>
        <button class="btn btn-sm btn-danger rejectBtn" data-id="{{ $withdrawal->id }}">
            <i class="fa fa-times"></i> Reject
        </button>
    @else
        <span class="text-muted">N/A</span>
    @endif
</td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="8" class="text-center">No pending withdrawals found.</td>
                        </tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </div>

</div>
</section>

{{-- JS for Approve/Reject --}}
<script>
$(document).ready(function(){

    /* APPROVE */
    $(document).on('click','.approveBtn',function(){
        let id = $(this).data('id');
        Swal.fire({
            title: 'Approve this withdrawal?',
            icon: 'question',
            showCancelButton: true,
            confirmButtonText: 'Yes, approve'
        }).then((result)=>{
            if(result.isConfirmed){
                $.post("/savings/withdrawals/"+id+"/approve",{
                    _token: "{{ csrf_token() }}"
                }, function(res){
                    $("#withdrawalRow"+id).remove();
                    Swal.fire({icon:'success', text:res.message, timer:1200, showConfirmButton:false});
                }).fail(function(err){
    console.error(err);
    Swal.fire(
        'Error',
        err.responseJSON?.message ?? 'Approval failed',
        'error'
    );
});
            }
        });
    });

    /* REJECT */
    $(document).on('click','.rejectBtn',function(){
        let id = $(this).data('id');
        Swal.fire({
            title: 'Reject this withdrawal?',
            icon: 'warning',
            showCancelButton: true,
            confirmButtonText: 'Yes, reject'
        }).then((result)=>{
            if(result.isConfirmed){
                $.post("/savings/withdrawals/"+id+"/reject",{
                    _token: "{{ csrf_token() }}"
                }, function(res){
                    $("#withdrawalRow"+id).remove();
                    Swal.fire({icon:'success', text:res.message, timer:1200, showConfirmButton:false});
                }).fail(function(err){
                    Swal.fire('Error', 'Failed to reject withdrawal.', 'error');
                });
            }
        });
    });

});
</script>

@endsection