{% extends "admin_base.html" %}
{% import "macros/workspace_ui.html" as ui %}

{% block page_title %}Liquor stock{% endblock %}

{% block admin_content %}
<main class="blocks-workspace mx-auto w-full max-w-6xl px-4 py-6 md:px-6" id="liquor-operations">
    {{ ui::notice() }}
    <header class="mb-6">
        <h1 class="m-0 text-2xl font-bold">Liquor stock</h1>
        <p class="mt-1 text-muted">Set up bottles once, then count what is physically on hand at the end of the day. Blocks records any difference in stock history.</p>
    </header>

    <section class="mb-6 rounded-xl border border-divider bg-surface p-5" aria-labelledby="liquorSetupTitle">
        <h2 id="liquorSetupTitle" class="m-0 text-lg font-semibold">Set up a bottle item</h2>
        <p class="mt-1 text-sm text-muted">First add the item in Catalog and count it as bottles in Inventory. Use a separate item or size for stock used in a bar and stock sold in a shop.</p>
        <div class="mt-4 grid gap-4 sm:grid-cols-2">
            <div class="blocks-workspace-field"><label for="liquorProduct">Item</label><select id="liquorProduct" class="blocks-control blocks-control--select"><option value="">Choose an item</option></select></div>
            <div class="blocks-workspace-field" id="liquorVariantWrap" hidden><label for="liquorVariant">Size or option</label><select id="liquorVariant" class="blocks-control blocks-control--select"><option value="0">Whole item</option></select></div>
            <div class="blocks-workspace-field"><label for="liquorMode">Used in</label><select id="liquorMode" class="blocks-control blocks-control--select"><option value="retail">Shop / bottle sales</option><option value="bar">Bar bottle stock</option></select></div>
            <div class="blocks-workspace-field"><label for="liquorBottleMl">Bottle size (ml)</label><input id="liquorBottleMl" class="blocks-control" type="number" min="1" max="100000" step="1" inputmode="numeric" placeholder="For example, 750"></div>
        </div>
        <button type="button" id="liquorSaveItem" class="blocks-button blocks-button-primary mt-4">Save bottle setup</button>
        <div id="liquorConfigured" class="mt-4 text-sm text-muted"></div>
    </section>

    <section class="mb-6 rounded-xl border border-divider bg-surface p-5" aria-labelledby="liquorPegTitle">
        <h2 id="liquorPegTitle" class="m-0 text-lg font-semibold">Set up a measured peg</h2>
        <p class="mt-1 text-sm text-muted">Create a separate sale item for the peg in Catalog. Select the bottle it comes from and enter how many ml you pour. A sold peg then uses that fraction of a bottle automatically.</p>
        <div class="mt-4 grid gap-4 sm:grid-cols-2">
            <div class="blocks-workspace-field"><label for="liquorPegProduct">Peg sale item</label><select id="liquorPegProduct" class="blocks-control blocks-control--select"><option value="">Choose a sale item</option></select></div>
            <div class="blocks-workspace-field" id="liquorPegVariantWrap" hidden><label for="liquorPegVariant">Peg size or option</label><select id="liquorPegVariant" class="blocks-control blocks-control--select"><option value="0">Whole item</option></select></div>
            <div class="blocks-workspace-field"><label for="liquorPegBottle">Bottle stock item</label><select id="liquorPegBottle" class="blocks-control blocks-control--select"><option value="">Choose a bar bottle</option></select></div>
            <div class="blocks-workspace-field"><label for="liquorPourMl">Pour per peg (ml)</label><input id="liquorPourMl" class="blocks-control" type="number" min="0.001" max="100000" step="0.001" inputmode="decimal" placeholder="For example, 30"></div>
        </div>
        <button type="button" id="liquorSavePeg" class="blocks-button blocks-button-primary mt-4">Save measured peg</button>
        <div id="liquorPegConfigured" class="mt-4 text-sm text-muted"></div>
        <div id="liquorPegErrors" class="mt-4 space-y-2"></div>
    </section>

    <section class="mb-6 rounded-xl border border-divider bg-surface p-5" aria-labelledby="liquorIndentTitle">
        <h2 id="liquorIndentTitle" class="m-0 text-lg font-semibold">What should I buy?</h2>
        <p class="mt-1 text-sm text-muted">An estimate from recent bottle sales and stock on hand. Set how long delivery takes and how many days of extra stock you want. Review the suggestion before placing a purchase with your supplier.</p>
        <div class="blocks-workspace-table mt-4" tabindex="0" role="region" aria-label="Bottle reorder estimates; scroll horizontally if needed">
            <table class="w-full"><thead><tr><th>Bottle</th><th>Sales history days</th><th>Sold</th><th>Available bottles</th><th>Delivery days</th><th>Extra cover days</th><th>Keep at least</th><th>Buy as</th><th>Suggested</th><th></th></tr></thead><tbody id="liquorIndentRows"><tr><td colspan="10" class="text-center text-muted">Loading suggestions…</td></tr></tbody></table>
        </div>
        <p class="mt-3 text-xs text-muted">Suggestion = recent daily sales × (delivery days + extra cover days), or your minimum if higher, less available stock. Rounded up to whole supplier packs. Continue to Purchases to confirm supplier, invoice cost and quantity before saving a draft; this suggestion does not change stock.</p>
    </section>

    <section class="mb-6 rounded-xl border border-divider bg-surface p-5" aria-labelledby="liquorSchemesTitle">
        <h2 id="liquorSchemesTitle" class="m-0 text-lg font-semibold">Supplier offers</h2>
        <p class="mt-1 text-sm text-muted">Track bottle targets agreed with a company. Only deliveries confirmed in stock count. Record a cash or supplier credit benefit after it appears on a statement or credit note.</p>
        <div id="liquorNoPurchasing" class="mt-4 text-sm text-muted" hidden>Turn on Purchases to track supplier offers against deliveries.</div>
        <div id="liquorSchemeForm" class="mt-4 grid gap-4 sm:grid-cols-2">
            <div class="blocks-workspace-field"><label for="liquorSchemeCompany">Company on the offer</label><input id="liquorSchemeCompany" class="blocks-control" maxlength="180" placeholder="For example, beverage company"></div>
            <div class="blocks-workspace-field"><label for="liquorSchemeSupplier">Supplier on the purchase invoice</label><input id="liquorSchemeSupplier" class="blocks-control" maxlength="240" placeholder="Use the same name as Purchases"></div>
            <div class="blocks-workspace-field"><label for="liquorSchemeProduct">Bottle item</label><select id="liquorSchemeProduct" class="blocks-control blocks-control--select"><option value="">Choose bottle</option></select></div>
            <div class="blocks-workspace-field"><label for="liquorSchemeVariant">Size or option</label><select id="liquorSchemeVariant" class="blocks-control blocks-control--select"><option value="0">Whole item</option></select></div>
            <div class="blocks-workspace-field"><label for="liquorSchemeStart">Offer starts</label><input id="liquorSchemeStart" class="blocks-control" type="date"></div>
            <div class="blocks-workspace-field"><label for="liquorSchemeEnd">Offer ends</label><input id="liquorSchemeEnd" class="blocks-control" type="date"></div>
            <div class="blocks-workspace-field"><label for="liquorSchemeKind">Benefit type</label><select id="liquorSchemeKind" class="blocks-control blocks-control--select"><option value="supplier_credit">Supplier credit</option><option value="cash">Cash</option></select></div>
            <div class="blocks-workspace-field"><label for="liquorSchemeNote">Offer note <span class="font-normal text-muted">(optional)</span></label><input id="liquorSchemeNote" class="blocks-control" maxlength="500"></div>
        </div>
        <button type="button" id="liquorSaveScheme" class="blocks-button blocks-button-primary mt-4">Save supplier offer</button>
        <div id="liquorSchemesList" class="mt-5 space-y-4"><p class="text-muted">Loading supplier offers…</p></div>
    </section>

    <section class="mb-6 rounded-xl border border-divider bg-surface p-5" aria-labelledby="liquorCloseTitle">
        <h2 id="liquorCloseTitle" class="m-0 text-lg font-semibold">Close liquor stock</h2>
        <p class="mt-1 text-sm text-muted">Count all bottles you can see, including an open bottle as a fraction such as 0.5. “Expected in records” is the stock Blocks currently has on file. Difference = counted now minus expected: a negative number means stock is short; a positive number means extra stock. Saving updates stock to match your count and keeps a history entry.</p>
        <div class="mt-4 grid gap-4 sm:grid-cols-3">
            <div class="blocks-workspace-field"><label for="liquorCloseDate">Close date</label><input id="liquorCloseDate" class="blocks-control" type="date"></div>
            <div class="blocks-workspace-field"><label for="liquorCloseMode">Closing</label><select id="liquorCloseMode" class="blocks-control blocks-control--select"><option value="retail">Shop bottles</option><option value="bar">Bar bottles</option></select></div>
            <div class="blocks-workspace-field"><label for="liquorCloseNote">Note <span class="font-normal text-muted">(optional)</span></label><input id="liquorCloseNote" class="blocks-control" maxlength="500" placeholder="For example, counted with manager"></div>
        </div>
        <div class="blocks-workspace-table mt-4" tabindex="0" role="region" aria-label="Bottle counts; scroll horizontally if needed">
            <table class="w-full"><thead><tr><th>Item</th><th>Expected in records</th><th>Counted now</th><th>Difference (counted − expected)</th></tr></thead><tbody id="liquorCountRows"><tr><td colspan="4" class="text-center text-muted">Loading bottle items…</td></tr></tbody></table>
        </div>
        <button type="button" id="liquorSaveClose" class="blocks-button blocks-button-primary mt-4">Save daily close</button>
    </section>

    <section class="mb-6 rounded-xl border border-divider bg-surface p-5" aria-labelledby="liquorLossTitle">
        <h2 id="liquorLossTitle" class="m-0 text-lg font-semibold">Record broken or wasted bottles</h2>
        <p class="mt-1 text-sm text-muted">Use this when stock was lost outside a sale. The change is saved in Inventory history with your account; old entries cannot be changed.</p>
        <div class="mt-4 grid gap-4 sm:grid-cols-2 lg:grid-cols-4">
            <div class="blocks-workspace-field"><label for="liquorLossItem">Bottle item</label><select id="liquorLossItem" class="blocks-control blocks-control--select"><option value="">Choose a bottle</option></select></div>
            <div class="blocks-workspace-field"><label for="liquorLossKind">Why was stock lost?</label><select id="liquorLossKind" class="blocks-control blocks-control--select"><option value="breakage">Broken or spilled</option><option value="waste">Expired or otherwise wasted</option></select></div>
            <div class="blocks-workspace-field"><label for="liquorLossQuantity">Bottles lost</label><input id="liquorLossQuantity" class="blocks-control" type="number" min="0.001" max="1000000" step="0.001" inputmode="decimal" placeholder="For example, 1 or 0.5"></div>
            <div class="blocks-workspace-field"><label for="liquorLossNote">Short note <span class="font-normal text-muted">(optional)</span></label><input id="liquorLossNote" class="blocks-control" maxlength="500" placeholder="For example, shelf accident"></div>
        </div>
        <button type="button" id="liquorSaveLoss" class="blocks-button blocks-button-secondary mt-4">Record stock loss</button>
    </section>

    <section class="rounded-xl border border-divider bg-surface p-5" aria-labelledby="liquorHistoryTitle">
        <h2 id="liquorHistoryTitle" class="m-0 text-lg font-semibold">Recent closes</h2>
        <p class="mt-1 text-sm text-muted">A saved close remains here with its original count and any stock update that needs attention.</p>
        <div id="liquorCloseHistory" class="mt-4 space-y-3"><p class="text-muted">Loading closes…</p></div>
    </section>
</main>
{% endblock %}

{% block scripts %}<script src="/plugins/liquor-operations/assets/js/liquor-operations.js"></script>{% endblock %}