@php
    $fund = $fund ?? 'pf';
    $indexRoute = route("{$fund}.withdrawals");
    $showAmountFilter = $showAmountFilter ?? true;
    $showTypeColumn = $showTypeColumn ?? false;
    $statuses = ['pending', 'approved', 'rejected', 'paid'];
@endphp
@include('employee.fund.partials.emp_fund_styles', ['wrap' => 'adm-fund'])
<div class="container-fluid adm-fund-wrap">
    <div class="row mt-3">
        <div class="col-12">
            <div class="d-flex flex-wrap justify-content-between align-items-center mb-3">
                <div>
                    <h4 class="page-title mb-0">{{ $title }}</h4>
                    @if(!empty($subtitle))
                        <p class="text-muted mb-0 small">{{ $subtitle }}</p>
                    @endif
                </div>
            </div>

            @if(isset($withdrawalStats))
                <div class="row mb-3">
                    <div class="col-6 col-md-3 mb-2 mb-md-0">
                        <div class="emp-fund-stat">
                            <div class="num">{{ number_format((int) ($withdrawalStats->total ?? 0)) }}</div>
                            <div class="lbl">{{ __('Total') }}</div>
                        </div>
                    </div>
                    <div class="col-6 col-md-3 mb-2 mb-md-0">
                        <div class="emp-fund-stat">
                            <div class="num text-warning">{{ number_format((int) ($withdrawalStats->pending ?? 0)) }}</div>
                            <div class="lbl">{{ __('Pending') }}</div>
                        </div>
                    </div>
                    <div class="col-6 col-md-3">
                        <div class="emp-fund-stat">
                            <div class="num text-success">{{ number_format((int) ($withdrawalStats->approved ?? 0)) }}</div>
                            <div class="lbl">{{ __('Approved') }}</div>
                        </div>
                    </div>
                    <div class="col-6 col-md-3">
                        <div class="emp-fund-stat">
                            <div class="num">{{ number_format((int) ($withdrawalStats->paid ?? 0)) }}</div>
                            <div class="lbl">{{ __('Paid') }}</div>
                        </div>
                    </div>
                </div>
            @endif

            <div class="card">
                <div class="card-header d-flex flex-wrap align-items-center justify-content-between">
                    <span><i class="fas fa-hand-holding-usd mr-1 text-muted"></i> {{ __('Withdrawal requests') }}</span>
                    @if($hasFilters ?? false)
                        <a href="{{ $indexRoute }}" class="btn btn-sm btn-outline-secondary">{{ __('Clear filters') }}</a>
                    @endif
                </div>
                <form method="get">
                    <div class="emp-fund-filters">
                        <div class="form-row align-items-end">
                            <div class="form-group col-md-6 col-lg-3">
                                <label>{{ __('Employee') }}</label>
                                <input type="search" name="staff_q" class="form-control" value="{{ request('staff_q') }}" placeholder="{{ __('Name or code') }}">
                            </div>
                            <div class="form-group col-6 col-md-3 col-lg-2">
                                <label>{{ __('Status') }}</label>
                                <select name="status" class="form-control">
                                    <option value="">{{ __('All') }}</option>
                                    @foreach($statuses as $s)
                                        <option value="{{ $s }}" @selected(request('status') === $s)>{{ ucfirst($s) }}</option>
                                    @endforeach
                                </select>
                            </div>
                            @if($showAmountFilter)
                                <div class="form-group col-md-6 col-lg-3">
                                    <label>{{ __('Amount') }}</label>
                                    <div class="d-flex" style="gap: 8px;">
                                        <input type="number" step="0.01" name="amount_min" class="form-control" value="{{ request('amount_min') }}" placeholder="{{ __('Min') }}">
                                        <input type="number" step="0.01" name="amount_max" class="form-control" value="{{ request('amount_max') }}" placeholder="{{ __('Max') }}">
                                    </div>
                                </div>
                            @endif
                            <div class="form-group col-6 col-md-3 col-lg-2 mb-0">
                                <label class="d-none d-lg-block">&nbsp;</label>
                                <button class="btn btn-primary btn-block" type="submit"><i class="fas fa-filter mr-1"></i> {{ __('Filter') }}</button>
                            </div>
                        </div>
                    </div>
                </form>
                <div class="card-body p-2">
                    <div class="table-responsive">
                        <table class="table table-hover emp-fund-table mb-0">
                            <thead class="thead-light">
                            <tr>
                                <th>{{ __('Employee') }}</th>
                                @if($showTypeColumn)
                                    <th>{{ __('Type') }}</th>
                                @endif
                                <th>{{ __('Status') }}</th>
                                <th class="text-right">{{ __('Amount') }}</th>
                                <th>{{ __('Requested') }}</th>
                                <th>{{ __('Paid') }}</th>
                                <th class="text-right">{{ __('Action') }}</th>
                            </tr>
                            </thead>
                            <tbody>
                            @forelse($rows as $row)
                                <tr>
                                    <td>
                                        @include('admin.fund.partials.staff_cell', [
                                            'name' => $row->account?->staff?->user?->name,
                                            'code' => $row->account?->staff?->user?->id,
                                        ])
                                    </td>
                                    @if($showTypeColumn)
                                        <td>
                                            @if(($row->kind ?? 'withdrawal') === 'settlement')
                                                <span class="emp-fund-badge settlement">{{ __('Settlement') }}</span>
                                            @else
                                                <span class="emp-fund-badge withdrawal-kind">{{ __('Withdrawal') }}</span>
                                            @endif
                                        </td>
                                    @endif
                                    <td>@include('admin.fund.partials.fund_status_badge', ['status' => $row->status])</td>
                                    <td class="text-right emp-fund-money">{{ number_format((float) $row->amount, 2) }}</td>
                                    <td>{{ $row->requested_at?->format('Y-m-d') ?? '—' }}</td>
                                    <td>{{ $row->paid_at?->format('Y-m-d') ?? '—' }}</td>
                                    <td class="text-right">
                                        <div class="emp-fund-actions">
                                            @if($row->status === 'pending')
                                                <form method="post" action="{{ route("{$fund}.withdrawals.approve", $row->id) }}" class="d-inline">
                                                    @csrf
                                                    <button class="btn btn-sm btn-success" type="submit">{{ __('Approve') }}</button>
                                                </form>
                                                <form method="post" action="{{ route("{$fund}.withdrawals.reject", $row->id) }}" class="d-inline">
                                                    @csrf
                                                    <button class="btn btn-sm btn-outline-danger" type="submit">{{ __('Reject') }}</button>
                                                </form>
                                            @elseif($row->status === 'approved')
                                                <form method="post" action="{{ route("{$fund}.withdrawals.pay", $row->id) }}" class="d-inline">
                                                    @csrf
                                                    <button class="btn btn-sm btn-primary" type="submit">{{ __('Mark Paid') }}</button>
                                                </form>
                                            @else
                                                <span class="text-muted small">{{ __('No actions') }}</span>
                                            @endif
                                        </div>
                                    </td>
                                </tr>
                            @empty
                                <tr>
                                    <td colspan="{{ $showTypeColumn ? 7 : 6 }}" class="emp-fund-empty">
                                        {{ ($hasFilters ?? false) ? __('No withdrawals match your filters.') : __('No withdrawal requests yet.') }}
                                    </td>
                                </tr>
                            @endforelse
                            </tbody>
                        </table>
                    </div>
                </div>
                @if($rows->hasPages())
                    <div class="card-footer">{{ $rows->links() }}</div>
                @endif
            </div>
        </div>
    </div>
</div>