@extends('layouts.app')
@section('title', 'Kas')
@section('content')
<div class="page-head"><div><span class="eyebrow">Keuangan</span><h1>Kas Masuk & Keluar</h1><p class="muted">Saldo kas dipisahkan dari pendapatan dan laba.</p></div></div>
<nav class="choice-nav section-switcher" data-default="cash-balance" aria-label="Pilih menu kas">
    <a class="choice-card" href="#cash-balance"><strong>Saldo kas</strong><small>Lihat saldo setiap akun kas.</small></a>
    <a class="choice-card" href="#cash-entry"><strong>Catat transaksi</strong><small>Input kas manual di luar penjualan POS.</small></a>
    <a class="choice-card" href="#cash-capital"><strong>Setor modal</strong><small>Tambah uang dari luar laci, bukan pendapatan.</small></a>
    <a class="choice-card" href="#cash-history"><strong>Histori kas</strong><small>Lihat seluruh kas masuk dan keluar.</small></a>
</nav>
<section class="switchable-section active" data-section="cash-balance"><div class="section-heading"><div><h2>Ringkasan keuangan bulan ini</h2><p>Laba bersih = laba kotor penjualan dikurangi kas keluar yang ditandai sebagai beban.</p></div></div><div class="stats-grid"><article class="stat"><span>Total saldo kas</span><strong>Rp{{ number_format((string) $summary->balance,0,',','.') }}</strong></article><article class="stat"><span>Kas masuk bulan ini</span><strong>Rp{{ number_format($summary->cash_in,0,',','.') }}</strong></article><article class="stat"><span>Kas keluar bulan ini</span><strong>Rp{{ number_format($summary->cash_out,0,',','.') }}</strong></article><article class="stat"><span>Penjualan bulan ini</span><strong>Rp{{ number_format($summary->sales,0,',','.') }}</strong></article><article class="stat"><span>HPP bulan ini</span><strong>Rp{{ number_format($summary->hpp,0,',','.') }}</strong></article><article class="stat"><span>Laba kotor bulan ini</span><strong>Rp{{ number_format($summary->gross_profit,0,',','.') }}</strong></article><article class="stat"><span>Beban operasional</span><strong>Rp{{ number_format($summary->expenses,0,',','.') }}</strong></article><article class="stat"><span>Laba bersih bulan ini</span><strong>Rp{{ number_format((string) $summary->net_profit,0,',','.') }}</strong></article></div><h3 class="subheading">Saldo per akun</h3><div class="stats-grid">@foreach($accounts as $account)<article class="stat"><span>{{ $account->name }}</span><strong>Rp{{ number_format($balances[$account->id]??0,0,',','.') }}</strong></article>@endforeach</div></section>
<section class="panel switchable-section" data-section="cash-entry"><div class="section-heading"><div><h2>Catat kas keluar atau masuk</h2><p>Gunakan kas keluar untuk belanja, membayar tagihan, transportasi, atau pembayaran lain. Penjualan POS tidak perlu diinput ulang.</p></div></div><div class="info-box"><strong>Agar laba bersih akurat:</strong> pilih kategori beban untuk biaya operasional. Pengambilan pribadi, perpindahan kas, dan pembelian stok tidak perlu ditandai sebagai beban karena bukan biaya operasional periode berjalan.</div><form method="post" action="{{ route('cash.store') }}" class="form-grid three">@csrf
<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>Akun kas<select class="enhanced-select" name="cash_account_id" required>@foreach($accounts as $account)<option value="{{ $account->id }}">{{ $account->name }}</option>@endforeach</select></label><label>Tipe transaksi<select name="type"><option value="out">Kas keluar</option><option value="in">Kas masuk</option></select></label><label>Tujuan / kategori<input name="category" placeholder="Belanja, listrik, transportasi..." required></label><label>Dihitung sebagai beban?<select class="enhanced-select" name="expense_category_id"><option value="">Tidak dihitung sebagai beban</option>@foreach($expenseCategories as $category)<option value="{{ $category->id }}">Ya — {{ $category->name }}</option>@endforeach</select><small class="field-help">Beban yang dipilih akan mengurangi laba bersih.</small></label><label>Metode pembayaran<select class="enhanced-select" name="payment_method_id"><option value="">Tidak ditentukan</option>@foreach($methods as $method)<option value="{{ $method->id }}">{{ $method->name }}</option>@endforeach</select></label><label>Jumlah<input type="number" step="0.01" min="0.01" name="amount" required></label><label>Waktu<input type="datetime-local" name="transaction_at" value="{{ now()->format('Y-m-d\TH:i') }}" required></label><label class="full">Keterangan pembayaran<textarea name="description" placeholder="Contoh: bayar listrik bulan Agustus" required></textarea></label><button class="button primary">Simpan transaksi kas</button>
</form></section>

<section class="panel switchable-section" data-section="cash-capital"><div class="section-heading"><div><h2>Setor modal</h2><p>Uang dari pemilik atau sumber lain yang menambah saldo laci.</p></div></div>
<div class="info-box"><strong>Bukan pendapatan:</strong> setoran modal menambah saldo kas tetapi tidak dihitung sebagai penjualan maupun laba. Gunakan ini bila saldo laci kurang untuk belanja.</div>
<form method="post" action="{{ route('cash.capital') }}" class="form-grid three">@csrf
<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>Akun kas<select class="enhanced-select" name="cash_account_id" required>@foreach($accounts as $account)<option value="{{ $account->id }}">{{ $account->name }} — saldo Rp{{ number_format((float) ($balances[$account->id] ?? 0),0,',','.') }}</option>@endforeach</select></label>
<label>Jumlah setoran<input type="number" step="0.01" min="0.01" name="amount" required></label>
<label>Waktu<input type="datetime-local" name="transaction_at" value="{{ now()->format('Y-m-d\TH:i') }}" required></label>
<label class="full">Keterangan<textarea name="description" placeholder="Contoh: setoran modal pemilik untuk belanja stok" required></textarea></label>
<button class="button primary">Simpan setor modal</button>
</form></section>
<section class="panel switchable-section" data-section="cash-history"><div class="section-heading"><div><h2>Histori kas</h2><p>Urutan transaksi terbaru berdasarkan waktu pencatatan.</p></div></div><div class="table-wrap"><table><thead><tr><th>Waktu</th><th>Nomor</th><th>Tipe</th><th>Kategori</th><th>Jumlah</th><th>Deskripsi</th><th>Rincian</th></tr></thead><tbody>@forelse($transactions as $row)@php($isReceipt = $row->source_type === 'stock_receipt' && $row->source_id)<tr><td>{{ $row->transaction_at->format('d/m/Y H:i') }}</td><td>{{ $row->number }}</td><td>{{ $row->type === 'in' ? 'Masuk' : 'Keluar' }}</td><td>{{ $row->category }}</td><td>Rp{{ number_format($row->amount,0,',','.') }}</td><td>{{ $row->description }}</td><td>@if($isReceipt)<button type="button" class="button small" data-receipt-url="{{ route('cash.receipt', $row) }}">Lihat belanja</button>@endif</td></tr>@empty<tr><td colspan="7" class="empty">Belum ada transaksi kas.</td></tr>@endforelse</tbody></table></div>{{ $transactions->fragment('cash-history')->links() }}</section>

<dialog id="receipt-dialog" class="recipe-dialog">
    <form method="dialog"><button class="dialog-close" aria-label="Tutup">&times;</button></form>
    <div class="recipe-dialog-body">
    <div class="recipe-dialog-head"><div><span class="eyebrow">Rincian belanja</span><h2 id="receipt-title">Stok masuk</h2><p class="muted" id="receipt-meta"></p></div></div>
    <div class="table-wrap"><table><thead><tr><th>Item</th><th>Jenis</th><th>Jumlah beli</th><th>Masuk ke stok</th><th>Harga satuan</th><th>Subtotal</th></tr></thead><tbody id="receipt-items"></tbody></table></div>
    <div class="price-bom-total"><span>Total belanja</span><strong id="receipt-total">Rp0</strong></div>
    <p class="field-help" id="receipt-notes"></p>
    <div class="form-actions"><button type="button" class="button" id="receipt-close">Tutup</button></div>
    </div>
</dialog>
@endsection

@push('scripts')<script>document.addEventListener('DOMContentLoaded',()=>{
const dialog=document.getElementById('receipt-dialog'),body=document.getElementById('receipt-items'),title=document.getElementById('receipt-title'),meta=document.getElementById('receipt-meta'),total=document.getElementById('receipt-total'),notes=document.getElementById('receipt-notes');
const esc=v=>String(v??'').replace(/[&<>"']/g,c=>({'&':'&amp;','<':'&lt;','>':'&gt;','"':'&quot;',"'":'&#039;'}[c]));
const money=v=>new Intl.NumberFormat('id-ID',{style:'currency',currency:'IDR',maximumFractionDigits:0}).format(Number(v)||0);
const num=v=>new Intl.NumberFormat('id-ID',{maximumFractionDigits:2}).format(Number(v)||0);
document.querySelectorAll('[data-receipt-url]').forEach(button=>button.addEventListener('click',async()=>{
  body.innerHTML='<tr><td colspan="6" class="empty">Memuat...</td></tr>';title.textContent='Stok masuk';meta.textContent='';total.textContent='Rp0';notes.textContent='';dialog.showModal();
  try{
    const response=await fetch(button.dataset.receiptUrl,{headers:{'Accept':'application/json'}});
    if(!response.ok)throw new Error('Rincian belanja tidak ditemukan.');
    const data=await response.json();
    title.textContent=`Stok masuk ${data.number}`;
    meta.textContent=[data.receipt_date,data.supplier?`Pemasok: ${data.supplier}`:null,data.document_number?`Nota: ${data.document_number}`:null,`Dicatat oleh ${data.created_by}`,`Kas: ${data.cash_number}`].filter(Boolean).join(' \u00b7 ');
    body.innerHTML=data.items.length?data.items.map(item=>`<tr><td>${esc(item.item)}</td><td>${esc(item.item_type)}</td><td>${num(item.quantity)} ${esc(item.unit)}</td><td>${num(item.base_quantity)} ${esc(item.base_unit)}</td><td>${money(item.unit_price)} / ${esc(item.unit)}</td><td>${money(item.total)}</td></tr>`).join(''):'<tr><td colspan="6" class="empty">Tidak ada item.</td></tr>';
    total.textContent=money(data.total);
    notes.textContent=data.notes?`Catatan: ${data.notes}`:'';
  }catch(error){body.innerHTML=`<tr><td colspan="6" class="empty">${esc(error.message)}</td></tr>`;}
}));
document.getElementById('receipt-close').addEventListener('click',()=>dialog.close());
});</script>@endpush