@extends('layouts.app')

@section('title', 'Recommendations')

@section('content')
<x-breadcrumb :items="[['label' => 'Recommendations']]" />

<x-page-header title="Recommendations" subtitle="AI and rule-based procurement recommendations." />

<div class="procure-filters">
    <form method="GET" action="{{ route('recommendations.index') }}" class="row align-items-end">
        <div class="col-md-3 mb-2">
            <label class="small text-muted">Type</label>
            <select name="type" class="form-control form-control-sm" style="border-radius:8px;">
                <option value="">All types</option>
                @foreach(['price_drop','switch_supplier','reorder','consolidate','waste_avoidance'] as $type)
                    <option value="{{ $type }}" @selected(request('type') === $type)>{{ ucfirst(str_replace('_', ' ', $type)) }}</option>
                @endforeach
            </select>
        </div>
        <div class="col-md-3 mb-2">
            <label class="small text-muted">Priority</label>
            <select name="priority" class="form-control form-control-sm" style="border-radius:8px;">
                <option value="">All</option>
                @foreach(['high','medium','low'] as $p)
                    <option value="{{ $p }}" @selected(request('priority') === $p)>{{ ucfirst($p) }}</option>
                @endforeach
            </select>
        </div>
        <div class="col-md-3 mb-2">
            <label class="small text-muted">Status</label>
            <select name="status" class="form-control form-control-sm" style="border-radius:8px;">
                <option value="">All</option>
                @foreach(['open','accepted','rejected','expired'] as $st)
                    <option value="{{ $st }}" @selected(request('status') === $st)>{{ ucfirst($st) }}</option>
                @endforeach
            </select>
        </div>
        <div class="col-md-3 mb-2">
            <button type="submit" class="procure-btn w-100"><i class="fas fa-filter"></i> Filter</button>
        </div>
    </form>
</div>

@if(($recommendations ?? collect())->isEmpty())
    <div class="chart-card">
        <div class="chart-card-body">
            <x-empty-state icon="fas fa-lightbulb" title="No recommendations" message="Recommendations will appear as price and stock signals are detected." />
        </div>
    </div>
@else
    <div class="chart-card">
        <div class="chart-card-body" style="overflow-x:auto;">
            <table class="procure-table">
                <thead>
                    <tr>
                        <th>Title</th>
                        <th>Type</th>
                        <th>Item</th>
                        <th>Supplier</th>
                        <th>Est. Savings</th>
                        <th>Priority</th>
                        <th>Status</th>
                        <th>Generated</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($recommendations as $rec)
                        <tr>
                            <td>
                                <a href="{{ route('recommendations.show', $rec) }}" class="font-weight-bold" style="color:#1e293b;">
                                    {{ $rec->title }}
                                </a>
                            </td>
                            <td>{{ ucfirst(str_replace('_', ' ', $rec->recommendation_type ?? '')) }}</td>
                            <td>{{ $rec->item->name_en ?? '—' }}</td>
                            <td>{{ $rec->supplier->name ?? '—' }}</td>
                            <td>
                                @if($rec->estimated_savings !== null)
                                    {{ number_format($rec->estimated_savings, 2) }} {{ $rec->currency ?? 'SAR' }}
                                @else
                                    —
                                @endif
                            </td>
                            <td>
                                @php
                                    $prio = strtolower($rec->priority ?? 'medium');
                                    $prioClass = $prio === 'high' ? 'red' : ($prio === 'low' ? 'green' : 'yellow');
                                @endphp
                                <span class="expiry-badge {{ $prioClass }}">{{ ucfirst($prio) }}</span>
                            </td>
                            <td><x-status-badge :status="$rec->status" /></td>
                            <td>{{ optional($rec->generated_at)->format('Y-m-d') ?? '—' }}</td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
        @if(method_exists($recommendations, 'links'))
            <div class="px-3 pb-3">{{ $recommendations->withQueryString()->links() }}</div>
        @endif
    </div>
@endif
@endsection