@extends('layouts.app')
@section('title', 'Edit Menu Item')
@section('content')
<h4 class="mb-3">Edit: {{ $product->name }}</h4>
<div class="card p-4" style="max-width:500px;">
<form method="POST" action="{{ route('admin.products.update', $product) }}">
    @csrf @method('PUT')
    <div class="mb-2"><label class="form-label">Name</label><input name="name" class="form-control" value="{{ $product->name }}" required></div>
    <div class="mb-2">
        <label class="form-label">Category</label>
        <select name="category_id" class="form-select">
            <option value="">-- none --</option>
            @foreach ($categories as $c)<option value="{{ $c->id }}" {{ $product->category_id == $c->id ? 'selected':'' }}>{{ $c->name }}</option>@endforeach
        </select>
    </div>
    <div class="mb-2">
        <label class="form-label">Preferred Supplier</label>
        <select name="preferred_supplier_id" class="form-select">
            <option value="">-- none --</option>
            @foreach ($suppliers as $s)<option value="{{ $s->id }}" {{ $product->preferred_supplier_id == $s->id ? 'selected':'' }}>{{ $s->name }}</option>@endforeach
        </select>
    </div>
    <div class="mb-2">
        <label class="form-label">Diet Type</label>
        <select name="diet_type" class="form-select">
            <option value="unspecified" {{ $product->diet_type == 'unspecified' ? 'selected':'' }}>Not specified</option>
            <option value="veg" {{ $product->diet_type == 'veg' ? 'selected':'' }}>Veg</option>
            <option value="non_veg" {{ $product->diet_type == 'non_veg' ? 'selected':'' }}>Non-Veg</option>
            <option value="vegan" {{ $product->diet_type == 'vegan' ? 'selected':'' }}>Vegan</option>
        </select>
    </div>
    <div class="mb-2">
        <label class="form-label">Serving Sequence (optional)</label>
        <select name="serve_sequence" class="form-select">
            <option value="" {{ !$product->serve_sequence ? 'selected':'' }}>No preference (serve together / whenever ready)</option>
            @for ($i = 1; $i <= 5; $i++)
            <option value="{{ $i }}" {{ $product->serve_sequence == $i ? 'selected':'' }}>Serve {{ $i }}{{ $i == 1 ? 'st' : ($i == 2 ? 'nd' : ($i == 3 ? 'rd' : 'th')) }}</option>
            @endfor
        </select>
        <div class="form-text">
            Only matters when an order has more than one item — tells kitchen/waitstaff
            what to bring out first. Leave blank for most items.
        </div>
    </div>
    <div class="mb-2">
        <label class="form-label">Base Price {{ $product->hasVariants() ? '(unused while variants exist below)' : '' }}</label>
        <input type="number" step="0.01" name="price" class="form-control" value="{{ $product->price }}" required>
    </div>
    <div class="form-check mb-2">
        <input type="checkbox" name="track_inventory" value="1" class="form-check-input" id="trackInv" {{ $product->track_inventory ? 'checked':'' }}>
        <label class="form-check-label" for="trackInv">Track Inventory</label>
    </div>
    <div class="mb-2"><label class="form-label">Stock Qty</label><input type="number" name="stock_qty" class="form-control" value="{{ $product->stock_qty }}"></div>
    <div class="mb-2"><label class="form-label">Low Stock Threshold</label><input type="number" name="low_stock_threshold" class="form-control" value="{{ $product->low_stock_threshold }}"></div>
    <div class="form-check mb-3">
        <input type="checkbox" name="is_active" value="1" class="form-check-input" id="isActive" {{ $product->is_active ? 'checked':'' }}>
        <label class="form-check-label" for="isActive">Active (visible on POS)</label>
    </div>
    <button class="btn btn-dark">Save Changes</button>
</form>
</div>
<div style="max-width:500px;">
    <a href="{{ route('admin.recipes.edit', $product) }}" class="btn btn-outline-dark btn-sm w-100">🥘 Manage Recipe / Food Cost</a>

<div class="card p-4 mt-3" style="max-width:500px;">
    <h6>Variants</h6>
    <p class="small text-muted">
        Add variants when this item is sold at different prices by size/option (e.g. 60ml/Qtr/Half/Full,
        or Regular/Sugar Free). If this item has any variants, staff pick one on the POS instead of the
        base price above.
    </p>
    <div class="mb-2 small fw-bold d-flex">
        <span style="width:45%;">Name</span><span style="width:25%;">Price</span>
    </div>
    @foreach ($product->variants as $v)
    <div class="d-flex align-items-center gap-2 mb-2">
        <form method="POST" action="{{ route('admin.products.variants.update', $v) }}" class="d-flex align-items-center gap-2 flex-grow-1">
            @csrf @method('PUT')
            <input name="name" value="{{ $v->name }}" class="form-control form-control-sm" style="width:45%;" required>
            <input type="number" step="0.01" name="price" value="{{ $v->price }}" class="form-control form-control-sm" style="width:25%;" required>
            <button class="btn btn-sm btn-outline-dark">Save</button>
        </form>
        <form method="POST" action="{{ route('admin.products.variants.destroy', $v) }}" onsubmit="return confirm('Remove this variant?')">
            @csrf @method('DELETE')
            <button class="btn btn-sm btn-outline-danger">✕</button>
        </form>
    </div>
    @endforeach

    <form method="POST" action="{{ route('admin.products.variants.store', $product) }}" class="d-flex gap-2 mt-2">
        @csrf
        <input name="name" class="form-control form-control-sm" placeholder="Variant name, e.g. Full 750ml" required>
        <input type="number" step="0.01" name="price" class="form-control form-control-sm" placeholder="Price" style="width:100px;" required>
        <button class="btn btn-sm btn-dark">+ Add Variant</button>
    </form>
</div>
@endsection