@extends('admin.layout')
@section('title', 'Quản lý đơn hàng')
@section('greeting') QUẢN LÝ <span>ĐƠN HÀNG</span> @endsection
@section('subtitle') Theo dõi và xử lý các đơn hàng @endsection

@section('content')
    <div class="card">
        <div class="card-header">
            <h3><i class="fas fa-receipt" style="color:var(--accent);margin-right:8px;"></i>Đơn hàng ({{ $orders->total() }})</h3>
            <form method="GET" style="display:flex;flex-wrap:wrap;gap:8px;">
                <input type="text" name="search" class="ad-input" placeholder="Tìm username, mã CK..." value="{{ request('search') }}" style="width:200px;">
                <select name="status" class="ad-input ad-select" style="width:140px;">
                    <option value="">Tất cả</option>
                    <option value="pending" {{ request('status')==='pending' ? 'selected' : '' }}>Pending</option>
                    <option value="completed" {{ request('status')==='completed' ? 'selected' : '' }}>Completed</option>
                    <option value="amount_mismatch" {{ request('status')==='amount_mismatch' ? 'selected' : '' }}>Mismatch</option>
                </select>
                <button type="submit" class="btn btn-primary"><i class="fas fa-search"></i> Tìm</button>
            </form>
        </div>

        <div style="overflow-x:auto;">
            <table class="ad-table">
                <thead>
                    <tr><th>ID</th><th>User</th><th>Gói</th><th>Số tiền</th><th>Nội dung CK</th><th>Trạng thái</th><th>Ngày tạo</th><th>Actions</th></tr>
                </thead>
                <tbody>
                    @forelse($orders as $order)
                    <tr>
                        <td style="color:var(--text-muted);font-size:12px;font-family:monospace;">#{{ $order->id }}</td>
                        <td style="font-weight:600;color:var(--text);">{{ $order->username }}</td>
                        <td><span class="badge badge-info">{{ strtoupper($order->plan_id) }}</span></td>
                        <td style="font-weight:700;color:var(--accent);">{{ number_format($order->amount) }}đ</td>
                        <td style="font-family:monospace;font-size:12px;color:var(--text-muted);">{{ $order->transfer_content }}</td>
                        <td>
                            @if($order->status === 'completed')<span class="badge badge-success"><i class="fas fa-check"></i> Completed</span>
                            @elseif($order->status === 'pending')<span class="badge badge-warning"><i class="fas fa-clock"></i> Pending</span>
                            @else<span class="badge badge-danger"><i class="fas fa-exclamation"></i> Mismatch</span>@endif
                        </td>
                        <td style="font-size:12px;color:var(--text-muted);">{{ \Carbon\Carbon::parse($order->created_at)->format('d/m/Y H:i') }}</td>
                        <td>
                            <div style="display:flex;gap:4px;">
                                @if($order->status !== 'completed')
                                <form method="POST" action="{{ route('admin.orders.status', $order->id) }}" onsubmit="return confirm('Duyệt đơn #{{ $order->id }}?')">
                                    @csrf @method('PUT')
                                    <input type="hidden" name="status" value="completed">
                                    <button type="submit" class="btn btn-primary btn-sm"><i class="fas fa-check"></i> Duyệt</button>
                                </form>
                                @endif
                                @if($order->status === 'completed')
                                <form method="POST" action="{{ route('admin.orders.status', $order->id) }}" onsubmit="return confirm('Hoàn tiền đơn #{{ $order->id }}? Hoa hồng affiliate sẽ bị thu hồi!')">
                                    @csrf @method('PUT')
                                    <input type="hidden" name="status" value="pending">
                                    <button type="submit" class="btn btn-outline btn-sm"><i class="fas fa-undo"></i> Hoàn</button>
                                </form>
                                <form method="POST" action="{{ route('admin.orders.delete', $order->id) }}" onsubmit="return confirm('Xóa vĩnh viễn đơn #{{ $order->id }}?')">
                                    @csrf @method('DELETE')
                                    <button type="submit" class="btn btn-danger btn-sm"><i class="fas fa-trash"></i></button>
                                </form>
                                @endif
                            </div>
                        </td>
                    </tr>
                    @empty
                    <tr><td colspan="8" style="text-align:center;color:var(--text-muted);padding:40px;">Không có đơn hàng.</td></tr>
                    @endforelse
                </tbody>
            </table>
        </div>

        {{ $orders->links('admin.pagination') }}
    </div>
@endsection