@extends('layouts.member')

@section('title', 'Dropshipping Orders - ElevateWell Worldwide')

@section('content')
<div class="space-y-6">
    <div>
        <h1 class="text-2xl font-bold text-slate-800 dark:text-white">Dropshipping Orders</h1>
        <p class="text-xs text-slate-500">Retail customer orders fulfilled directly by the company via your affiliate store link.</p>
    </div>

    <div class="bg-white dark:bg-slate-800 rounded-2xl border border-slate-200 dark:border-slate-700 shadow-sm overflow-hidden">
        <div class="overflow-x-auto">
            <table class="w-full text-left text-xs">
                <thead class="bg-slate-50 dark:bg-slate-700/50 text-slate-600 dark:text-slate-300 font-bold uppercase tracking-wider">
                    <tr>
                        <th class="px-6 py-4">Order Number</th>
                        <th class="px-6 py-4">Customer Name</th>
                        <th class="px-6 py-4">Items</th>
                        <th class="px-6 py-4">Retail Total</th>
                        <th class="px-6 py-4">Your Commission</th>
                        <th class="px-6 py-4">Status</th>
                    </tr>
                </thead>
                <tbody class="divide-y divide-slate-100 dark:divide-slate-700 text-slate-700 dark:text-slate-200">
                    @forelse($orders as $order)
                        <tr class="hover:bg-slate-50 dark:hover:bg-slate-700/30">
                            <td class="px-6 py-4 font-mono font-bold text-sky-700 dark:text-sky-400">{{ $order->order_number }}</td>
                            <td class="px-6 py-4 font-semibold">{{ $order->recipient_name }}</td>
                            <td class="px-6 py-4">
                                @foreach($order->items as $item)
                                    <div>{{ $item->item_name }} (x{{ $item->quantity }})</div>
                                @endforeach
                            </td>
                            <td class="px-6 py-4 font-bold">₱{{ number_format($order->total_amount, 2) }}</td>
                            <td class="px-6 py-4 font-extrabold text-emerald-600">₱{{ number_format($order->total_amount * 0.20, 2) }}</td>
                            <td class="px-6 py-4">
                                <span class="px-2.5 py-1 rounded-full text-[10px] font-bold uppercase {{ $order->order_status === 'delivered' ? 'bg-emerald-100 text-emerald-800' : 'bg-blue-100 text-blue-800' }}">
                                    {{ $order->order_status }}
                                </span>
                            </td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="6" class="px-6 py-12 text-center text-slate-400">
                                No affiliate dropship orders received yet. Share your store link on social media to generate automated retail sales!
                            </td>
                        </tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </div>
</div>
@endsection