@extends('layouts.app')
@section('title', 'Organization')
@section('content')
<div class="page-head">
    <div><div class="eyebrow">ERP organization model</div><h1>Departments & structure</h1><p>Cost centers, approved positions, headcount, payroll exposure, and reporting layers.</p></div>
    <span class="badge green">Structure active</span>
</div>
<div class="grid four">
    <div class="card"><div class="card-label">Departments</div><div class="metric">{{ $departments->count() }}</div><div class="trend">Active organization units</div></div>
    <div class="card"><div class="card-label">Approved positions</div><div class="metric">{{ $totalPositions }}</div><div class="trend">Across all grades</div></div>
    <div class="card"><div class="card-label">Management layers</div><div class="metric">{{ $managementLayers }}</div><div class="trend">Current reporting depth</div></div>
    <div class="card"><div class="card-label">Headcount budget</div><div class="metric">{{ $departments->sum('headcount_budget') }}</div><div class="trend">{{ $departments->sum('employees_count') }} positions currently filled</div></div>
</div>
<section class="panel section">
    <div class="section-title"><div><h2>Department operating model</h2><p>Live staffing and budget position by cost center</p></div></div>
    <div class="table-wrap"><table class="data-table">
        <thead><tr><th>Department</th><th>Code</th><th>Cost center</th><th>Parent</th><th>Positions</th><th>Headcount</th><th>Plan</th><th>Utilization</th><th class="right">Annual payroll</th><th class="right">Budget</th></tr></thead>
        <tbody>@foreach($departments as $department)
            @php($utilization=$department->headcount_budget ? round(($department->employees_count/$department->headcount_budget)*100) : 0)
            <tr><td><strong>{{ $department->name }}</strong></td><td class="mono">{{ $department->code }}</td><td class="mono muted">{{ $department->cost_center }}</td><td>{{ $department->parent?->name ?? 'Company' }}</td><td>{{ $department->positions_count }}</td><td>{{ $department->employees_count }}</td><td>{{ $department->headcount_budget }}</td><td><div class="progress compact"><span style="width:{{ min($utilization,100) }}%"></span></div><small class="muted">{{ $utilization }}%</small></td><td class="right mono">${{ number_format($department->salary_total ?? 0) }}</td><td class="right mono">${{ number_format($department->annual_budget) }}</td></tr>
        @endforeach</tbody>
    </table></div>
</section>
<div class="grid two section">
    @foreach($departments as $department)
    <article class="card">
        <div class="card-label"><span class="badge">{{ $department->code }}</span><span>{{ $department->status }}</span></div>
        <h3>{{ $department->name }}</h3>
        <p class="muted">{{ $department->employees_count }} employees · {{ $department->positions_count }} job positions · {{ $department->cost_center }}</p>
        <div class="progress"><span style="width:{{ $department->headcount_budget ? min(round(($department->employees_count/$department->headcount_budget)*100),100) : 0 }}%"></span></div>
    </article>
    @endforeach
</div>
@endsection