@extends('backEnd.layouts.master')
@section('title', 'Withdraw Requests')

@section('content')
<div class="container-fluid py-3">
    <div class="d-flex justify-content-between align-items-center mb-3 flex-wrap gap-2">
        <div>
            <h4 class="fw-bold mb-0"><i class="fas fa-money-bill-wave me-2 text-success"></i>Employee Withdraw Requests</h4>
            <small class="text-muted">Approve → Mark Paid (bKash/Cash reference দিয়ে confirm করুন)</small>
        </div>
        <a href="{{ route('admin.employee-commission.settings') }}" class="btn btn-sm btn-outline-primary">
            <i class="fas fa-percent me-1"></i> Commission Settings
        </a>
    </div>

    <div class="d-flex flex-wrap gap-2 mb-3">
        @foreach(['pending' => 'Pending', 'approved' => 'Approved', 'paid' => 'Paid', 'rejected' => 'Rejected', 'all' => 'All'] as $key => $label)
        <a href="{{ route('admin.employee-commission.withdrawals', ['status' => $key]) }}"
           class="btn btn-sm {{ ($status ?? 'pending') === $key ? 'btn-primary' : 'btn-outline-secondary' }}">
            {{ $label }} ({{ $counts[$key] ?? 0 }})
        </a>
        @endforeach
    </div>

    <div class="card shadow-sm border-0">
        <div class="table-responsive">
            <table class="table table-hover mb-0 align-middle" style="font-size:12px;">
                <thead class="table-light">
                    <tr>
                        <th>Date</th>
                        <th>Employee</th>
                        <th class="text-end">Amount</th>
                        <th>Status</th>
                        <th>Employee Note</th>
                        <th>Admin / Payment</th>
                        <th class="text-end">Action</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse($requests as $row)
                    <tr>
                        <td>{{ $row->created_at->format('d M Y, g:i A') }}</td>
                        <td>
                            <div class="fw-semibold">{{ $row->user?->name }}</div>
                            <div class="text-muted small">{{ $row->user?->email }}</div>
                        </td>
                        <td class="text-end fw-bold">৳{{ number_format($row->amount, 0) }}</td>
                        <td><span class="badge {{ $row->statusBadgeClass() }}">{{ $row->statusLabel() }}</span></td>
                        <td class="small">{{ $row->employee_note ?: '—' }}</td>
                        <td class="small">
                            @if($row->payment_method || $row->payment_ref)
                            {{ $row->payment_method }} — {{ $row->payment_ref }}
                            @elseif($row->admin_note)
                            {{ $row->admin_note }}
                            @else
                            —
                            @endif
                            @if($row->processor)
                            <div class="text-muted">by {{ $row->processor->name }}</div>
                            @endif
                        </td>
                        <td class="text-end">
                            @if($row->status === 'pending')
                            <form action="{{ route('admin.employee-commission.withdrawals.approve', $row->id) }}" method="POST" class="d-inline">
                                @csrf
                                <button type="submit" class="btn btn-sm btn-outline-info">Approve</button>
                            </form>
                            <button type="button" class="btn btn-sm btn-outline-danger" data-bs-toggle="modal" data-bs-target="#rejectModal{{ $row->id }}">Reject</button>
                            @elseif($row->status === 'approved')
                            <button type="button" class="btn btn-sm btn-success" data-bs-toggle="modal" data-bs-target="#paidModal{{ $row->id }}">Mark Paid</button>
                            @else
                            <span class="text-muted">—</span>
                            @endif
                        </td>
                    </tr>

                    @empty
                    <tr><td colspan="7" class="text-center text-muted py-4">No withdraw requests.</td></tr>
                    @endforelse
                </tbody>
            </table>
        </div>
        @if($requests->hasPages())
        <div class="card-footer bg-transparent">{{ $requests->links() }}</div>
        @endif
    </div>

    @foreach($requests as $row)
        @if($row->status === 'pending')
        <div class="modal fade" id="rejectModal{{ $row->id }}" tabindex="-1">
            <div class="modal-dialog">
                <form method="POST" action="{{ route('admin.employee-commission.withdrawals.reject', $row->id) }}" class="modal-content">
                    @csrf
                    <div class="modal-header"><h5 class="modal-title">Reject Withdraw #{{ $row->id }}</h5><button type="button" class="btn-close" data-bs-dismiss="modal"></button></div>
                    <div class="modal-body">
                        <textarea name="admin_note" class="form-control" rows="3" placeholder="Reason (optional)"></textarea>
                    </div>
                    <div class="modal-footer">
                        <button type="submit" class="btn btn-danger">Reject</button>
                    </div>
                </form>
            </div>
        </div>
        @endif
        @if($row->status === 'approved')
        <div class="modal fade" id="paidModal{{ $row->id }}" tabindex="-1">
            <div class="modal-dialog">
                <form method="POST" action="{{ route('admin.employee-commission.withdrawals.paid', $row->id) }}" class="modal-content">
                    @csrf
                    <div class="modal-header"><h5 class="modal-title">Confirm Payment #{{ $row->id }}</h5><button type="button" class="btn-close" data-bs-dismiss="modal"></button></div>
                    <div class="modal-body row g-2">
                        <div class="col-md-6">
                            <label class="form-label small">Payment method</label>
                            <input type="text" name="payment_method" class="form-control form-control-sm" placeholder="bKash / Cash">
                        </div>
                        <div class="col-md-6">
                            <label class="form-label small">Reference / TrxID</label>
                            <input type="text" name="payment_ref" class="form-control form-control-sm" placeholder="TrxID">
                        </div>
                        <div class="col-12">
                            <label class="form-label small">Admin note</label>
                            <textarea name="admin_note" class="form-control form-control-sm" rows="2"></textarea>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="submit" class="btn btn-success">Confirm Paid</button>
                    </div>
                </form>
            </div>
        </div>
        @endif
    @endforeach
</div>
@endsection