@extends('layouts/layoutMaster')

@section('title', 'Daftar 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/@form-validation/auto-focus.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')
<div class="card">
  <div class="card-datatable table-responsive">
    <table class="datatables-ingredients table table-hover">
      <thead>
        <tr>
          <th hidden>ID</th>
          <th>#</th>
          <th>Nama Bahan Baku</th>
          <th>Stok</th>
          <th>Jenis</th>
          <th>Satuan</th>
          <th class="text-center">Aksi</th>
        </tr>
      </thead>
      <tbody>
        @foreach ($ingredients as $ingredient)
        <tr>
          <td hidden>{{ $ingredient->id }}</td>
          <td>{{$loop->index + 1}}</td>
          <td>{{ $ingredient->name }}</td>
          <td>{{ rtrim(rtrim(number_format($ingredient->remaining_stock, 8, '.', ','), '0'), '.') }}</td>
          <td>{{$ingredient->category == "raw-material" ? "Bahan Baku" : "Peralatan"}} </td>
          <td>
            @if($ingredient->latestPurchase && $ingredient->latestPurchase->unit)
            {{ $ingredient->latestPurchase->unit->name }}
            @else
            N/A
            @endif
          </td>
          <td class="text-center">
            <a href="{{ route('ingredient.detail', ['id' => $ingredient->id]) }}"
              class="btn btn-sm btn-icon btn-text-primary rounded-pill waves-effect">
              <i class="ri-eye-line"></i>
            </a>
          </td>
        </tr>
        @endforeach
      </tbody>
    </table>
  </div>
</div>
@endsection