{{-- Header of the project pages other than the board: name, tabs. --}}
<div class="bg-white rounded-2xl border border-slate-200 p-4 shadow-xs flex flex-col sm:flex-row sm:items-center sm:justify-between gap-3">
    <div class="flex items-center space-x-3">
        <div class="w-10 h-10 rounded-xl flex items-center justify-center text-white font-bold text-sm shadow-sm shrink-0" style="background-color: {{ $project->color }};">
            {{ strtoupper(substr($project->name, 0, 2)) }}
        </div>
        <div>
            <h1 class="text-xl font-black text-slate-900 tracking-tight">{{ $project->name }}</h1>
            <p class="text-xs text-slate-500">{{ $subtitle ?? '' }}</p>
        </div>
    </div>
    @include('projects._nav')
</div>