@extends('layouts.app')
@section('title', 'Recipes & Production')

@section('content')
<div class="space-y-6">
    <div>
        <h1 class="text-xl font-bold">Recipes &amp; Production</h1>
        <p class="text-sm text-ink-muted">Build a bill of ingredients for every menu item so a sale automatically deducts stock and shows true food/beverage cost.</p>
    </div>

    <form method="GET" class="card card-pad !p-3 flex flex-col sm:flex-row gap-2">
        <input type="text" name="search" value="{{ request('search') }}" placeholder="Search products…" class="input flex-1">
        <select name="status" class="input sm:w-56" onchange="this.form.submit()">
            <option value="">All products</option>
            <option value="with_recipe" @selected(request('status') === 'with_recipe')>Has recipe</option>
            <option value="without_recipe" @selected(request('status') === 'without_recipe')>No recipe yet</option>
        </select>
    </form>

    <div class="card overflow-x-auto">
        <table class="data-table">
            <thead><tr><th>Product</th><th>Ingredients</th><th class="text-right">Selling price</th>@can('data.costs')<th class="text-right">Recipe cost</th><th class="text-right">Gross profit</th><th class="text-right">GP%</th>@endcan<th></th></tr></thead>
            <tbody>
                @forelse ($products as $product)
                    @php
                        $cost = $product->recipe ? $product->recipe->costPerYieldUnit() : 0;
                        $gp = $product->selling_price - $cost;
                        $gpPct = $product->selling_price > 0 ? round(($gp / $product->selling_price) * 100, 1) : 0;
                    @endphp
                    <tr>
                        <td class="font-medium">{{ $product->name }}</td>
                        <td>
                            @if ($product->has_recipe && $product->recipe)
                                <span class="text-xs text-ink-muted">{{ $product->recipe->items->count() }} ingredient(s)</span>
                            @else
                                <x-badge color="amber">No recipe</x-badge>
                            @endif
                        </td>
                        <td class="text-right">{{ number_format($product->selling_price, 2) }}</td>
                        @can('data.costs')
                        <td class="text-right">{{ $product->has_recipe ? number_format($cost, 2) : '—' }}</td>
                        <td class="text-right font-semibold {{ $gp < 0 ? 'text-danger' : 'text-success' }}">{{ $product->has_recipe ? number_format($gp, 2) : '—' }}</td>
                        <td class="text-right">{{ $product->has_recipe ? $gpPct.'%' : '—' }}</td>
                        @endcan
                        <td class="text-right">@can('recipes.manage')<a href="{{ route('inventory.recipes.edit', $product) }}" class="btn-ghost btn-sm">{{ $product->has_recipe ? 'Edit recipe' : 'Add recipe' }}</a>@endcan</td>
                    </tr>
                @empty
                    <tr><td colspan="7" class="text-center text-ink-muted py-8">No menu items found.</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
    {{ $products->links() }}
</div>
@endsection