@extends('admin.layout')
@section('title', 'Gạch thẻ cào')
@section('heading', 'Kiểm tra gạch thẻ cào')

@section('content')
    <div class="admin-panel">
        <div class="panel-head">
            <h2>Thẻ cào đã gửi</h2>
            <div class="filter-tabs">
                @foreach(['all' => 'Tất cả', 'pending' => 'Chờ xử lý', 'success' => 'Thành công', 'failed' => 'Sai/Thất bại'] as $k => $label)
                    <a href="{{ route('admin.exchanges', ['status' => $k]) }}" class="{{ $status === $k ? 'active' : '' }}">{{ $label }}</a>
                @endforeach
            </div>
        </div>

        <div class="table-wrap">
            <table class="admin-table">
                <thead>
                    <tr><th>ID</th><th>Nhà mạng</th><th>Serial</th><th>Mã thẻ</th><th>Mệnh giá</th><th>Thực nhận</th><th>Khách</th><th>Trạng thái</th><th>Duyệt</th></tr>
                </thead>
                <tbody>
                    @forelse($exchanges as $e)
                        <tr>
                            <td>#{{ $e->id }}</td>
                            <td>{{ $e->telco }}</td>
                            <td class="muted">{{ $e->serial }}</td>
                            <td class="muted">{{ $e->code }}</td>
                            <td>{{ number_format($e->amount, 0, ',', '.') }}đ</td>
                            <td>{{ $e->real_value ? number_format($e->real_value, 0, ',', '.').'đ' : '—' }}</td>
                            <td>{{ $e->user->name ?? 'Khách' }}</td>
                            <td>@include('admin.partials.status', ['status' => $e->status])</td>
                            <td>
                                <form method="POST" action="{{ route('admin.exchanges.status', $e) }}" class="inline-approve">
                                    @csrf
                                    <input type="number" name="real_value" class="input sm" placeholder="Thực nhận" value="{{ $e->real_value ?: '' }}">
                                    <select name="status" class="input sm">
                                        <option value="pending" {{ $e->status === 'pending' ? 'selected' : '' }}>Chờ</option>
                                        <option value="success" {{ $e->status === 'success' ? 'selected' : '' }}>OK</option>
                                        <option value="failed" {{ $e->status === 'failed' ? 'selected' : '' }}>Sai</option>
                                    </select>
                                    <button class="btn-ghost sm">Lưu</button>
                                </form>
                            </td>
                        </tr>
                    @empty
                        <tr><td colspan="9" class="empty">Chưa có thẻ nào được gửi.</td></tr>
                    @endforelse
                </tbody>
            </table>
        </div>
        <div class="admin-pagination">{{ $exchanges->links() }}</div>
    </div>
@endsection