@extends('layouts.admin')

@section('title', 'Edit Bottle Intake · Aromaniacs ERP')
@section('overline', 'Inventory')
@section('heading', 'Edit Bottle Intake')

@section('content')
    <section class="card max-w-3xl">
        <div class="mb-5 grid grid-cols-3 gap-4 text-sm">
            <div>
                <p class="label" style="color: var(--color-ink-40);">Original volume</p>
                <p style="color: var(--color-ink);">{{ number_format((float) $intake->volume_ml, 2) }} ml</p>
            </div>
            <div>
                <p class="label" style="color: var(--color-ink-40);">Ledger balance</p>
                <p style="color: var(--color-ink);">{{ number_format((float) $ledgerBalanceMl, 2) }} ml</p>
            </div>
            <div>
                <p class="label" style="color: var(--color-ink-40);">Remaining (from sales)</p>
                <p style="color: var(--color-ink); font-weight: 600;">{{ number_format((float) $remainingMl, 2) }} ml</p>
            </div>
        </div>

        <form method="POST" action="{{ route('admin.bottle-intakes.update', $intake) }}">
            @csrf
            @method('PUT')

            <div class="mb-5">
                <label for="current_level_ml" class="label block mb-2" style="color: var(--color-ink-70);">Current juice level (ml)</label>
                <input
                    id="current_level_ml"
                    name="current_level_ml"
                    type="number"
                    step="0.01"
                    min="0"
                    value="{{ old('current_level_ml', $intake->current_level_ml) }}"
                    class="input"
                    placeholder="e.g. 72.5 — leave empty to use ledger balance only"
                >
                <p class="mt-1 text-xs" style="color: var(--color-ink-40);">
                    Optional physical reading from the vial. Saving writes a stock adjustment so the ledger matches this level. Confirmed orders update the ledger automatically.
                </p>
                @error('current_level_ml')
                    <p class="mt-2 text-xs" style="color: var(--color-lilac);">{{ $message }}</p>
                @enderror
            </div>

            @include('admin.bottle-intakes._form')
        </form>
    </section>
@endsection