@extends('layouts.app')
@section('title', 'Detail Barang Keluar')
@section('content')
<div class="d-flex align-items-center mb-4">
  <a href="{{ route('admin.usages.index', $project) }}" class="btn btn-outline-secondary btn-sm me-3"><i class="bx bx-arrow-back"></i></a>
  <div>
    <h4 class="fw-bold mb-0">Detail Transaksi Barang Keluar</h4>
    <p class="text-muted mb-0" style="font-size:0.85rem;">{{ $project->nama_proyek }}</p>
  </div>
</div>
<div class="row g-3">
  <div class="col-md-4">
    <div class="card h-100"><div class="card-body">
      <p class="text-muted mb-1" style="font-size:0.75rem;">TANGGAL KELUAR</p>
      <h6 class="fw-bold">{{ \Carbon\Carbon::parse($usage->tanggal_keluar)->format('d F Y') }}</h6>
      @if($usage->keterangan)
      <hr>
      <p class="text-muted mb-1" style="font-size:0.75rem;">KETERANGAN / TUJUAN</p>
      <p class="mb-0">{{ $usage->keterangan }}</p>
      @endif
    </div></div>
  </div>
  <div class="col-md-8">
    <div class="card h-100"><div class="card-body p-0">
      <table class="table table-bordered mb-0">
        <thead><tr><th>No.</th><th>Material</th><th>Kategori</th><th class="text-end">Qty Keluar</th><th>Satuan</th></tr></thead>
        <tbody>
          @foreach($usage->usageDetails as $d)
          <tr>
            <td>{{ $loop->iteration }}</td>
            <td class="fw-semibold">{{ $d->item->nama_barang ?? '-' }}</td>
            <td><span class="badge bg-label-info">{{ $d->item->category->name ?? '-' }}</span></td>
            <td class="text-end fw-semibold text-danger">{{ number_format($d->qty, 2, ',', '.') }}</td>
            <td>{{ $d->item->satuan ?? '-' }}</td>
          </tr>
          @endforeach
        </tbody>
        <tfoot>
          <tr class="table-danger">
            <td colspan="3" class="text-end fw-bold">TOTAL QTY</td>
            <td class="text-end fw-bold">{{ number_format($usage->usageDetails->sum('qty'), 2, ',', '.') }}</td>
            <td></td>
          </tr>
        </tfoot>
      </table>
    </div></div>
  </div>
</div>
@endsection