<x-layouts.dashboard :title="'Designer Profile: '.$designer->name">
    <div class="profile-grid"><section class="card"><span class="badge">{{ $designer->status }}</span><h2>{{ $designer->name }}</h2><p>{{ $designer->email }} | {{ $designer->phone }}</p></section><section class="card"><h3>Performance Chart</h3>@foreach($counts as $label => $count)<div class="bar-row"><span>{{ $label }}</span><div class="progress"><i style="width:{{ min($count * 18,100) }}%"></i></div><b>{{ $count }}</b></div>@endforeach</section></div>
    <div class="table-card"><h3>Assigned Tasks</h3>@include('partials.task-table', ['tasks' => $designer->assignedTasks])</div>
</x-layouts.dashboard>
