@extends('layouts.app')
@section('title', 'Capacity')
@section('content')
<div class="page-head"><div><div class="eyebrow">Software-team planning</div><h1>Workload & availability</h1><p>Understand engineering capacity before committing delivery work.</p></div><span class="badge green">82% overall utilization</span></div>
<div class="grid four"><div class="card"><div class="card-label">Available hours</div><div class="metric">316</div><div class="trend">Next 2 weeks</div></div><div class="card"><div class="card-label">Committed hours</div><div class="metric">1,426</div><div class="trend">Across active initiatives</div></div><div class="card"><div class="card-label">At-risk teams</div><div class="metric">1</div><div class="trend">Requires planning action</div></div><div class="card"><div class="card-label">People on leave</div><div class="metric">4</div><div class="trend">Within current sprint</div></div></div>
<div class="grid two section">@foreach($teams as $team)<article class="panel card team-card"><div class="card-label"><h3>{{ $team['name'] }}</h3><span class="badge {{ $team['availability']==='At risk'?'amber':'green' }}">{{ $team['availability'] }}</span></div><div class="team-meta"><span>{{ $team['members'] }} team members</span><strong>{{ $team['utilization'] }}% utilization</strong></div><div class="progress"><span style="width:{{ $team['utilization'] }}%"></span></div></article>@endforeach</div>
@endsection