@extends('layouts.admin')
@section('title', 'Orders')
@section('topbar-title', 'Orders')

@section('content')
<div class="page-header">
    <div>
        <h1>Orders</h1>
        <div class="breadcrumb">Manage all platform orders</div>
    </div>
</div>
<div class="card">
    <div class="card-header"><h3>All Orders ({{ $orders->total() }})</h3></div>
    <div style="padding:14px 16px;border-bottom:1px solid var(--border);">
        <form method="GET" class="filters">
            <input type="text" name="search" placeholder="Search invoice..." value="{{ request('search') }}" style="max-width:220px;">
            <select name="status" style="max-width:150px;">
                <option value="">All Statuses</option>
                @foreach(['pending','paid','failed','refunded'] as $s)
                <option value="{{ $s }}" {{ request('status') == $s ? 'selected' : '' }}>{{ ucfirst($s) }}</option>
                @endforeach
            </select>
            <button type="submit" class="btn btn-outline btn-sm"><i class="fa fa-filter"></i> Filter</button>
            @if(request()->hasAny(['search','status']))<a href="{{ route('admin.orders') }}" class="btn btn-outline btn-sm">Clear</a>@endif
        </form>
    </div>
    <div class="table-wrap">
        <table>
            <thead>
                <tr><th>Invoice</th><th>User</th><th>Product</th><th>IP</th><th>Cycle</th><th>Amount</th><th>Status</th><th>Date</th><th></th></tr>
            </thead>
            <tbody>
                @forelse($orders as $order)
                <tr>
                    <td style="font-family:monospace;font-size:0.75rem;color:var(--muted);">{{ $order->invoice_number }}</td>
                    <td>
                        <div style="font-weight:600;font-size:0.85rem;">{{ $order->user->name }}</div>
                        <div style="color:var(--muted);font-size:0.74rem;">{{ $order->user->email }}</div>
                    </td>
                    <td>{{ $order->plan->product->name }}</td>
                    <td style="font-family:monospace;font-size:0.78rem;color:var(--muted);">{{ $order->server_ip }}</td>
                    <td style="font-size:0.8rem;color:var(--muted);">{{ $order->billing_cycle }}</td>
                    <td style="font-weight:600;">${{ number_format($order->amount, 2) }}</td>
                    <td><span class="badge badge-{{ $order->status }}">{{ ucfirst($order->status) }}</span></td>
                    <td style="font-size:0.76rem;color:var(--muted);">{{ $order->created_at->format('M j, Y') }}</td>
                    <td>
                        @if($order->status === 'pending')
                        <form action="{{ route('admin.orders.approve', $order) }}" method="POST">
                            @csrf
                            <button class="btn btn-success btn-sm" onclick="return confirm('Approve this order and create license?')">
                                <i class="fa fa-check"></i> Approve
                            </button>
                        </form>
                        @endif
                    </td>
                </tr>
                @empty
                <tr><td colspan="9" style="text-align:center;padding:40px;color:var(--muted);">No orders found</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
    <div style="padding:14px 16px;border-top:1px solid var(--border);">{{ $orders->withQueryString()->links() }}</div>
</div>
@endsection