@extends('layouts.app')
@section('title', 'Barang Masuk — ' . $project->nama_proyek)
@section('content')

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

<div class="d-flex justify-content-end mb-4">
    <a href="{{ route('admin.purchases.create', $project) }}" class="btn btn-primary"><i class="bx bx-plus me-1"></i>Tambah Transaksi Masuk</a>
</div>

{{-- Budget Monitor --}}
<div class="row g-3 mb-4">
  <div class="col-md-4">
    <div class="card text-center" style="border-top: 3px solid #16a34a;">
      <div class="card-body py-3">
        <p class="text-muted mb-1" style="font-size:0.75rem;">ANGGARAN RAB MATERIAL</p>
        <h5 class="fw-bold text-success mb-0">Rp {{ number_format($rabBudget, 0, ',', '.') }}</h5>
      </div>
    </div>
  </div>
  <div class="col-md-4">
    <div class="card text-center" style="border-top: 3px solid #f59e0b;">
      <div class="card-body py-3">
        <p class="text-muted mb-1" style="font-size:0.75rem;">TOTAL SUDAH DIBELI</p>
        <h5 class="fw-bold text-warning mb-0">Rp {{ number_format($totalPurchased, 0, ',', '.') }}</h5>
      </div>
    </div>
  </div>
  <div class="col-md-4">
    <div class="card text-center" style="border-top: 3px solid {{ $remaining >= 0 ? '#2563eb' : '#dc2626' }};">
      <div class="card-body py-3">
        <p class="text-muted mb-1" style="font-size:0.75rem;">SISA ANGGARAN</p>
        <h5 class="fw-bold {{ $remaining >= 0 ? 'text-primary' : 'text-danger' }} mb-0">
          Rp {{ number_format(abs($remaining), 0, ',', '.') }}
          @if($remaining < 0) <small class="d-block" style="font-size:0.7rem;">(MELEBIHI ANGGARAN!)</small> @endif
        </h5>
      </div>
    </div>
  </div>
</div>

@if($rabBudget > 0)
<div class="mb-4">
  @php $pct = $rabBudget > 0 ? min(100, ($totalPurchased / $rabBudget) * 100) : 0; @endphp
  <div class="d-flex justify-content-between mb-1" style="font-size:0.8rem;">
    <span>Penggunaan Anggaran</span>
    <span class="fw-semibold">{{ number_format($pct, 1) }}%</span>
  </div>
  <div class="progress" style="height:8px;">
    <div class="progress-bar @if($pct >= 100) bg-danger @elseif($pct >= 80) bg-warning @else bg-success @endif"
         style="width: {{ $pct }}%"></div>
  </div>
</div>
@endif

{{-- Transactions Table --}}
<div class="card">
  <div class="card-body">
    <table id="purchaseTable" class="table table-hover">
      <thead><tr><th>No.</th><th>Tgl Masuk</th><th>Vendor</th><th>Items</th><th>Total Nilai</th><th>Keterangan</th><th class="text-center">Aksi</th></tr></thead>
      <tbody>
        @foreach($purchases as $p)
        <tr>
          <td>{{ $loop->iteration }}</td>
          <td>{{ \Carbon\Carbon::parse($p->tanggal_masuk)->format('d/m/Y') }}</td>
          <td class="fw-semibold">{{ $p->vendor->nama_vendor ?? '-' }}</td>
          <td><span class="badge bg-label-primary">{{ $p->purchaseDetails->count() }} item</span></td>
          <td class="fw-semibold text-success">Rp {{ number_format($p->purchaseDetails->sum('total_harga'), 0, ',', '.') }}</td>
          <td>{{ $p->keterangan ?? '-' }}</td>
          <td class="text-center">
            <a href="{{ route('admin.purchases.show', [$project, $p]) }}" class="btn btn-sm btn-outline-primary me-1"><i class="bx bx-show"></i></a>
            <a href="{{ route('admin.purchases.edit', [$project, $p]) }}" class="btn btn-sm btn-outline-warning me-1"><i class="bx bx-edit-alt"></i></a>
            <form action="{{ route('admin.purchases.destroy', [$project, $p]) }}" method="POST" class="d-inline" onsubmit="return confirm('Hapus transaksi ini?')">
              @csrf @method('DELETE')
              <button type="submit" class="btn btn-sm btn-outline-danger"><i class="bx bx-trash"></i></button>
            </form>
          </td>
        </tr>
        @endforeach
      </tbody>
    </table>
  </div>
</div>
@endsection
@section('page-script')
<script>$(document).ready(function(){ $('#purchaseTable').DataTable({order: [[0,'desc']]}); });</script>
@endsection