@extends('layouts/layoutMaster')

@section('title', 'Detail dan Riwayat Bahan Baku')

@section('vendor-style')
@vite([
  'resources/assets/vendor/libs/datatables-bs5/datatables.bootstrap5.scss',
  'resources/assets/vendor/libs/datatables-responsive-bs5/responsive.bootstrap5.scss',
  'resources/assets/vendor/libs/datatables-buttons-bs5/buttons.bootstrap5.scss',
  'resources/assets/vendor/libs/datatables-checkboxes-jquery/datatables.checkboxes.scss',
  'resources/assets/vendor/libs/select2/select2.scss',
  'resources/assets/vendor/libs/@form-validation/form-validation.scss'
])
@endsection

@section('vendor-script')
@vite([
  'resources/assets/vendor/libs/moment/moment.js',
  'resources/assets/vendor/libs/datatables-bs5/datatables-bootstrap5.js',
  'resources/assets/vendor/libs/select2/select2.js',
  'resources/assets/vendor/libs/@form-validation/popular.js',
  'resources/assets/vendor/libs/@form-validation/bootstrap5.js',
  'resources/assets/vendor/libs/cleavejs/cleave.js',
  'resources/assets/vendor/libs/cleavejs/cleave-phone.js'
])
@endsection

@section('page-script')
@vite(['Modules/Stockist/resources/assets/js/ingredients-detail.js'])
@endsection

@section('content')

<!-- Detail Bahan Baku -->
<div class="card mb-4">
  <div class="card-header">
    <h5>Detail Bahan Baku: {{ $ingredient->name }}</h5>
  </div>
  <div class="card-body">
    <p><strong>Stok: </strong>{{ rtrim(rtrim(number_format($ingredient->remaining_stock, 8, '.', ','), '0'), '.') }}</p>
    <p><strong>Satuan: </strong>
      @if($ingredient->latestPurchase && $ingredient->latestPurchase->unit)
      {{ $ingredient->latestPurchase->unit->name }}
      @else
      N/A
      @endif
    </p>
  </div>
</div>

<!-- Riwayat Pembelian -->
@if($purchases && $purchases->isNotEmpty())
<div class="card mb-4">
  <div class="card-header">
    <h5>Riwayat Pembelian</h5>
  </div>
  <div class="card-datatable table-responsive">
    <table class="table table-hover datatables-ingredients">
      <thead>
        <tr>
          <th></th>
          <th>Tanggal</th>
          <th>Jumlah</th>
          <th>Harga per Unit</th>
          <th>Total Harga</th>
        </tr>
      </thead>
      <tbody>
        @foreach ($purchases as $purchase)
            <tr>
              <td></td>
                <td>{{ $purchase->created_at->format('d M Y') }}</td>
                <td>{{ rtrim(rtrim(number_format($purchase->quantity, 8, '.', ','), '0'), '.') }}</td>
                <td>{{ isset($purchase->purchase) ? rupiah_format($purchase->purchase->unit_price, 2) : '-' }}</td>
                <td>{{ isset($purchase->purchase) ? rupiah_format($purchase->purchase->total_price, 2) : '-' }}</td>
            </tr>
        @endforeach
    </tbody>

    </table>
  </div>
</div>
@else
<div class="card">
  <div class="card-body">
    <p>Belum ada riwayat pembelian untuk bahan baku ini.</p>
  </div>
</div>
@endif

<!-- Riwayat Penggunaan -->
@if($usages && $usages->isNotEmpty())
<div class="card">
  <div class="card-header">
    <h5>Riwayat Penggunaan</h5>
  </div>
  <div class="card-datatable table-responsive">
    <table class="table table-hover datatables-ingredients">
      <thead>
        <tr>
          <th></th>
          <th>Tanggal</th>
          <th>Jumlah</th>
          <th>Harga per Unit</th>
          <th>Jenis Transaksi</th>
          <th>Jenis Produk</th> <!-- Tambahan -->
        </tr>
      </thead>
      <tbody>
        @foreach ($usages as $usage)
          <tr>
            <td></td>
            <td>{{ $usage->created_at->format('d M Y') }}</td>
            <td>{{ rtrim(rtrim(number_format($usage->quantity, 8, '.', ','), '0'), '.') }}</td>
            <td>{{ rupiah_format($usage->unit_price, 2) }}</td>
            <td>
              @if($usage->movement_type === 'sell')
                <span class="badge bg-success">Penjualan</span>
              @elseif($usage->movement_type === 'adjustment')
                <span class="badge bg-warning text-dark">Penyesuaian</span>
              @else
                <span class="badge bg-secondary">Lainnya</span>
              @endif
            </td>
            <td>
              @if($usage->product_type === 'product')
                <span class="badge bg-primary">Produk</span>
              @elseif($usage->product_type === 'variant')
                <span class="badge bg-info text-dark">Varian</span>
              @elseif($usage->product_type === 'addition')
                <span class="badge bg-secondary">Tambahan</span>
              @else
                <span class="badge bg-dark">Tidak Diketahui</span>
              @endif
            </td>
          </tr>
        @endforeach
      </tbody>
    </table>
  </div>
</div>
@else
<div class="card">
  <div class="card-body">
    <p>Belum ada riwayat penggunaan untuk bahan baku ini.</p>
  </div>
</div>
@endif



@endsection