@extends('layouts.app')
@section('title','Subcontractors')
@section('page-title','Subcontractors')
@section('content')
<div class="page-header d-flex justify-content-between align-items-center">
  <h5 class="mb-0"><i class="bi bi-person-gear me-2"></i>Subcontractors</h5>
  <a href="{{ route('subcontractors.create') }}" class="btn btn-primary btn-sm"><i class="bi bi-plus-lg me-1"></i>Add Subcontractor</a>
</div>
<div class="card stat-card"><div class="table-responsive"><table class="table table-hover mb-0">
  <thead><tr><th>Name</th><th>Trade</th><th>Project</th><th>Agreed Amount</th><th>Paid</th><th>Balance</th><th>Status</th><th></th></tr></thead>
  <tbody>
    @forelse($subcontractors as $sc)
    <tr>
      <td class="fw-semibold small">{{ $sc->name }}</td>
      <td class="small">{{ $sc->trade }}</td>
      <td class="small">{{ $sc->project->name ?? '-' }}</td>
      <td class="small">GH₵ {{ number_format($sc->agreed_amount,2) }}</td>
      <td class="small text-success">GH₵ {{ number_format($sc->amount_paid,2) }}</td>
      <td class="small {{ $sc->balance>0?'text-danger fw-bold':'' }}">GH₵ {{ number_format($sc->balance,2) }}</td>
      <td><span class="badge bg-{{ $sc->status==='active'?'success':($sc->status==='completed'?'primary':'secondary') }}">{{ $sc->status }}</span></td>
      <td><a href="{{ route('subcontractors.show',$sc) }}" class="btn btn-xs btn-outline-primary" style="font-size:.75rem;padding:.15rem .4rem"><i class="bi bi-eye"></i></a></td>
    </tr>
    @empty<tr><td colspan="8" class="text-center py-4 text-muted">No subcontractors.</td></tr>
    @endforelse
  </tbody>
</table></div><div class="card-footer bg-white">{{ $subcontractors->links() }}</div></div>
@endsection