@extends('layouts.app')
@section('title','Organization chart')
@section('content')
<x-page-header eyebrow="ORGANIZATION CHART" title="See how it all connects." description="Explore your structure at any point in time."/>
<section class="panel"><form method="get" class="filter-bar"><label class="inline-label">Effective as of<input type="date" name="date" value="{{ $date }}" required></label><button class="button secondary">View structure</button></form><div class="org-chart">@if($nodes->isEmpty())<div class="empty-state"><x-icon name="org"/><h3>Your chart is ready to grow</h3><p>Create organization units and parent relationships to see them here.</p><a class="button primary" href="{{ $base }}/organization">Open organization</a></div>@else<ul>@foreach($nodes->filter(fn ($n)=>!$n['parent_id'] || !$nodes->contains('id',$n['parent_id'])) as $node)@include('organization.chart-node')@endforeach</ul>@endif</div></section>
@endsection