Files
ladill-care/resources/views/care/specialty/shell.blade.php
T
isaaccladandCursor 2b3eed8f84
Deploy Ladill Care / deploy (push) Successful in 35s
Consolidate consultation and specialty actions into a sticky panel.
Desktop uses a right sticky Actions column; mobile uses a FAB above the nav that opens a bottomsheet. Request investigations moves into a modal/sheet, and Call next is available on the consultation panel.

Co-authored-by: Cursor <cursoragent@cursor.com>
2026-07-18 14:38:09 +00:00

78 lines
3.9 KiB
PHP

<x-app-layout title="{{ $definition['label'] ?? $moduleKey }}">
<div class="space-y-4">
<div class="flex flex-wrap items-start justify-between gap-4">
<div>
<p class="text-xs font-semibold uppercase tracking-wider text-indigo-600">Specialty module</p>
<h1 class="mt-1 text-xl font-semibold text-slate-900">{{ $definition['label'] ?? $moduleKey }}</h1>
<p class="mt-1 max-w-2xl text-sm text-slate-500">{{ $definition['description'] ?? '' }}</p>
</div>
<a href="{{ route('care.settings.modules') }}" class="text-sm font-medium text-indigo-600 hover:text-indigo-800">Manage modules</a>
</div>
<div class="grid gap-4 lg:grid-cols-[220px_minmax(0,1fr)_16rem]">
{{-- Left navigation --}}
<nav class="rounded-2xl border border-slate-200 bg-white p-3 lg:sticky lg:top-4 lg:self-start">
<p class="px-2 pb-2 text-[10px] font-semibold uppercase tracking-wider text-slate-400">Navigate</p>
<ul class="space-y-0.5">
@foreach ($navItems as $key => $item)
@php
$active = $section === $key;
$params = ['module' => $moduleKey];
if ($key === 'workspace' && $workspaceVisit) {
$params['visit'] = $workspaceVisit;
}
@endphp
<li>
<a href="{{ route($item['route'], $params) }}"
@class([
'block rounded-xl px-3 py-2 text-sm font-medium',
'bg-indigo-50 text-indigo-800' => $active,
'text-slate-600 hover:bg-slate-50 hover:text-slate-900' => ! $active,
])>
{{ $item['label'] }}
</a>
</li>
@endforeach
</ul>
@if (! empty($stages))
<p class="mt-4 px-2 pb-2 text-[10px] font-semibold uppercase tracking-wider text-slate-400">Stage map</p>
<ol class="space-y-1 px-1">
@foreach ($stages as $stage)
<li class="flex items-center gap-2 rounded-lg px-2 py-1.5 text-xs text-slate-600">
<span class="flex h-5 w-5 items-center justify-center rounded-full bg-slate-100 text-[10px] font-semibold text-slate-500">{{ $loop->iteration }}</span>
{{ $stage['label'] ?? $stage['code'] }}
</li>
@endforeach
</ol>
@endif
</nav>
{{-- Main workspace --}}
<div class="min-w-0 space-y-4">
@if ($section === 'overview')
@include('care.specialty.sections.overview')
@elseif ($section === 'visits')
@include('care.specialty.sections.visits')
@elseif ($section === 'history')
@include('care.specialty.sections.history')
@elseif ($section === 'billing')
@include('care.specialty.sections.billing')
@elseif ($section === 'workspace')
@include('care.specialty.sections.workspace')
@endif
</div>
@include('care.partials.clinical-actions-panel', [
'actionsView' => 'care.specialty.partials.actions-menu',
'title' => 'Actions',
])
</div>
</div>
@include('care.partials.clinical-actions-mobile', [
'actionsView' => 'care.specialty.partials.actions-menu',
'title' => 'Actions',
])
</x-app-layout>