@extends('layouts.app')

@section('title', 'Savings')

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

<x-page-header title="Savings Tracker" subtitle="Realized and estimated procurement savings." />

<div class="row mb-4">
    <div class="col-md-6 mb-3">
        <x-kpi-card
            label="Realized Savings"
            :value="number_format($totals['realized'] ?? 0, 2).' SAR'"
            icon="fas fa-piggy-bank"
            color="green" />
    </div>
    <div class="col-md-6 mb-3">
        <x-kpi-card
            label="Estimated Savings"
            :value="number_format($totals['estimated'] ?? 0, 2).' SAR'"
            icon="fas fa-chart-line"
            color="blue" />
    </div>
</div>

<div class="procure-filters">
    <form method="GET" action="{{ route('savings.index') }}" class="row align-items-end">
        <div class="col-md-4 mb-2">
            <label class="small text-muted">Savings Type</label>
            <select name="savings_type" class="form-control form-control-sm" style="border-radius:8px;">
                <option value="">All types</option>
                @foreach(['price_reduction','supplier_switch','volume_discount','waste_avoidance','negotiation','other'] as $type)
                    <option value="{{ $type }}" @selected(request('savings_type') === $type)>
                        {{ ucfirst(str_replace('_', ' ', $type)) }}
                    </option>
                @endforeach
            </select>
        </div>
        <div class="col-md-4 mb-2">
            <label class="small text-muted">Realization</label>
            <select name="realized" class="form-control form-control-sm" style="border-radius:8px;">
                <option value="">All</option>
                <option value="1" @selected(request('realized') === '1')>Realized</option>
                <option value="0" @selected(request('realized') === '0')>Estimated</option>
            </select>
        </div>
        <div class="col-md-4 mb-2">
            <button type="submit" class="procure-btn w-100"><i class="fas fa-filter"></i> Filter</button>
        </div>
    </form>
</div>

@if(($savings ?? collect())->isEmpty())
    <div class="chart-card">
        <div class="chart-card-body">
            <x-empty-state icon="fas fa-piggy-bank" title="No savings logged" message="Savings appear when recommendations are accepted or negotiated." />
        </div>
    </div>
@else
    <div class="chart-card">
        <div class="chart-card-body" style="overflow-x:auto;">
            <table class="procure-table">
                <thead>
                    <tr>
                        <th>Type</th>
                        <th>Amount (SAR)</th>
                        <th>Estimated</th>
                        <th>Realized</th>
                        <th>Source</th>
                        <th>Recommendation</th>
                        <th>Notes</th>
                        <th>Logged</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($savings as $log)
                        <tr>
                            <td>{{ ucfirst(str_replace('_', ' ', $log->savings_type ?? '')) }}</td>
                            <td><strong>{{ number_format($log->amount_sar ?? 0, 2) }}</strong></td>
                            <td>{{ $log->estimated_amount_sar !== null ? number_format($log->estimated_amount_sar, 2) : '—' }}</td>
                            <td>
                                @if($log->realized)
                                    <span class="expiry-badge green">Yes</span>
                                    <div class="small text-muted">{{ optional($log->realized_at)->format('Y-m-d') }}</div>
                                @else
                                    <span class="expiry-badge yellow">No</span>
                                @endif
                            </td>
                            <td>{{ ucfirst(str_replace('_', ' ', $log->source_type ?? '—')) }}</td>
                            <td>
                                @if($log->recommendation)
                                    <a href="{{ route('recommendations.show', $log->recommendation) }}">#{{ $log->recommendation_id }}</a>
                                @else
                                    —
                                @endif
                            </td>
                            <td>{{ \Illuminate\Support\Str::limit($log->notes, 40) ?: '—' }}</td>
                            <td>{{ optional($log->created_at)->format('Y-m-d') }}</td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
        @if(method_exists($savings, 'links'))
            <div class="px-3 pb-3">{{ $savings->withQueryString()->links() }}</div>
        @endif
    </div>
@endif
@endsection