@extends('layouts.app')
@section('title', 'Food Cost by Item')
@section('content')
<div class="d-flex justify-content-between mb-3">
    <h4>Food Cost by Menu Item</h4>
    <a href="{{ route('admin.ingredients.index') }}" class="btn btn-outline-dark btn-sm">Ingredients</a>
</div>
<p class="small text-muted">Only items with a recipe defined show here. Add a recipe from Menu → Edit Item.</p>
<table class="table bg-white">
    <thead><tr><th>Item</th><th>Selling Price</th><th>Recipe Cost</th><th>Food Cost %</th></tr></thead>
    <tbody>
    @foreach ($products as $p)
    @php $pct = $p->foodCostPercent(); @endphp
    <tr class="{{ $pct && $pct > 35 ? 'table-warning' : '' }}">
        <td><a href="{{ route('admin.recipes.edit', $p) }}">{{ $p->name }}</a></td>
        <td>{{ number_format($p->price, 2) }}</td>
        <td>{{ number_format($p->recipeCost(), 2) }}</td>
        <td>{{ $pct !== null ? $pct.'%' : '-' }}</td>
    </tr>
    @endforeach
    </tbody>
</table>
<p class="small text-muted">Highlighted rows are above 35% food cost — a common threshold worth reviewing pricing or portioning on.</p>
@endsection