@extends('layouts.app')
@section('title', 'Master Data')
@section('content')
@php($formatNumber = fn ($value) => rtrim(rtrim(number_format((float) $value, 2, ',', '.'), '0'), ','))
<div class="page-head"><div><span class="eyebrow">Pengaturan</span><h1>Master Data</h1><p class="muted">Pilih satu pengaturan yang ingin dikerjakan. Bagian lain tidak akan memenuhi layar.</p></div></div>
<nav class="choice-nav section-switcher" data-default="product" aria-label="Pilih pengaturan">
    <a class="choice-card" href="#product"><strong>1. Produk/Menu</strong><small>Nama menu, foto, jenis stok, dan harga jual.</small></a>
    <a class="choice-card" href="#material"><strong>2. Bahan baku</strong><small>Bahan yang dipakai dalam resep BOM.</small></a>
    <a class="choice-card" href="#category"><strong>Kategori</strong><small>Kelompok produk pada layar kasir.</small></a>
    <a class="choice-card" href="#unit"><strong>Satuan</strong><small>Daftar nama dan simbol satuan yang dapat dipakai item.</small></a>
    <a class="choice-card" href="#payment"><strong>Pembayaran</strong><small>Tunai, QRIS, transfer, atau kartu.</small></a>
    <a class="choice-card" href="#cash-account"><strong>Akun kas</strong><small>Tempat saldo uang dicatat per cabang.</small></a>
    <a class="choice-card" href="#expense-category"><strong>Kategori beban</strong><small>Kelompok pengeluaran operasional.</small></a>
    @if(auth()->user()->isCentralAdmin())<a class="choice-card" href="#branch"><strong>Cabang</strong><small>Lokasi operasional dan identitas toko.</small></a>@endif
    @if(auth()->user()->hasPermission('manage_users'))
        <a class="choice-card" href="#role"><strong>Hak akses</strong><small>Atur kewenangan admin dan kasir.</small></a>
        <a class="choice-card" href="#user"><strong>Pengguna</strong><small>Username, password, role, dan cabang.</small></a>
    @endif
</nav>

@if(auth()->user()->isCentralAdmin())<section class="panel master-section switchable-section" data-section="branch"><div class="section-heading"><div><h2>Cabang</h2><p>Lokasi toko yang memisahkan stok, kas, dan laporan.</p></div></div>
    <form id="branch-form" method="post" action="{{ route('master.branch') }}" class="form-grid three">@csrf<input type="hidden" name="id">
        <label>Kode<input name="code" required></label><label>Nama<input name="name" required></label><label>Telepon<input name="phone"></label><label class="full">Alamat<textarea name="address"></textarea></label><button class="button primary">Simpan cabang</button>
    </form>
    <div class="table-wrap"><table><thead><tr><th>Kode</th><th>Nama</th><th>Telepon</th><th>Status</th><th>Aksi</th></tr></thead><tbody>@foreach($branches as $row)<tr><td>{{ $row->code }}</td><td>{{ $row->name }}</td><td>{{ $row->phone }}</td><td>{{ $row->is_active?'Aktif':'Nonaktif' }}</td><td><button type="button" class="button small" data-edit-form="branch-form" data-edit-values="{{ json_encode($row->only('id','code','name','phone','address')) }}">Edit</button> @include('admin.partials.toggle',['type'=>'branch','row'=>$row])</td></tr>@endforeach</tbody></table></div>
</section>@endif

<section class="panel master-section switchable-section" data-section="category"><div class="section-heading"><div><h2>Kategori produk</h2><p>Dipakai untuk mengelompokkan tombol menu pada layar kasir.</p></div></div>
    <form id="category-form" method="post" action="{{ route('master.category') }}" class="inline-form">@csrf<input type="hidden" name="id"><label>Kode<input name="code" required></label><label>Nama<input name="name" required></label><label>Urutan<input type="number" name="sort_order" value="0" min="0"></label><button class="button primary">Simpan</button></form>
    <div class="table-wrap"><table><thead><tr><th>Kode</th><th>Nama</th><th>Urutan</th><th>Status</th><th>Aksi</th></tr></thead><tbody>@foreach($categories as $row)<tr><td>{{ $row->code }}</td><td>{{ $row->name }}</td><td>{{ $row->sort_order }}</td><td>{{ $row->is_active?'Aktif':'Nonaktif' }}</td><td><button type="button" class="button small" data-edit-form="category-form" data-edit-values="{{ json_encode($row->only('id','code','name','sort_order')) }}">Edit</button> @include('admin.partials.toggle',['type'=>'category','row'=>$row])</td></tr>@endforeach</tbody></table></div>
</section>

<section class="panel master-section switchable-section" data-section="unit"><div class="section-heading"><div><h2>Daftar satuan</h2><p>Tambahkan nama dan simbol satuan. Faktor konversi pembelian diatur per bahan pada Bahan baku.</p></div></div>
    <form id="unit-form" method="post" action="{{ route('master.unit') }}" class="form-grid three">@csrf<input type="hidden" name="id"><label>Kode<input name="code" required></label><label>Nama<input name="name" required></label><label>Simbol<input name="symbol" required></label><button class="button primary">Simpan</button></form>
    <div class="table-wrap"><table><thead><tr><th>Kode</th><th>Nama</th><th>Status</th><th>Aksi</th></tr></thead><tbody>@foreach($units as $row)<tr><td>{{ $row->code }}</td><td>{{ $row->name }} ({{ $row->symbol }})</td><td>{{ $row->is_active ? 'Aktif' : 'Nonaktif' }}</td><td><button type="button" class="button small" data-edit-form="unit-form" data-edit-values="{{ json_encode($row->only('id','code','name','symbol')) }}">Edit</button> @include('admin.partials.toggle',['type'=>'unit','row'=>$row])</td></tr>@endforeach</tbody></table></div>
</section>

<section class="panel master-section switchable-section active" data-section="product"><div class="section-heading"><div><h2>Produk/Menu</h2><p>Menu yang muncul di kasir. Setelah produk BOM dibuat, susun resepnya pada menu BOM, HPP & Harga.</p></div></div>
    <div class="info-box"><strong>Pilih jenis produk dengan benar:</strong> <b>BOM</b> untuk menu yang menghabiskan bahan (nasi goreng), <b>stok langsung</b> untuk barang jual utuh (air botol), dan <b>non-stok</b> bila tidak perlu mengurangi stok. Harga jual diatur di menu <b>Harga jual</b>.</div>
    <form id="product-form" method="post" action="{{ route('master.product') }}" enctype="multipart/form-data" class="form-grid three">@csrf<input type="hidden" name="id"><label>Kategori<select class="enhanced-select" name="category_id" id="product-category" required><option value="">Pilih kategori terlebih dahulu</option>@foreach($categories as $category)<option value="{{ $category->id }}">{{ $category->name }}</option>@endforeach</select><small class="field-help">Pilih kategori sebelum mengisi SKU.</small></label><label>Kode/SKU<input name="code" id="product-code" required readonly placeholder="Akan dibuka setelah input kategori"><small class="field-help" id="product-code-help">Akan dibuka setelah input kategori.</small></label><label>Nama menu<input name="name" required></label><label>Barcode (opsional)<input name="barcode"></label><label>Satuan jual<select class="enhanced-select" name="sale_unit_id" required>@foreach($units as $unit)<option value="{{ $unit->id }}">{{ $unit->name }}</option>@endforeach</select><small class="field-help">Biasanya porsi atau pcs.</small></label><label>Jenis pengurangan stok<select name="type" required><option value="bom">BOM — kurangi bahan resep</option><option value="direct">Stok langsung — kurangi produk</option><option value="non_stock">Non-stok — tidak kurangi stok</option></select></label><label>Pajak %<input type="number" step="0.01" min="0" max="100" name="tax_percent" value="0"></label><label>Stok minimum <small class="muted">peringatan restock produk direct</small><input type="number" step="0.01" min="0" name="minimum_stock" value="0"></label><label>Satuan beli <small class="muted">opsional, untuk stok masuk</small><select class="enhanced-select" name="purchase_unit_id" id="product-purchase-unit"><option value="">Sama dengan satuan jual</option>@foreach($units as $unit)<option value="{{ $unit->id }}" data-symbol="{{ $unit->symbol }}">{{ $unit->name }} ({{ $unit->symbol }})</option>@endforeach</select></label><label>Faktor pengali<input type="number" step="0.000001" min="0.000001" name="purchase_conversion_factor" id="product-purchase-factor" value="1"><small class="field-help" id="product-conversion-help">Isi berapa satuan jual dalam 1 satuan beli. Boleh dikosongkan, tapi stok masuk dengan satuan beli ini akan ditolak sampai diisi.</small></label><label>Urutan di kasir<input type="number" min="0" name="sort_order" value="0"><small class="field-help">Angka kecil tampil lebih dahulu.</small></label><label>Foto menu<input id="product-image" type="file" name="image" accept="image/*"><small class="field-help">JPG/PNG maks. 2 MB. Foto ini tampil di kasir.</small><img id="product-image-preview" class="product-image-preview" alt="Pratinjau foto menu" hidden></label><label class="full">Deskripsi<textarea name="description"></textarea></label><button class="button primary">Simpan produk</button></form>
    <div class="table-wrap"><table><thead><tr><th>Foto</th><th>Kategori</th><th>Kode</th><th>Nama</th><th>Jenis stok</th><th>Harga jual</th><th>Status</th><th>Aksi</th></tr></thead><tbody>@foreach($products as $row)<tr><td>@if($row->image_path)<img class="product-image-thumb" src="{{ asset('media/'.$row->image_path) }}" alt="{{ $row->name }}">@else - @endif</td><td>{{ $row->category?->name ?? 'Tanpa kategori' }}</td><td>{{ $row->code }}</td><td>{{ $row->name }}</td><td>{{ ['bom'=>'BOM / resep','direct'=>'Stok langsung','non_stock'=>'Non-stok'][$row->type] }}</td><td>Rp{{ number_format($row->final_price,0,',','.') }}</td><td>{{ $row->is_active?'Aktif':'Nonaktif' }}</td><td><button type="button" class="button small" data-edit-form="product-form" data-edit-values="{{ json_encode($row->only('id','code','barcode','name','category_id','sale_unit_id','purchase_unit_id','purchase_conversion_factor','type','tax_percent','minimum_stock','sort_order','description')) }}">Edit</button> @include('admin.partials.toggle',['type'=>'product','row'=>$row])</td></tr>@endforeach</tbody></table></div>{{ $products->fragment('product')->links() }}
</section>

<section class="panel master-section switchable-section" data-section="material"><div class="section-heading"><div><h2>Bahan baku</h2><p>Stok bahan yang dipakai oleh resep, misalnya nasi matang, telur, dan mie instan.</p></div></div>
    <div class="info-box"><strong>Aturan satuan:</strong> stok disimpan per satuan kecil, sedangkan harga beli diisi per satuan beli. Faktor pengali mengubah harga dan stok secara otomatis untuk setiap bahan.</div>
    <form id="material-form" method="post" action="{{ route('master.material') }}" class="form-grid three">@csrf<input type="hidden" name="id"><label>Kode<input name="code" required></label><label>Nama<input name="name" required></label><label>Kategori<select class="enhanced-select" name="category_id"><option value="">Tanpa kategori</option>@foreach($categories as $category)<option value="{{ $category->id }}">{{ $category->name }}</option>@endforeach</select></label><label>Satuan kecil / stok<select class="enhanced-select" name="base_unit_id" id="material-base-unit" required>@foreach($units as $unit)<option value="{{ $unit->id }}" data-symbol="{{ $unit->symbol }}">{{ $unit->name }} ({{ $unit->symbol }})</option>@endforeach</select></label><label>Satuan besar / beli<select class="enhanced-select" name="purchase_unit_id" id="material-purchase-unit"><option value="">Sama dengan satuan kecil</option>@foreach($units as $unit)<option value="{{ $unit->id }}" data-symbol="{{ $unit->symbol }}">{{ $unit->name }} ({{ $unit->symbol }})</option>@endforeach</select></label><label>Faktor pengali<input type="number" step="0.01" min="0.01" name="purchase_conversion_factor" id="material-purchase-factor" value="1"><small class="field-help" id="material-conversion-help">Pilih satuan beli untuk mengatur konversinya.</small></label><label>Stok minimum <small class="muted">dalam satuan kecil</small><input type="number" step="0.01" min="0" name="minimum_stock" value="0" required></label><label>Stok maksimum <small class="muted">dalam satuan kecil</small><input type="number" step="0.01" min="0" name="maximum_stock"></label><label>Harga beli bahan <small class="muted" id="material-price-help">per satuan kecil</small><input type="number" step="0.01" min="0" name="price" value="0"></label><button class="button primary">Simpan bahan</button></form>
    <div class="table-wrap"><table><thead><tr><th>Kode</th><th>Nama</th><th>Satuan kecil</th><th>Satuan beli</th><th>Faktor pengali</th><th>Min.</th><th>Harga beli</th><th>Aksi</th></tr></thead><tbody>@foreach($materials as $row)@php($priceFactor = $row->purchaseUnit ? ($row->purchase_conversion_factor ?: 1) : 1)<tr><td>{{ $row->code }}</td><td>{{ $row->name }}</td><td>{{ $row->baseUnit->symbol }}</td><td>{{ $row->purchaseUnit?->symbol ?? $row->baseUnit->symbol }}</td><td>{{ $row->purchaseUnit ? '1 '.$row->purchaseUnit->symbol.' = '.$formatNumber($row->purchase_conversion_factor ?? $row->purchaseUnit->conversion_factor).' '.$row->baseUnit->symbol : '-' }}</td><td>{{ $formatNumber($row->minimum_stock) }}</td><td>Rp{{ $formatNumber($row->average_price * $priceFactor) }} / {{ $row->purchaseUnit?->symbol ?? $row->baseUnit->symbol }}</td><td><button type="button" class="button small" data-edit-form="material-form" data-edit-values="{{ json_encode(array_merge($row->only('id','code','name','category_id','base_unit_id','purchase_unit_id','purchase_conversion_factor','minimum_stock','maximum_stock'), ['price' => $row->average_price * $priceFactor])) }}">Edit</button> @include('admin.partials.toggle',['type'=>'material','row'=>$row])</td></tr>@endforeach</tbody></table></div>{{ $materials->fragment('material')->links() }}
</section>

<section class="panel master-section switchable-section" data-section="payment"><div class="section-heading"><div><h2>Metode pembayaran</h2><p>Semua pembayaran POS masuk ke saldo akun kas. Tandai tunai hanya untuk mengaktifkan input uang diterima dan kembalian.</p></div></div><form id="payment-form" method="post" action="{{ route('master.payment-method') }}" class="form-grid three">@csrf<input type="hidden" name="id"><label>Kode<input name="code" required><small class="field-help">Contoh: TUNAI atau QRIS.</small></label><label>Nama yang tampil<input name="name" required></label><label class="check"><input type="checkbox" name="is_cash" value="1"> Tunai (uang diterima &amp; kembalian)</label><button class="button primary">Simpan metode</button></form><div class="table-wrap"><table><thead><tr><th>Kode</th><th>Nama</th><th>Pencatatan</th><th>Aksi</th></tr></thead><tbody>@foreach($paymentMethods as $row)<tr><td>{{ $row->code }}</td><td>{{ $row->name }}</td><td>{{ $row->is_cash?'Tunai — masuk kas':'Non-tunai — tetap masuk kas' }}</td><td><button type="button" class="button small" data-edit-form="payment-form" data-edit-values="{{ json_encode($row->only('id','code','name','is_cash')) }}">Edit</button> @include('admin.partials.toggle',['type'=>'payment-method','row'=>$row])</td></tr>@endforeach</tbody></table></div></section>
<section class="panel master-section switchable-section" data-section="cash-account"><div class="section-heading"><div><h2>Akun kas</h2><p>Dompet atau laci kas tempat saldo tunai disimpan per cabang.</p></div></div><form id="cash-account-form" method="post" action="{{ route('master.cash-account') }}" class="form-grid three">@csrf<input type="hidden" name="id"><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>Kode<input name="code" required></label><label>Nama akun<input name="name" required></label><label>Saldo awal<input type="number" step="0.01" name="opening_balance" value="0" required></label><button class="button primary">Simpan akun</button></form><div class="table-wrap"><table><thead><tr><th>Kode</th><th>Nama</th><th>Saldo awal</th><th>Aksi</th></tr></thead><tbody>@foreach($cashAccounts as $row)<tr><td>{{ $row->code }}</td><td>{{ $row->name }}</td><td>Rp{{ number_format($row->opening_balance,0,',','.') }}</td><td><button type="button" class="button small" data-edit-form="cash-account-form" data-edit-values="{{ json_encode($row->only('id','branch_id','code','name','opening_balance')) }}">Edit</button> @include('admin.partials.toggle',['type'=>'cash-account','row'=>$row])</td></tr>@endforeach</tbody></table></div></section>

<section class="panel master-section switchable-section" data-section="expense-category"><div class="section-heading"><div><h2>Kategori beban operasional</h2><p>Kelompok pengeluaran yang mengurangi laba bersih, misalnya gas, listrik, dan transportasi.</p></div></div><form id="expense-category-form" method="post" action="{{ route('master.expense-category') }}" class="inline-form">@csrf<input type="hidden" name="id"><label>Kode<input name="code" required></label><label>Nama<input name="name" required></label><button class="button primary">Simpan</button></form><div class="table-wrap"><table><tbody>@foreach($expenseCategories as $row)<tr><td>{{ $row->code }}</td><td>{{ $row->name }}</td><td><button type="button" class="button small" data-edit-form="expense-category-form" data-edit-values="{{ json_encode($row->only('id','code','name')) }}">Edit</button> @include('admin.partials.toggle',['type'=>'expense-category','row'=>$row])</td></tr>@endforeach</tbody></table></div></section>

@if(auth()->user()->hasPermission('manage_users'))<section class="panel master-section switchable-section" data-section="role"><div class="section-heading"><div><h2>Role dan hak akses</h2><p>Tentukan menu dan tindakan yang boleh digunakan oleh kelompok pengguna.</p></div></div><form id="role-form" method="post" action="{{ route('master.role') }}" class="form-grid">@csrf<input type="hidden" name="id"><label>Kode<input name="code" required></label><label>Nama<input name="name" required></label><div class="full permission-grid">@foreach($permissions as $code=>$label)<label class="check"><input type="checkbox" name="permissions[]" value="{{ $code }}"> {{ $label }}</label>@endforeach</div><button class="button primary">Simpan role</button></form><div class="table-wrap"><table><thead><tr><th>Kode</th><th>Nama</th><th>Hak akses</th><th>Aksi</th></tr></thead><tbody>@foreach($roles as $row)<tr><td>{{ $row->code }}</td><td>{{ $row->name }}</td><td>{{ implode(', ', $row->permissions ?? []) }}</td><td><button type="button" class="button small" data-edit-form="role-form" data-edit-values="{{ json_encode($row->only('id','code','name','permissions')) }}">Edit</button> @include('admin.partials.toggle',['type'=>'role','row'=>$row])</td></tr>@endforeach</tbody></table></div></section>

<section class="panel master-section switchable-section" data-section="user"><div class="section-heading"><div><h2>Pengguna</h2><p>Buat username sederhana untuk kasir, lalu pilih role dan cabang tempatnya bekerja.</p></div></div><form id="user-form" method="post" action="{{ route('master.user') }}" class="form-grid three">@csrf<input type="hidden" name="id"><label>Nama lengkap<input name="name" required></label><label>Username<input name="username" required><small class="field-help">Tanpa spasi, contoh kasir1.</small></label><label>Kata sandi<input type="password" name="password" minlength="8"><small class="field-help">Kosongkan saat edit agar tidak berubah.</small></label><label>Role<select class="enhanced-select" name="role_id" required>@foreach($roles as $role)<option value="{{ $role->id }}">{{ $role->name }}</option>@endforeach</select></label><label>Cabang utama<select class="enhanced-select" name="branch_id"><option value="">Admin pusat / semua cabang</option>@foreach($branches as $branch)<option value="{{ $branch->id }}">{{ $branch->name }}</option>@endforeach</select></label><button class="button primary">Simpan pengguna</button></form><div class="table-wrap"><table><thead><tr><th>Nama</th><th>Username</th><th>Role</th><th>Cabang</th><th>Aksi</th></tr></thead><tbody>@foreach($users as $row)<tr><td>{{ $row->name }}</td><td>{{ $row->username }}</td><td>{{ $row->role?->name }}</td><td>{{ $row->branch?->name ?? 'Semua' }}</td><td><button type="button" class="button small" data-edit-form="user-form" data-edit-values="{{ json_encode($row->only('id','name','username','role_id','branch_id')) }}">Edit</button> @include('admin.partials.toggle',['type'=>'user','row'=>$row])</td></tr>@endforeach</tbody></table></div></section>@endif
@endsection
@push('scripts')<script>document.addEventListener('DOMContentLoaded',()=>{const base=document.getElementById('material-base-unit'),purchase=document.getElementById('material-purchase-unit'),factor=document.getElementById('material-purchase-factor'),help=document.getElementById('material-conversion-help'),priceHelp=document.getElementById('material-price-help'),image=document.getElementById('product-image'),preview=document.getElementById('product-image-preview'),productCategory=document.getElementById('product-category'),productCode=document.getElementById('product-code'),productCodeHelp=document.getElementById('product-code-help');if(image&&preview)image.addEventListener('change',()=>{const file=image.files[0];preview.hidden=!file;if(file)preview.src=URL.createObjectURL(file);});const syncProductCode=()=>{const ready=Boolean(productCategory?.value);if(!productCode)return;productCode.readOnly=!ready;productCode.placeholder=ready?'Masukkan SKU, contoh NASI_GORENG':'Akan dibuka setelah input kategori';if(productCodeHelp)productCodeHelp.textContent=ready?'SKU dapat diubah setelah kategori dipilih.':'Akan dibuka setelah input kategori.';};if(productCategory&&productCode){window.$(productCategory).on('change',syncProductCode);syncProductCode();}if(!base||!purchase||!factor||!help||!priceHelp)return;const format=value=>new Intl.NumberFormat('id-ID',{maximumFractionDigits:2}).format(value),sync=()=>{const purchaseOption=purchase.options[purchase.selectedIndex],baseOption=base.options[base.selectedIndex],active=Boolean(purchase.value),priceUnit=active?purchaseOption:baseOption;priceHelp.textContent=`per ${priceUnit.dataset.symbol}.`;factor.disabled=!active;if(!active){factor.value=1;help.textContent='Pilih satuan beli untuk mengatur konversinya.';return;}if(!factor.value)factor.value=1;help.textContent=`1 ${purchaseOption.dataset.symbol} = ${format(factor.value)} ${baseOption.dataset.symbol}.`;};window.$(base).on('change',sync);window.$(purchase).on('change',sync);factor.addEventListener('input',sync);document.addEventListener('click',event=>{if(event.target.closest('[data-edit-form="material-form"]'))setTimeout(sync);});sync();});</script>@endpush