@extends('layouts.app')
@section('title', 'Inventory')
@section('content')
@php
    $productMap = $products->keyBy('id');
    $materialMap = $materials->keyBy('id');
    $branchMap = $branches->keyBy('id');
    $formatNumber = fn ($value) => rtrim(rtrim(number_format((float) $value, 2, ',', '.'), '0'), ',');
    $stockUnitPayload = $units->map(fn ($unit) => ['id' => $unit->id, 'name' => $unit->name, 'symbol' => $unit->symbol, 'base_unit_id' => $unit->base_unit_id, 'conversion_factor' => $unit->conversion_factor]);
    $stockItemPayload = $materials->map(fn ($item) => ['type' => 'material', 'id' => $item->id, 'name' => $item->name, 'code' => $item->code, 'base_unit_id' => $item->base_unit_id, 'purchase_unit_id' => $item->purchase_unit_id, 'purchase_conversion_factor' => $item->purchase_conversion_factor])
        ->concat($products->map(fn ($item) => ['type' => 'product', 'id' => $item->id, 'name' => $item->name, 'code' => $item->code, 'base_unit_id' => $item->sale_unit_id, 'purchase_unit_id' => $item->purchase_unit_id, 'purchase_conversion_factor' => $item->purchase_conversion_factor]))->values();
    $stockBalancePayload = $stockBalanceValues->mapWithKeys(fn ($balance) => [$balance->branch_id.':'.($balance->product_id ? 'product' : 'material').':'.($balance->product_id ?: $balance->raw_material_id) => $balance->quantity]);
@endphp
<div class="page-head"><div><span class="eyebrow">Operasional</span><h1>Inventory</h1><p class="muted">Pilih pekerjaan stok yang akan dilakukan.</p></div></div>
<nav class="choice-nav section-switcher" data-default="stock-balance" aria-label="Pilih menu inventory">
    <a class="choice-card" href="#stock-balance"><strong>Saldo stok</strong><small>Lihat jumlah produk dan bahan saat ini.</small></a>
    <a class="choice-card" href="#stock-in"><strong>Stok masuk</strong><small>Catat pembelian atau penerimaan barang.</small></a>
    <a class="choice-card" href="#stock-adjustment"><strong>Penyesuaian</strong><small>Koreksi barang rusak, hilang, atau salah input.</small></a>
    <a class="choice-card" href="#stock-opname"><strong>Stock opname</strong><small>Cocokkan stok sistem dengan hitungan fisik.</small></a>
    <a class="choice-card" href="#stock-setting"><strong>Pengaturan</strong><small>Atur stok minus dan input diskon kasir.</small></a>
    <a class="choice-card" href="#stock-history"><strong>Riwayat stok</strong><small>Lihat rincian stok masuk, adjustment, dan pergerakan stok.</small></a>
</nav>
<section class="panel switchable-section" data-section="stock-setting"><div class="section-heading"><div><h2>Pengaturan cabang</h2><p>Aturan ini berlaku pada transaksi kasir di cabang yang dipilih.</p></div></div><form method="post" action="{{ route('inventory.setting') }}" class="stack">@csrf<label>Cabang<select class="enhanced-select" name="branch_id" id="setting-branch">@foreach($branches as $branch)<option value="{{ $branch->id }}" data-negative="{{ ($negativeSettings[$branch->id]??'0')==='1'?1:0 }}" data-discount="{{ ($discountSettings[$branch->id]??'1')==='1'?1:0 }}">{{ $branch->name }}</option>@endforeach</select></label><label class="check"><input type="checkbox" name="discount_enabled" id="discount-enabled" value="1"> Aktifkan input diskon di kasir</label><label class="check"><input type="checkbox" name="allow_negative_stock" id="allow-negative" value="1"> Izinkan stok minus dan tetap catat pergerakan</label><button class="button primary">Simpan pengaturan</button></form></section>
<section class="panel switchable-section active" data-section="stock-balance"><div class="section-heading"><div><h2>Saldo stok saat ini</h2><p>Jumlah selalu tersimpan dalam satuan kecil masing-masing item.</p></div></div><div class="table-wrap"><table><thead><tr><th>Cabang</th><th>Item</th><th>Jenis</th><th>Jumlah</th></tr></thead><tbody>@forelse($balances as $row)<tr><td>{{ $branchMap[$row->branch_id]?->name }}</td><td>{{ $row->product_id ? $productMap[$row->product_id]?->name : $materialMap[$row->raw_material_id]?->name }}</td><td>{{ $row->product_id ? 'Non-BOM / stok langsung' : 'Bahan BOM' }}</td><td>{{ $formatNumber($row->quantity) }} {{ $row->product_id ? $productMap[$row->product_id]?->saleUnit?->symbol : $materialMap[$row->raw_material_id]?->baseUnit?->symbol }}</td></tr>@empty<tr><td colspan="4" class="empty">Belum ada saldo stok.</td></tr>@endforelse</tbody></table></div>{{ $balances->fragment('stock-balance')->links() }}</section>

<section class="panel switchable-section" data-section="stock-in"><div class="section-heading"><div><h2>Stok masuk</h2><p>Cari lalu tambahkan bahan atau produk yang benar-benar diterima.</p></div></div><form method="post" action="{{ route('inventory.receipt') }}" class="stack stock-batch-form" data-mode="receipt">@csrf
    <div class="form-grid"><label>Cabang<select class="enhanced-select stock-branch" name="branch_id" required>@foreach($branches as $branch)<option value="{{ $branch->id }}">{{ $branch->name }}</option>@endforeach</select></label><label>Tanggal<input type="date" name="receipt_date" value="{{ date('Y-m-d') }}" required></label><label>No. dokumen<input name="document_number"></label><label>Supplier<input name="supplier"></label></div>
    <label>Cari & tambah item<input class="stock-search" type="search" autocomplete="off" placeholder="Ketik nama atau kode bahan / produk..."></label><div class="stock-search-results" aria-live="polite"></div>
    <div class="selected-stock-items"></div><label>Catatan<textarea name="notes"></textarea></label><button class="button primary">Posting stok masuk</button>
</form></section>

<section class="panel switchable-section" data-section="stock-adjustment"><div class="section-heading"><div><h2>Penyesuaian stok</h2><p>Cari item, lalu isi perubahan dalam satuan kecil. Positif menambah, negatif mengurangi.</p></div></div><form method="post" action="{{ route('inventory.adjustment') }}" class="stack stock-batch-form" data-mode="adjustment">@csrf
    <div class="form-grid"><label>Cabang<select class="enhanced-select stock-branch" name="branch_id" required>@foreach($branches as $branch)<option value="{{ $branch->id }}">{{ $branch->name }}</option>@endforeach</select></label><label>Tanggal<input type="date" name="adjustment_date" value="{{ date('Y-m-d') }}" required></label><label>Alasan<select name="reason" required><option>Barang rusak</option><option>Barang kadaluarsa</option><option>Salah input</option><option>Selisih fisik</option><option>Kehilangan</option><option>Koreksi sistem</option></select></label></div>
    <label>Cari & tambah item<input class="stock-search" type="search" autocomplete="off" placeholder="Ketik nama atau kode bahan / produk..."></label><div class="stock-search-results" aria-live="polite"></div>
    <div class="selected-stock-items"></div><label>Catatan<textarea name="notes"></textarea></label><button class="button primary">Posting adjustment</button>
</form></section>
<section class="panel switchable-section" data-section="stock-opname"><div class="section-heading"><div><h2>Stock opname</h2><p>Hitung stok fisik bahan yang dipakai dalam resep BOM aktif.</p></div><button type="button" class="button primary" id="open-opname-dialog">Buat sesi opname</button></div>
<dialog id="opname-dialog" class="opname-dialog"><form method="dialog"><button class="dialog-close" aria-label="Tutup">×</button></form><div class="recipe-dialog-head"><span class="eyebrow">Filter sesi opname</span><h2>Buat sesi opname</h2><p class="muted">Sesi hanya memuat bahan dari resep BOM aktif. Stok belum berubah sampai direview dan diposting.</p></div><form method="post" action="{{ route('inventory.opname.create') }}" class="stack">@csrf<div class="form-grid"><label>Cabang<select class="enhanced-select" name="branch_id" required>@foreach($branches as $branch)<option value="{{ $branch->id }}">{{ $branch->name }}</option>@endforeach</select></label><label>Kategori<select class="enhanced-select" name="category_id"><option value="">Semua kategori</option>@foreach($categories as $category)<option value="{{ $category->id }}">{{ $category->name }}</option>@endforeach</select><small class="field-help">Kosongkan untuk semua kategori.</small></label><label>Tanggal<input type="date" name="opname_date" value="{{ date('Y-m-d') }}" required></label><label>Catatan<input name="notes"></label></div><div class="form-actions"><button class="button primary">Buat & simpan sesi</button><button type="button" class="button" id="cancel-opname-dialog">Batal</button></div></form></dialog>
<h3 class="subheading">Sesi yang sudah tersimpan</h3><div class="table-wrap"><table><thead><tr><th>Nomor</th><th>Tanggal</th><th>Status</th><th>Jumlah bahan BOM</th><th>Aksi</th></tr></thead><tbody>@forelse($opnames as $row)<tr><td>{{ $row->number }}</td><td>{{ $row->opname_date }}</td><td><span class="badge {{ $row->status }}">{{ $row->status }}</span></td><td>{{ $row->items->whereNotNull('raw_material_id')->count() }}</td><td><a class="button small" href="{{ route('inventory.opname.edit',$row) }}">Buka</a></td></tr>@empty<tr><td colspan="5" class="empty">Belum ada sesi opname tersimpan.</td></tr>@endforelse</tbody></table></div></section>

<section class="panel switchable-section" data-section="stock-history"><div class="section-heading"><div><h2>Riwayat stok</h2><p>Jumlah input dan hasil konversi ke satuan kecil dicatat bersama.</p></div></div><h3>Stok masuk</h3><div class="table-wrap"><table><thead><tr><th>Nomor</th><th>Tanggal</th><th>Cabang</th><th>Item</th><th>Jumlah input</th><th>Menjadi stok</th><th>Supplier / dokumen</th><th>Catatan</th></tr></thead><tbody>@forelse($receipts as $row)<tr><td>{{ $row->number }}</td><td>{{ $row->receipt_date }}</td><td>{{ $row->branch }}</td><td>{{ $row->item }}</td><td>{{ $formatNumber($row->quantity) }} {{ $row->unit }}</td><td>{{ $formatNumber($row->base_quantity) }} {{ $row->base_unit }}</td><td>{{ $row->supplier ?: '-' }}{{ $row->document_number ? ' · '.$row->document_number : '' }}</td><td>{{ $row->notes ?: '-' }}</td></tr>@empty<tr><td colspan="9" class="empty">Belum ada stok masuk.</td></tr>@endforelse</tbody></table></div>{{ $receipts->fragment('stock-history')->links() }}<h3 class="subheading">Penyesuaian stok</h3><div class="table-wrap"><table><thead><tr><th>Nomor</th><th>Tanggal</th><th>Cabang</th><th>Item</th><th>Sebelum</th><th>Perubahan</th><th>Sesudah</th><th>Alasan</th><th>Catatan</th></tr></thead><tbody>@forelse($adjustments as $row)<tr><td>{{ $row->number }}</td><td>{{ $row->adjustment_date }}</td><td>{{ $row->branch }}</td><td>{{ $row->item }}</td><td>{{ $formatNumber($row->quantity_before) }}</td><td>{{ $formatNumber($row->adjustment_quantity) }}</td><td>{{ $formatNumber($row->quantity_after) }}</td><td>{{ $row->reason }}</td><td>{{ $row->notes ?: '-' }}</td></tr>@empty<tr><td colspan="9" class="empty">Belum ada penyesuaian stok.</td></tr>@endforelse</tbody></table></div>{{ $adjustments->fragment('stock-history')->links() }}<h3 class="subheading">Pergerakan stok terbaru</h3><div class="table-wrap"><table><thead><tr><th>Waktu</th><th>Cabang</th><th>Item</th><th>Jenis</th><th>Sebelum</th><th>Perubahan</th><th>Sesudah</th><th>Catatan</th></tr></thead><tbody>@forelse($movements as $row)<tr><td>{{ \Carbon\Carbon::parse($row->moved_at)->format('d/m/Y H:i') }}</td><td>{{ $row->branch }}</td><td>{{ $row->item }}</td><td>{{ str_replace('_', ' ', $row->type) }}</td><td>{{ $formatNumber($row->quantity_before) }}</td><td>{{ $formatNumber($row->quantity) }}</td><td>{{ $formatNumber($row->quantity_after) }}</td><td>{{ $row->notes ?: '-' }}</td></tr>@empty<tr><td colspan="8" class="empty">Belum ada pergerakan stok.</td></tr>@endforelse</tbody></table></div>{{ $movements->fragment('stock-history')->links() }}</section>
@endsection
@push('styles')<style>
.stock-search-results{display:grid;gap:4px;margin-top:-10px}.stock-search-results button{background:#fff;border:1px solid var(--line);border-radius:8px;padding:9px 12px;text-align:left;cursor:pointer}.stock-search-results button:hover{background:var(--surface-muted)}.selected-stock-items{margin-top:4px}.stock-batch-table input,.stock-batch-table select{min-width:96px;margin:0}.stock-batch-table .stock-item-name{min-width:180px}.stock-batch-table .stock-summary{white-space:nowrap}.stock-batch-actions{display:flex;justify-content:space-between;align-items:center;margin:8px 0}.stock-batch-actions .button{margin:0}
.opname-dialog{width:min(680px,calc(100% - 28px));border:0;border-radius:16px;padding:24px;box-shadow:0 30px 80px #0005}.opname-dialog::backdrop{background:#2d1b12cc}.opname-dialog .recipe-dialog-head{padding-right:34px;margin-bottom:18px}.opname-dialog .recipe-dialog-head h2{margin:4px 0}.opname-dialog .form-actions{justify-content:flex-end}
</style>@endpush
@push('scripts')<script>
const settingBranch=document.getElementById('setting-branch'),allowNegative=document.getElementById('allow-negative'),discountEnabled=document.getElementById('discount-enabled');const syncSettings=()=>{const option=settingBranch.selectedOptions[0];allowNegative.checked=option?.dataset.negative==='1';discountEnabled.checked=option?.dataset.discount==='1';};settingBranch.addEventListener('change',syncSettings);syncSettings();
const stockUnits=@json($stockUnitPayload),stockItems=@json($stockItemPayload),stockBalances=@json($stockBalancePayload),stockUnitMap=Object.fromEntries(stockUnits.map(unit=>[unit.id,unit]));
const stockNumber=value=>new Intl.NumberFormat('id-ID',{maximumFractionDigits:2}).format(Number(value||0));
const stockEscape=value=>String(value??'').replace(/[&<>"]/g,char=>({'&':'&amp;','<':'&lt;','>':'&gt;','"':'&quot;'}[char]));
document.querySelectorAll('.stock-batch-form').forEach(form=>{
    const mode=form.dataset.mode,search=form.querySelector('.stock-search'),results=form.querySelector('.stock-search-results'),target=form.querySelector('.selected-stock-items'),branch=form.querySelector('.stock-branch');let selected=[];
    const key=item=>`${item.type}:${item.id}`,baseUnit=item=>stockUnitMap[item.base_unit_id],stockOf=item=>Number(stockBalances[`${branch.value}:${key(item)}`]||0);
    const availableUnits=item=>[baseUnit(item),item.purchase_unit_id?stockUnitMap[item.purchase_unit_id]:null].filter((unit,index,units)=>unit&&units.findIndex(candidate=>candidate.id===unit.id)===index);
    const unitFactor=(item,unitId)=>{if(Number(unitId)===Number(item.base_unit_id))return 1;return Number(item.purchase_conversion_factor)||1;};
    const selectedUnit=item=>item.unit_id||item.purchase_unit_id||item.base_unit_id;
    const render=()=>{
        if(!selected.length){target.innerHTML='<p class="empty">Belum ada item dipilih.</p>';return;}
        const rows=selected.map((item,index)=>{const base=baseUnit(item),unitId=selectedUnit(item),units=availableUnits(item),quantity=mode==='receipt'?(item.quantity??''):(item.adjustment_quantity??'');const after=stockOf(item)+(Number(quantity||0)*unitFactor(item,unitId));const unitInput=mode==='receipt'?`<select name="items[${index}][unit_id]" data-field="unit_id">${units.map(unit=>`<option value="${unit.id}" ${Number(unit.id)===Number(unitId)?'selected':''}>${stockEscape(unit.name)} (${stockEscape(unit.symbol)})</option>`).join('')}</select>`:`<span>${stockEscape(base?.symbol||'-')}</span>`;return `<tr data-index="${index}"><td class="stock-item-name"><strong>${stockEscape(item.name)}</strong><br><small>${item.type==='material'?'Bahan BOM':'Stok langsung'}${item.code?' · '+stockEscape(item.code):''}</small><input type="hidden" name="items[${index}][item_type]" value="${item.type}"><input type="hidden" name="items[${index}][item_id]" value="${item.id}"></td><td class="stock-summary">${stockNumber(stockOf(item))} ${stockEscape(base?.symbol||'')}</td><td><input type="number" name="items[${index}][${mode==='receipt'?'quantity':'adjustment_quantity'}]" data-field="${mode==='receipt'?'quantity':'adjustment_quantity'}" value="${stockEscape(quantity)}" step="0.01" ${mode==='receipt'?'min="0.01"':'required'} required></td><td>${unitInput}</td><td class="stock-after stock-summary">${stockNumber(after)} ${stockEscape(base?.symbol||'')}</td><td><button type="button" class="button small danger" data-remove="${index}">Hapus</button></td></tr>`;}).join('');
        target.innerHTML=`<div class="stock-batch-actions"><h3>Item dipilih (${selected.length})</h3><button type="button" class="button small" data-clear>Hapus semua</button></div><div class="table-wrap"><table class="stock-batch-table"><thead><tr><th>Item</th><th>Stok saat ini</th><th>${mode==='receipt'?'Jumlah masuk':'Perubahan stok'}</th><th>Satuan</th><th>Estimasi stok</th><th></th></tr></thead><tbody>${rows}</tbody></table></div>`;
    };
    const showResults=()=>{const query=search.value.trim().toLowerCase();if(!query){results.innerHTML='';return;}const matches=stockItems.filter(item=>`${item.name} ${item.code||''}`.toLowerCase().includes(query)&&!selected.some(row=>key(row)===key(item))).slice(0,8);results.innerHTML=matches.length?matches.map(item=>`<button type="button" data-add="${item.type}:${item.id}"><strong>${stockEscape(item.name)}</strong><small> · ${item.type==='material'?'Bahan BOM':'Stok langsung'}${item.code?' · '+stockEscape(item.code):''}</small></button>`).join(''):'<p class="muted">Item tidak ditemukan atau sudah dipilih.</p>';};
    search.addEventListener('input',showResults);results.addEventListener('click',event=>{const button=event.target.closest('[data-add]');if(!button)return;const item=stockItems.find(row=>key(row)===button.dataset.add);if(!item)return;selected.push({...item,unit_id:item.purchase_unit_id||item.base_unit_id});search.value='';results.innerHTML='';render();});
    target.addEventListener('click',event=>{const remove=event.target.closest('[data-remove]');if(remove){selected.splice(Number(remove.dataset.remove),1);render();return;}if(event.target.closest('[data-clear]')){selected=[];render();}});
    target.addEventListener('input',event=>{const row=event.target.closest('tr');if(!row)return;selected[Number(row.dataset.index)][event.target.dataset.field]=event.target.value;const after=row.querySelector('.stock-after');const item=selected[Number(row.dataset.index)],quantity=mode==='receipt'?item.quantity:item.adjustment_quantity;after.textContent=`${stockNumber(stockOf(item)+(Number(quantity||0)*unitFactor(item,selectedUnit(item))))} ${baseUnit(item)?.symbol||''}`;});
    target.addEventListener('change',event=>{if(event.target.dataset.field!=='unit_id')return;const item=selected[Number(event.target.closest('tr').dataset.index)];item.unit_id=event.target.value;render();});branch.addEventListener('change',()=>{render();});render();
});
const opnameDialog=document.getElementById('opname-dialog');document.getElementById('open-opname-dialog')?.addEventListener('click',()=>opnameDialog.showModal());document.getElementById('cancel-opname-dialog')?.addEventListener('click',()=>opnameDialog.close());
</script>@endpush