@extends('layouts.app')
@section('title','Tools')
@section('page-title','Tools Register')
@section('content')
<div class="page-header d-flex justify-content-between align-items-center">
  <h5 class="mb-0"><i class="bi bi-tools me-2"></i>Tools Register</h5>
  <a href="{{ route('tools.create') }}" class="btn btn-primary btn-sm"><i class="bi bi-plus-lg me-1"></i>Register Tool</a>
</div>
<div class="card stat-card"><div class="table-responsive"><table class="table table-hover mb-0">
  <thead><tr><th>Tag</th><th>Name</th><th>Category</th><th>Total Qty</th><th>Available</th><th>Condition</th><th>Project</th></tr></thead>
  <tbody>
    @forelse($tools as $t)
    <tr>
      <td class="small fw-semibold">{{ $t->tag_number }}</td>
      <td class="small">{{ $t->name }}</td>
      <td class="small">{{ $t->category }}</td>
      <td class="small text-center">{{ $t->quantity }}</td>
      <td class="small text-center {{ $t->available==0?'text-danger fw-bold':'' }}">{{ $t->available }}</td>
      <td><span class="badge bg-{{ $t->condition==='good'?'success':($t->condition==='fair'?'warning text-dark':'danger') }}">{{ $t->condition }}</span></td>
      <td class="small">{{ $t->project->name ?? '-' }}</td>
    </tr>
    @empty<tr><td colspan="7" class="text-center py-4 text-muted">No tools registered.</td></tr>
    @endforelse
  </tbody>
</table></div><div class="card-footer bg-white">{{ $tools->links() }}</div></div>
@endsection