@extends('adminlte::page')

@section('title', 'Transfers')

@section('content_header')
    <h1>Transfers</h1>
@endsection

@section('content')
    <div class="card mb-3">
        <div class="card-body">
            <form method="get" action="{{ route('transfers.index') }}" class="row g-2 align-items-end">
                <div class="col-md-4">
                    <label class="form-label">Serial Number</label>
                    <input type="text" name="serial" value="{{ $serial ?? '' }}" class="form-control" maxlength="16" placeholder="Enter 16-char Serial">
                </div>
                <div class="col-md-4">
                    <label class="form-label">Type</label>
                    <div class="d-flex gap-2">
                        <a href="{{ route('transfers.index', ['type' => 'bank', 'serial' => $serial ?? '']) }}" class="btn {{ ($type ?? 'bank') === 'bank' ? 'btn-primary' : 'btn-outline-primary' }}">Bank</a>
                        <a href="{{ route('transfers.index', ['type' => 'card', 'serial' => $serial ?? '']) }}" class="btn {{ ($type ?? 'bank') === 'card' ? 'btn-primary' : 'btn-outline-primary' }}">Card</a>
                    </div>
                </div>
                <div class="col-md-4">
                    <button type="submit" class="btn btn-success">Search</button>
                </div>
            </form>
            <div class="mt-3">
                <label class="form-label me-2">Status</label>
                <div class="d-inline-flex gap-2">
                    <a href="{{ route('transfers.index', ['type' => $type ?? 'bank', 'serial' => $serial ?? '', 'status' => 'pending']) }}" class="btn btn-sm {{ ($status ?? 'pending') === 'pending' ? 'btn-warning' : 'btn-outline-warning' }}">Pending</a>
                    <a href="{{ route('transfers.index', ['type' => $type ?? 'bank', 'serial' => $serial ?? '', 'status' => 'approved']) }}" class="btn btn-sm {{ ($status ?? 'pending') === 'approved' ? 'btn-success' : 'btn-outline-success' }}">Approved</a>
                    <a href="{{ route('transfers.index', ['type' => $type ?? 'bank', 'serial' => $serial ?? '', 'status' => 'rejected']) }}" class="btn btn-sm {{ ($status ?? 'pending') === 'rejected' ? 'btn-danger' : 'btn-outline-danger' }}">Rejected</a>
                </div>
            </div>
        </div>
    </div>

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

    @if(($status ?? 'pending') === 'pending' && ($txs ?? collect())->count() > 0)
        <div class="alert alert-info">
            <strong>{{ ($txs ?? collect())->count() }}</strong> pending transfer request(s) found. Review and take action below.
        </div>
    @endif

    <div class="card mb-3">
        <div class="card-header d-flex justify-content-between align-items-center">
            <span>Transfer Requests</span>
            <span class="badge bg-secondary">Status: {{ strtoupper($status ?? 'pending') }}</span>
        </div>
        <div class="table-responsive">
            <table class="table table-striped mb-0">
                <thead>
                <tr>
                    <th>ID</th>
                    <th>Serial</th>
                    <th>Method</th>
                    <th>Amount</th>
                    <th>Currency</th>
                    <th>Status</th>
                    <th>Submitted</th>
                    <th>Approved</th>
                    <th>Rejected</th>
                    <th>Reference</th>
                    <th>Notes</th>
                    <th>Actions</th>
                </tr>
                </thead>
                <tbody>
                @forelse(($txs ?? []) as $tx)
                    <tr>
                        <td>{{ $tx->id }}</td>
                        <td><code>{{ $tx->serial_number }}</code></td>
                        <td><span class="badge bg-light text-dark">{{ str_replace('_', ' ', $tx->method) }}</span></td>
                        <td>{{ number_format((float)$tx->amount, 2) }}</td>
                        <td>{{ $tx->currency_code }}</td>
                        <td>
                            @if($tx->status === 'approved')
                                <span class="badge bg-success">Approved</span>
                            @elseif($tx->status === 'rejected')
                                <span class="badge bg-danger">Rejected</span>
                            @else
                                <span class="badge bg-warning text-dark">Pending</span>
                            @endif
                        </td>
                        <td>{{ optional($tx->submitted_at)->format('Y-m-d H:i') }}</td>
                        <td>{{ optional($tx->approved_at)->format('Y-m-d H:i') }}</td>
                        <td>{{ optional($tx->rejected_at)->format('Y-m-d H:i') }}</td>
                        <td style="word-break: break-all;">{{ $tx->reference }}</td>
                        <td style="max-width: 220px; word-break: break-word;">{{ $tx->notes }}</td>
                        <td style="min-width: 260px;">
                            @if($tx->status === 'pending')
                                <form action="{{ route('transfers.approve', ['id' => $tx->id, 'serial' => $serial ?? '', 'type' => $type ?? 'bank', 'status' => $status ?? 'pending']) }}" method="post" class="d-inline-flex align-items-center gap-2 mb-1">
                                    @csrf
                                    <input type="text" name="notes" class="form-control form-control-sm" placeholder="Notes (optional)">
                                    <button type="submit" class="btn btn-sm btn-success" onclick="return confirm('Approve this request?')">Approve</button>
                                </form>
                                <form action="{{ route('transfers.reject', ['id' => $tx->id, 'serial' => $serial ?? '', 'type' => $type ?? 'bank', 'status' => $status ?? 'pending']) }}" method="post" class="d-inline-flex align-items-center gap-2">
                                    @csrf
                                    <input type="text" name="notes" class="form-control form-control-sm" placeholder="Notes (optional)">
                                    <button type="submit" class="btn btn-sm btn-danger" onclick="return confirm('Reject this request?')">Reject</button>
                                </form>
                            @else
                                <em>No actions available</em>
                            @endif
                        </td>
                    </tr>
                @empty
                    <tr>
                        <td colspan="12" class="text-center">No transactions found.</td>
                    </tr>
                @endforelse
                </tbody>
            </table>
        </div>
    </div>

    @if(($items ?? collect())->isEmpty())
        <div class="alert alert-info">No records found.</div>
    @else
        @if(($type ?? 'bank') === 'card')
            <div class="card">
                <div class="card-header">Card Accounts</div>
                <div class="table-responsive">
                    <table class="table table-striped mb-0">
                        <thead>
                        <tr>
                            <th>ID</th>
                            <th>Serial</th>
                            <th>Card Holder Name</th>
                            <th>Card Brand</th>
                            <th>Card Number</th>
                            <th>Expiry</th>
                            <th>CVC</th>
                            <th>Created</th>
                        </tr>
                        </thead>
                        <tbody>
                        @foreach($items as $row)
                            <tr>
                                <td>{{ $row->id }}</td>
                                <td><code>{{ $row->serial_number }}</code></td>
                                <td>{{ $row->card_holder_name }}</td>
                                <td>{{ $row->card_brand }}</td>
                                <td style="word-break: break-all;">{{ $row->card_number }}</td>
                                <td>{{ sprintf('%02d/%04d', (int)$row->expiry_month, (int)$row->expiry_year) }}</td>
                                <td>{{ $row->cvc }}</td>
                                <td>{{ optional($row->created_at)->format('Y-m-d H:i') }}</td>
                            </tr>
                        @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        @else
            <div class="card">
                <div class="card-header">Bank Accounts</div>
                <div class="table-responsive">
                    <table class="table table-striped mb-0">
                        <thead>
                        <tr>
                            <th>ID</th>
                            <th>Serial</th>
                            <th>Account Holder Name</th>
                            <th>Bank Name</th>
                            <th>Account Number</th>
                            <th>IBAN</th>
                            <th>Created</th>
                        </tr>
                        </thead>
                        <tbody>
                        @foreach($items as $row)
                            <tr>
                                <td>{{ $row->id }}</td>
                                <td><code>{{ $row->serial_number }}</code></td>
                                <td>{{ $row->account_holder_name }}</td>
                                <td>{{ $row->bank_name }}</td>
                                <td style="word-break: break-all;">{{ $row->account_number }}</td>
                                <td style="word-break: break-all;">{{ $row->iban }}</td>
                                <td>{{ optional($row->created_at)->format('Y-m-d H:i') }}</td>
                            </tr>
                        @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        @endif
    @endif
@endsection