@extends('layouts.admin')
@section('title', 'Withdrawals')
@section('content')
<h1 class="text-2xl font-bold mb-6">Withdrawals</h1>

<div class="bg-white rounded-xl shadow p-6">
    <table class="w-full text-sm">
        <thead>
            <tr class="text-left text-gray-500 border-b">
                <th class="py-2">User</th><th>Amount</th><th>To Address</th><th>Status</th><th>Date</th><th></th>
            </tr>
        </thead>
        <tbody>
            @foreach ($withdrawals as $w)
                <tr class="border-b last:border-0">
                    <td class="py-2">{{ $w->user->name }}</td>
                    <td>{{ number_format($w->amount, 4) }}</td>
                    <td class="font-mono text-xs">{{ $w->to_address }}</td>
                    <td class="capitalize">{{ $w->status }}</td>
                    <td>{{ $w->created_at->format('d M Y H:i') }}</td>
                    <td>
                        @if ($w->status === 'pending')
                            <form method="POST" action="{{ route('admin.withdrawals.approve', $w) }}" class="inline" onsubmit="return setTxHash(this)">
                                @csrf
                                <input type="hidden" name="tx_hash" class="txhash-field">
                                <button type="button" onclick="approveWithdrawal(this)" class="text-green-600">Approve & Pay</button>
                            </form>
                            <form method="POST" action="{{ route('admin.withdrawals.reject', $w) }}" class="inline ml-2">
                                @csrf
                                <input type="hidden" name="admin_note" class="reject-note">
                                <button type="button" onclick="rejectWithdrawal(this)" class="text-red-600">Reject</button>
                            </form>
                        @endif
                    </td>
                </tr>
            @endforeach
        </tbody>
    </table>
    <div class="mt-4">{{ $withdrawals->links() }}</div>
</div>

<script>
function approveWithdrawal(btn) {
    const hash = prompt('Enter on-chain TX hash (leave blank if paying manually later):');
    if (hash === null) return;
    const form = btn.closest('form');
    form.querySelector('.txhash-field').value = hash;
    form.submit();
}
function rejectWithdrawal(btn) {
    const note = prompt('Reason for rejection:');
    if (note === null) return;
    const form = btn.closest('form');
    form.querySelector('.reject-note').value = note;
    form.submit();
}
</script>
@endsection