@extends('layouts.app')
@section('title', 'Rekap Stok Material — ' . $project->nama_proyek)
@section('content')

@include('admin.projects.tabs', ['activeTab' => 'stocks'])

<div class="d-flex justify-content-end mb-4 no-print">
    <button onclick="window.print()" class="btn btn-sm btn-outline-secondary"><i class="bx bx-printer me-1"></i>Cetak Rekap Stok</button>
</div>

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

<div class="card">
  <div class="card-body">
    <table id="stockTable" class="table table-hover table-bordered">
      <thead class="table-light">
        <tr>
          <th>No.</th>
          <th>Kode</th>
          <th>Nama Material</th>
          <th>Kategori</th>
          <th class="text-end">Masuk</th>
          <th class="text-end">Keluar</th>
          <th class="text-end">Saldo (Sisa)</th>
          <th>Sat.</th>
          <th class="text-center no-print">Riwayat</th>
        </tr>
      </thead>
      <tbody>
        @foreach($stockData as $s)
        <tr>
          <td>{{ $loop->iteration }}</td>
          <td><code>{{ $s->item->kode_barang }}</code></td>
          <td class="fw-semibold">{{ $s->item->nama_barang }}</td>
          <td>{{ $s->item->category->name ?? '-' }}</td>
          <td class="text-end text-success">{{ number_format($s->qty_masuk, 2, ',', '.') }}</td>
          <td class="text-end text-danger">{{ number_format($s->qty_keluar, 2, ',', '.') }}</td>
          <td class="text-end fw-bold @if($s->saldo <= 0) text-danger @else text-primary @endif">
            {{ number_format($s->saldo, 2, ',', '.') }}
          </td>
          <td>{{ $s->item->satuan }}</td>
          <td class="text-center no-print">
            <a href="{{ route('admin.stocks.detail', [$project, $s->item]) }}" class="btn btn-xs btn-outline-info" style="font-size:0.72rem; padding:2px 6px;">Detail</a>
          </td>
        </tr>
        @endforeach
      </tbody>
    </table>
  </div>
</div>

{{-- [REV-4] Section File Lampiran --}}
@include('admin.partials.project_files_section', [
    'project'      => $project,
    'files'        => $files,
    'modul'        => 'rekap_stok',
    'sectionTitle' => 'File Lampiran Rekap Stok',
])

@endsection
@section('page-script')
<script>$(document).ready(function(){ $('#stockTable').DataTable(); });</script>
@endsection