@extends('admin.layouts.wholesale-live')
@section('page-title', 'Create Invoice')
@push('scripts')
<script type="module" src="{{ asset('assets/wholesale-live.js') }}?v={{ filemtime(public_path('assets/wholesale-live.js')) }}"></script>
@endpush
@section('wholesale-actions')<a class="ws-button" href="{{ route('admin.wholesale.invoices.index') }}">Invoice List</a>@endsection
@section('wholesale-content')
<div data-live-invoice data-products="{{ route('admin.wholesale.invoices.products') }}" data-parties="{{ route('admin.wholesale.invoices.parties') }}" data-save="{{ route('admin.wholesale.invoices.store') }}" data-key="{{ $submissionKey }}">
<form data-invoice-form>
    @csrf
    <div class="ws-invoice-layout"><div class="ws-invoice-main">
        <section class="panel"><div class="ws-panel-heading"><h2>Party &amp; invoice information</h2>
            @if(auth()->user()->hasPermission('wholesale.parties'))<a class="ws-text-button" href="{{ route('admin.wholesale.parties.create') }}" target="_blank" rel="noopener">New Party</a>@endif
        </div><div class="ws-fields">
            <div class="ws-field ws-span"><label for="party-search">Find saved Party</label><div class="ws-input-action"><input id="party-search" type="search" maxlength="100" placeholder="Business, mobile or WP code"><button type="button" class="ws-button" data-find-party>Search</button></div></div>
            <div class="ws-field ws-span"><label for="invoice-party">Party <span>*</span></label><select id="invoice-party" name="party_id" required><option value="">Choose an active Party</option></select><small data-party-note>Select a Party to load its saved information.</small></div>
            <div class="ws-field"><label for="invoice-date">Invoice date</label><input id="invoice-date" name="invoice_date" type="date" required value="{{ now('Asia/Dhaka')->toDateString() }}" max="{{ now('Asia/Dhaka')->toDateString() }}"></div>
            <div class="ws-field"><label for="invoice-due">Due date</label><input id="invoice-due" name="due_date" type="date"></div>
            <div class="ws-field ws-span"><label for="invoice-note">Note</label><input id="invoice-note" name="note" maxlength="300"></div>
        </div></section>
        <section class="panel"><div class="ws-panel-heading"><h2>Choose variants</h2><button type="button" class="ws-text-button" data-refresh-products>Refresh cart stock / prices</button></div>
            <div class="ws-product-search"><label class="ws-search"><input type="search" data-product-search maxlength="80" placeholder="Product, code or SKU" aria-label="Search products"></label><button type="button" class="ws-button" data-find-product>Search</button></div>
            <div class="ws-fields"><div class="ws-field ws-span"><label for="invoice-product">Product</label><select id="invoice-product" data-product-select><option value="">Search products</option></select></div></div>
            <div class="ws-table-scroll"><table class="ws-table"><thead><tr><th>Variant / SKU</th><th>Available</th><th>Catalog rate</th><th>Add</th></tr></thead><tbody data-product-variants><tr><td colspan="4" class="ws-empty">Search products to choose colour and size.</td></tr></tbody></table></div>
        </section>
        <section class="panel"><div class="ws-panel-heading"><h2>Invoice items</h2><span class="quiet-badge" data-units>0 units</span></div>
            <div class="ws-table-scroll"><table class="ws-table ws-cart-table"><thead><tr><th>Product / Variant / SKU</th><th>Stock</th><th>Quantity</th><th>Rate (BDT)</th><th>Subtotal</th><th></th></tr></thead><tbody data-live-cart><tr><td colspan="6" class="ws-empty">Add variants above.</td></tr></tbody></table></div>
            <p class="ws-help ws-padded">Wholesale rates are editable. Confirming reduces stock; a saved invoice cannot be edited in this phase.</p>
        </section>
    </div><aside class="panel ws-summary"><div class="ws-panel-heading"><h2>Invoice summary</h2></div><div class="ws-summary-body">
        <dl class="ws-totals"><div><dt>Subtotal</dt><dd data-total-subtotal>BDT 0.00</dd></div></dl>
        <div class="ws-field"><label for="invoice-discount">Discount (BDT)</label><input id="invoice-discount" name="discount" type="number" min="0" step="0.01" value="0"></div>
        <div class="ws-field"><label for="invoice-delivery">Delivery (BDT)</label><input id="invoice-delivery" name="delivery" type="number" min="0" step="0.01" value="0"></div>
        <dl class="ws-totals"><div class="ws-total"><dt>Invoice total</dt><dd data-total-total>BDT 0.00</dd></div></dl>
        <div class="ws-field"><label for="invoice-received">Received now (BDT)</label><input id="invoice-received" name="received" type="number" min="0" step="0.01" value="0" @disabled(!auth()->user()->hasPermission('wholesale.payments'))><small>Zero allows full credit. Recording money requires Receive Payments access.</small></div>
        <div class="ws-field"><label for="invoice-method">Payment method</label><select id="invoice-method" name="payment_method"><option value="Cash">Cash</option><option>Bank transfer</option><option>Mobile banking</option></select></div>
        <div class="ws-field"><label for="invoice-reference">Payment reference</label><input id="invoice-reference" name="payment_reference" maxlength="80"><small>Required for Bank / Mobile payments when receiving money.</small></div>
        <dl class="ws-totals"><div><dt>This invoice due</dt><dd data-total-due>BDT 0.00</dd></div></dl>
        <p class="ws-message" data-save-message role="status" aria-live="polite">Review before confirming. No money is transferred by this form.</p>
        <button class="ws-button ws-primary" type="submit" data-review>Review invoice</button>
        <button class="ws-button" type="button" data-retry hidden>Retry same invoice</button>
    </div></aside></div>
</form>
<dialog class="ws-picker" data-review-dialog aria-labelledby="review-title"><div class="ws-panel-heading"><h2 id="review-title">Confirm wholesale invoice</h2></div><div class="ws-info-card"><p data-review-description></p><div class="ws-table-scroll"><table class="ws-table"><thead><tr><th>Item / SKU</th><th>Qty</th><th>Rate</th><th>Total</th></tr></thead><tbody data-review-lines></tbody></table></div><p class="ws-help" data-review-totals></p><p class="ws-message" data-confirm-message role="status"></p></div><div class="ws-dialog-actions"><button class="ws-button" type="button" data-close-review>Back</button><button class="ws-button ws-primary" type="button" data-confirm>Confirm &amp; save invoice</button></div></dialog>
</div>
<script type="application/json" id="invoice-selected-party">{!! json_encode($selectedParty, JSON_HEX_TAG | JSON_HEX_AMP | JSON_HEX_APOS | JSON_HEX_QUOT) !!}</script>
@endsection