@extends('layouts.app')
@section('title', 'Buku Besar Stok: ' . $item->nama_barang)
@section('content')

<div class="d-flex align-items-center mb-4">
  <a href="{{ route('admin.stocks.index', $project) }}" class="btn btn-outline-secondary btn-sm me-3 no-print"><i class="bx bx-arrow-back"></i></a>
  <div>
    <h4 class="fw-bold mb-0">Buku Besar Stok / Riwayat Item</h4>
    <p class="text-muted mb-0" style="font-size:0.85rem;">{{ $project->nama_proyek }}</p>
  </div>
</div>

<style>
@media print {
    .sidebar-wrapper, aside, nav, footer, .no-print { display: none !important; }
    .layout-page { margin-left: 0 !important; }
    .card { box-shadow: none !important; border: 1px solid #ddd; }
}
</style>

<div class="card mb-4">
  <div class="card-body py-3">
    <div class="row">
      <div class="col-md-4">
        <p class="text-muted mb-1" style="font-size:0.75rem;">NAMA MATERIAL</p>
        <h6 class="fw-bold mb-0">{{ $item->nama_barang }}</h6>
      </div>
      <div class="col-md-3">
        <p class="text-muted mb-1" style="font-size:0.75rem;">KODE / KATEGORI</p>
        <h6 class="fw-semibold mb-0"><code>{{ $item->kode_barang }}</code> / {{ $item->category->name ?? '-' }}</h6>
      </div>
      <div class="col-md-2">
        <p class="text-muted mb-1" style="font-size:0.75rem;">SATUAN</p>
        <h6 class="fw-semibold mb-0">{{ $item->satuan }}</h6>
      </div>
      <div class="col-md-3 text-end no-print">
        <button onclick="window.print()" class="btn btn-sm btn-outline-secondary mt-2"><i class="bx bx-printer me-1"></i>Cetak Kartu Stok</button>
      </div>
    </div>
  </div>
</div>

<div class="card">
  <div class="card-body p-0">
    <div class="table-responsive">
      <table class="table table-bordered table-striped mb-0">
        <thead class="table-light text-center">
          <tr>
            <th rowspan="2" class="align-middle">No.</th>
            <th rowspan="2" class="align-middle">Tanggal</th>
            <th rowspan="2" class="align-middle text-start">Keterangan / Referensi</th>
            <th colspan="3">Mutasi ({{ $item->satuan }})</th>
            <th rowspan="2" class="align-middle no-print">Nilai Transaksi (Rp)</th>
          </tr>
          <tr>
            <th class="text-success">Masuk</th>
            <th class="text-danger">Keluar</th>
            <th class="text-primary">Saldo</th>
          </tr>
        </thead>
        <tbody>
          @forelse($ledgerWithBalance as $row)
          <tr>
            <td class="text-center">{{ $loop->iteration }}</td>
            <td class="text-center">{{ \Carbon\Carbon::parse($row['tanggal'])->format('d/m/Y') }}</td>
            <td>
              @if($row['type'] === 'masuk')
                <span class="badge bg-label-success me-2">MASUK</span>
              @else
                <span class="badge bg-label-warning me-2">KELUAR</span>
              @endif
              {{ $row['keterangan'] }}
            </td>
            <td class="text-end text-success fw-semibold">{{ $row['masuk'] ? number_format($row['masuk'], 2, ',', '.') : '-' }}</td>
            <td class="text-end text-danger fw-semibold">{{ $row['keluar'] ? number_format($row['keluar'], 2, ',', '.') : '-' }}</td>
            <td class="text-end text-primary fw-bold">{{ number_format($row['saldo'], 2, ',', '.') }}</td>
            <td class="text-end no-print">{{ $row['nilai'] ? number_format($row['nilai'], 0, ',', '.') : '-' }}</td>
          </tr>
          @empty
          <tr><td colspan="7" class="text-center text-muted py-5">Belum ada riwayat mutasi untuk item ini.</td></tr>
          @endforelse
        </tbody>
      </table>
    </div>
  </div>
</div>
@endsection