@extends('layouts.admin')
@section('title','Billing / Invoice | Arsh LabKit Mart')
@section('content')
<div class="admin-shell"><aside class="admin-sidebar"><div class="admin-brand">⚗ <span>Arsh LabKit Mart<small>Lab Kits &amp; Diagnostic Supplies</small></span></div><nav><a href="{{ route('admin.dashboard') }}">⌂ &nbsp; Dashboard</a><a href="{{ route('admin.products.index') }}">▣ &nbsp; Products &amp; Stock</a><a class="selected" href="{{ route('admin.billing.index') }}">🛒 &nbsp; Billing / Invoice</a><a href="{{ route('admin.orders.index') }}">▤ &nbsp; Orders</a><a href="{{ route('admin.purchases.index') }}">🚚 &nbsp; Suppliers</a><a href="{{ route('admin.reports.index') }}">▥ &nbsp; Reports</a></nav></aside>
<main class="admin-main billing-page"><header class="admin-top"><strong>Arsh LabKit Mart</strong><span>{{ auth()->user()->name }}</span></header><div class="billing-head"><h1>🛒 Billing / Invoice</h1><button class="blue-button" type="button" onclick="window.location.reload()">＋ New Bill</button><a class="light-button" href="{{ route('admin.billing.pending') }}">◷ Pending Bills</a><a class="light-button" href="{{ route('admin.billing.history') }}">▤ Bill History</a><div class="sales-chip">Today Sales: ₹ {{ number_format($todaySales,2) }}</div></div>
@if(session('status'))<div class="notice-success">✓ {{ session('status') }}</div>@endif@if($errors->any())<div class="notice-error">{{ $errors->first() }}</div>@endif
<form id="invoice-form" method="post" action="{{ route('admin.billing.store') }}">@csrf<div class="billing-customer-card"><label>Customer *<select name="customer_name" id="customer-name" required><option value="">Select Customer</option><option>Walk-in Customer</option>@foreach($customers as $customer)<option value="{{ $customer->customer_name }}" data-mobile="{{ $customer->mobile }}" data-gstin="{{ $customer->gstin }}">{{ $customer->customer_name }}</option>@endforeach</select></label><button class="blue-button" type="button" id="new-customer">＋ New</button><label>Mobile<input id="customer-mobile" name="mobile" placeholder="Mobile number"></label><label>GSTIN (Optional)<input id="customer-gstin" name="gstin" placeholder="GSTIN"></label><label>Bill No.<input value="Auto on Save" readonly></label><label>Bill Date<input type="date" name="invoice_date" value="{{ now()->format('Y-m-d') }}" required></label></div>
<div class="billing-workspace"><section class="billing-main-card"><div class="add-product-row"><label>Scan Product / Search<select id="product-picker"><option value="">Search product…</option>@foreach($products as $product)<option value="{{ $product->id }}" data-name="{{ $product->name }}" data-price="{{ $product->selling_price }}" data-gst="{{ $product->gst_rate }}" data-hsn="{{ $product->hsn_code }}">{{ $product->name }} — ₹{{ number_format($product->selling_price,2) }}</option>@endforeach</select></label><label>Qty<input id="qty-picker" type="number" min="1" value="1"></label><button type="button" id="add-invoice-item" class="blue-button">＋ Add Item</button></div>
<div class="invoice-table-wrap"><table class="records-table invoice-table"><thead><tr><th>#</th><th>Product / Item</th><th>HSN</th><th>Batch No.</th><th>Exp. Date</th><th>Qty</th><th>Rate (₹)</th><th>Disc. (%)</th><th>GST (%)</th><th>Amount (₹)</th><th>Action</th></tr></thead><tbody id="invoice-items"><tr class="invoice-empty"><td colspan="11">Select a product and click Add Item.</td></tr></tbody></table></div><div class="billing-bottom-fields"><label>Remarks (Optional)<input name="remarks" placeholder="For Lab Use"></label><label>Payment Mode *<select name="payment_mode"><option>Cash</option><option>UPI</option><option>Card</option><option>Bank Transfer</option><option>Other</option></select></label><label>Payment Status<select name="payment_status"><option>Paid</option><option>Partially Paid</option><option>Unpaid</option></select></label></div><div class="billing-actions"><button type="reset" class="light-button">⟳ Clear</button><button type="submit" class="light-button" id="hold-bill" formaction="{{ route('admin.billing.hold') }}">Ⅱ Hold Bill</button><span></span><button type="button" class="light-button" onclick="window.print()">▣ Print</button><button type="submit" name="save_print" value="1" class="blue-button">▣ Save &amp; Print</button><button type="submit" class="green-button">▣ Save Invoice</button></div></section>
<aside class="bill-summary"><h2>▤ Bill Summary</h2><div><span>Total Items</span><b id="summary-items">0</b></div><div><span>Total Qty</span><b id="summary-qty">0</b></div><div><span>Subtotal</span><b id="summary-subtotal">₹ 0.00</b></div><div><span>Discount</span><b id="summary-discount">₹ 0.00</b></div><div><span>Taxable Amount</span><b id="summary-taxable">₹ 0.00</b></div><div><span>GST Amount</span><b id="summary-gst">₹ 0.00</b></div><div class="grand-total"><span>Grand Total</span><b id="summary-grand">₹ 0.00</b></div></aside></div></form></main></div>
@endsection