@php
    $statusColors = [
        'pending' => ['bg-warning text-dark', 'fa-clock', 'Pending Review'],
        'approved' => ['bg-success', 'fa-check-circle', 'Approved'],
        'rejected' => ['bg-danger', 'fa-times-circle', 'Rejected'],
    ];
    $status = $statusColors[$transfer->status] ?? ['bg-secondary', 'fa-question-circle', 'Unknown'];
@endphp

<div class="card border-0 shadow-sm mb-4 border-start border-4
    @if($transfer->status === 'approved') border-success
    @elseif($transfer->status === 'rejected') border-danger
    @else border-warning
    @endif
">
    <div class="card-body">
        <div class="d-flex flex-wrap align-items-start justify-content-between gap-3 mb-3">
            <div>
                <h6 class="fw-700 mb-1">
                    <i class="fas fa-receipt text-primary me-2"></i>Your Submitted Receipt
                </h6>
                <small class="text-muted">
                    Submitted {{ $transfer->created_at?->diffForHumans() ?? 'recently' }}
                </small>
            </div>
            <span class="badge {{ $status[0] }} fs-6">
                <i class="fas {{ $status[1] }} me-1"></i> {{ $status[2] }}
            </span>
        </div>

        <div class="row g-3">
            {{-- Payment Note --}}
            @if($transfer->payment_note)
                <div class="col-12">
                    <div class="text-muted small text-uppercase fw-600 mb-1">Payment Note</div>
                    <div class="bg-light p-2 rounded small">{{ $transfer->payment_note }}</div>
                </div>
            @endif

            {{-- Receipt Download --}}
            <div class="col-md-6">
                <div class="text-muted small text-uppercase fw-600 mb-1">Receipt File</div>
                <a href="{{ route('account.bank-transfers.receipt', $order) }}"
                   class="btn btn-sm btn-outline-primary">
                    <i class="fas fa-download me-1"></i> Download Receipt
                </a>
            </div>

            {{-- Reviewed Info --}}
            @if($transfer->reviewed_at)
                <div class="col-md-6">
                    <div class="text-muted small text-uppercase fw-600 mb-1">Reviewed</div>
                    <div class="small">{{ $transfer->reviewed_at->format('M d, Y H:i') }}</div>
                </div>
            @endif

            {{-- Rejection Reason --}}
            @if($transfer->status === 'rejected' && $transfer->rejection_reason)
                <div class="col-12">
                    <div class="alert alert-danger mb-0 mt-2">
                        <div class="fw-600 mb-1">
                            <i class="fas fa-exclamation-triangle me-1"></i> Rejection Reason
                        </div>
                        <div class="small">{{ $transfer->rejection_reason }}</div>
                    </div>
                </div>
            @endif

            {{-- Approval Notice --}}
            @if($transfer->status === 'approved')
                <div class="col-12">
                    <div class="alert alert-success mb-0 mt-2">
                        <i class="fas fa-check-circle me-2"></i>
                        Your payment has been approved. Your order will be processed shortly.
                    </div>
                </div>
            @endif
        </div>
    </div>
</div>