@extends('layouts.app')
@section('title', __('Low Stock Reorder'))

@section('content')
    <div class="mb-4 flex items-center justify-between">
        <p class="text-sm text-slate-500">{{ __('Draft purchase orders generated from low-stock products, pending approval.') }}</p>
        <form method="POST" action="{{ route('reorder.generate') }}">@csrf
            <button class="btn-primary"><x-icon name="plus" class="h-4 w-4"/>{{ __('Generate drafts') }}</button>
        </form>
    </div>

    {{-- AI reorder predictions (#28) --}}
    @if (! empty($predictions))
        <div class="card mb-6">
            <div class="flex items-center gap-2">
                <h2 class="font-semibold text-slate-800">{{ __('AI reorder predictions') }}</h2>
                <span class="badge bg-brand-100 text-brand-700">{{ __(':days-day forecast', ['days' => 45]) }}</span>
            </div>
            <p class="mt-1 text-xs text-slate-400">{{ __('Based on average daily sales velocity and days of cover.') }}</p>
            <div class="mt-4 table-wrap">
                <table class="min-w-full divide-y divide-slate-100">
                    <thead><tr>
                        <th class="th">{{ __('Product') }}</th>
                        <th class="th">{{ __('On hand') }}</th>
                        <th class="th">{{ __('Avg/day') }}</th>
                        <th class="th">{{ __('Days cover') }}</th>
                        <th class="th">{{ __('Suggested qty') }}</th>
                        <th class="th">{{ __('Confidence') }}</th>
                    </tr></thead>
                    <tbody class="divide-y divide-slate-100">
                        @foreach ($predictions as $row)
                            <tr class="hover:bg-slate-50">
                                <td class="td font-medium">{{ $row['name'] }}<span class="block text-xs text-slate-400">{{ $row['supplier'] ?? __('Unassigned') }}</span></td>
                                <td class="td">{{ $row['on_hand'] }}</td>
                                <td class="td">{{ $row['avg_daily_sales'] }}</td>
                                <td class="td">
                                    @if ($row['days_cover'] !== null)
                                        <span class="badge {{ $row['days_cover'] <= 15 ? 'bg-red-100 text-red-700' : 'bg-amber-100 text-amber-700' }}">{{ $row['days_cover'] }}d</span>
                                    @else — @endif
                                </td>
                                <td class="td font-semibold text-brand-700">{{ $row['suggested_quantity'] }}</td>
                                <td class="td">
                                    <div class="flex items-center gap-2">
                                        <div class="h-1.5 w-16 rounded bg-slate-100"><div class="h-1.5 rounded bg-brand-500" style="width: {{ $row['confidence'] }}%"></div></div>
                                        <span class="text-xs text-slate-400">{{ $row['confidence'] }}%</span>
                                    </div>
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    @endif

    <h2 class="mb-3 font-semibold text-slate-800">{{ __('Draft orders') }}</h2>
    <div class="table-wrap">
        <table class="min-w-full divide-y divide-slate-100">
            <thead class="bg-slate-50"><tr>
                <th class="th">{{ __('Reference') }}</th><th class="th">{{ __('Supplier') }}</th><th class="th">{{ __('Items') }}</th>
                <th class="th">{{ __('Estimated total') }}</th><th class="th">{{ __('Status') }}</th><th class="th"></th>
            </tr></thead>
            <tbody class="divide-y divide-slate-100">
                @forelse ($orders as $order)
                    <tr class="hover:bg-slate-50">
                        <td class="td font-mono text-xs">{{ $order->reference }}</td>
                        <td class="td">{{ $order->supplier?->name ?? __('Unassigned') }}</td>
                        <td class="td">{{ $order->items->count() }}</td>
                        <td class="td font-semibold">{{ money($order->estimated_total) }}</td>
                        <td class="td">
                            <span class="badge {{ $order->status === 'approved' ? 'bg-brand-100 text-brand-700' : ($order->status==='rejected'?'bg-red-100 text-red-700':'bg-amber-100 text-amber-700') }}">
                                {{ __(ucfirst(str_replace('_',' ', $order->status))) }}
                            </span>
                        </td>
                        <td class="td text-right">
                            <div class="flex justify-end gap-2">
                                @if (in_array($order->status, ['draft','pending_approval']))
                                    <form method="POST" action="{{ route('reorder.approve', $order) }}">@csrf<button class="btn-primary !px-2 !py-1 text-xs">{{ __('Approve') }}</button></form>
                                    <form method="POST" action="{{ route('reorder.reject', $order) }}">@csrf<button class="btn-secondary !px-2 !py-1 text-xs">{{ __('Reject') }}</button></form>
                                @endif
                                <a href="{{ route('reorder.pdf', $order) }}" class="text-brand-600"><x-icon name="printer" class="h-4 w-4"/></a>
                            </div>
                        </td>
                    </tr>
                @empty
                    <tr><td colspan="6" class="td py-10 text-center text-slate-400">{{ __('No reorder drafts.') }}</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
    <div class="mt-4">{{ $orders->links() }}</div>
@endsection