@extends('layouts.app')
@section('title','Materials')
@section('page-title','Materials & Stock')
@section('content')
<div class="page-header d-flex justify-content-between align-items-center">
  <h5 class="mb-0"><i class="bi bi-box-seam me-2"></i>Materials & Stock Register</h5>
  <a href="{{ route('materials.create') }}" class="btn btn-primary btn-sm"><i class="bi bi-plus-lg me-1"></i>Add Material</a>
</div>
<div class="card stat-card"><div class="table-responsive"><table class="table table-hover mb-0">
  <thead><tr><th>Code</th><th>Name</th><th>Category</th><th>Unit</th><th class="text-center">Current Stock</th><th class="text-center">Reorder Level</th><th>Unit Cost</th><th>Status</th><th></th></tr></thead>
  <tbody>
    @forelse($materials as $mat)
    <tr class="{{ $mat->isLowStock() ? 'table-warning' : '' }}">
      <td class="small fw-semibold">{{ $mat->code }}</td>
      <td class="small">{{ $mat->name }}</td>
      <td class="small">{{ $mat->category }}</td>
      <td class="small">{{ $mat->unit }}</td>
      <td class="text-center fw-bold {{ $mat->isLowStock()?'text-danger':'' }}">{{ $mat->current_stock }}</td>
      <td class="text-center text-muted small">{{ $mat->reorder_level }}</td>
      <td class="small">{{ $mat->unit_cost ? 'GH₵ '.number_format($mat->unit_cost,2) : '-' }}</td>
      <td>@if($mat->isLowStock())<span class="badge bg-danger"><i class="bi bi-exclamation-triangle me-1"></i>Low Stock</span>@else<span class="badge bg-success">OK</span>@endif</td>
      <td><a href="{{ route('materials.edit',$mat) }}" class="btn btn-xs btn-outline-secondary" style="font-size:.75rem;padding:.15rem .4rem"><i class="bi bi-pencil"></i></a></td>
    </tr>
    @empty<tr><td colspan="9" class="text-center py-4 text-muted">No materials found.</td></tr>
    @endforelse
  </tbody>
</table></div></div>
@endsection