@extends('layouts.practice-onboarding')

@section('title', 'Practice Onboarding')

@section('content')
@php
    $statusClasses = [
        'action_required' => 'status-pill-warning',
        'pending' => 'status-pill-warning',
        'under_review' => 'status-pill-neutral',
        'completed' => 'status-pill-good',
        'rejected' => 'status-pill-critical',
        'locked' => 'status-pill-neutral',
        'not_applicable' => 'status-pill-neutral',
    ];
    $categoryLabels = [
        'registration' => 'Registration',
        'access' => 'Access',
        'compliance' => 'Compliance',
        'practice_setup' => 'Practice Setup',
        'clinical_setup' => 'Clinical Setup',
        'integration' => 'Integration',
        'billing' => 'Billing',
        'patient_access' => 'Patient Access',
        'activation' => 'Activation',
    ];
    $documentStatusClasses = [
        'under_review' => 'status-pill-neutral',
        'verified' => 'status-pill-good',
        'rejected' => 'status-pill-critical',
        'superseded' => 'status-pill-neutral',
    ];
    $setupStatus = fn (string $key): string => $setupTaskStatuses->get($key)?->status ?? 'action_required';
    $setupStatusLabel = fn (string $key): string => ucfirst(str_replace('_', ' ', $setupStatus($key)));
    $setupStatusClass = fn (string $key): string => $statusClasses[$setupStatus($key)] ?? 'status-pill-neutral';
    $locationIntake = data_get($tenant->public_signup_intake, 'location', []);
    $commonTimezones = [
        'America/New_York' => 'Eastern',
        'America/Chicago' => 'Central',
        'America/Denver' => 'Mountain',
        'America/Los_Angeles' => 'Pacific',
        'America/Phoenix' => 'Arizona',
        'America/Anchorage' => 'Alaska',
        'Pacific/Honolulu' => 'Hawaii',
        'UTC' => 'UTC',
    ];
    if ($tenant->operational_timezone && ! array_key_exists($tenant->operational_timezone, $commonTimezones)) {
        $commonTimezones = [$tenant->operational_timezone => $tenant->operational_timezone] + $commonTimezones;
    }
    $psychiatricStatusLabels = [
        'internal' => 'Internal consultant',
        'external' => 'External consultant',
        'needs_assistance' => 'Need Meduvo assistance',
        'not_required' => 'Not required',
    ];
    $ehrStatusLabels = [
        'not_started' => 'Not started',
        'planning' => 'Planning',
        'authorization_submitted' => 'Authorization submitted',
        'not_needed' => 'Not needed',
    ];
    $consentDeliveryLabels = [
        'verbal' => 'Verbal',
        'written' => 'Written',
        'esign' => 'e-sign',
        'verbal_and_written' => 'Verbal + written',
    ];
    $currentUser = auth()->user();
    $canManagePracticeProfile = $currentUser?->canManagePracticeProfile() ?? false;
    $canManagePracticeLocations = $currentUser?->canManagePracticeLocations() ?? false;
    $canManageClinicalSetup = $currentUser?->canManageClinicalSetup() ?? false;
    $canInvitePracticeStaff = $currentUser?->canInvitePracticeStaff() ?? false;
    $canManageIntegrationSetup = $currentUser?->canManageIntegrationSetup() ?? false;
    $canManageBillingSetup = $currentUser?->canManageBillingSetup() ?? false;
    $canManageConsentConfiguration = $currentUser?->canManageConsentConfiguration() ?? false;
    $canManageComplianceDocuments = $currentUser?->canManageComplianceDocuments() ?? false;
    $progressTotal = max((int) $progress['total'], 0);
    $progressDone = max((int) $progress['done'], 0);
    $progressRemaining = max($progressTotal - $progressDone, 0);
    $progressPercentage = min(100, max(0, (int) $progress['percentage']));
    $taskCounts = collect($progress['counts'] ?? []);
    $progressSegments = [
        ['label' => 'Complete', 'count' => $progressDone, 'class' => 'bg-status-good'],
        ['label' => 'In review', 'count' => (int) $taskCounts->get('under_review', 0), 'class' => 'bg-accent'],
        ['label' => 'Needs work', 'count' => (int) $taskCounts->get('action_required', 0) + (int) $taskCounts->get('rejected', 0), 'class' => 'bg-status-critical'],
        ['label' => 'Pending', 'count' => (int) $taskCounts->get('pending', 0), 'class' => 'bg-status-warning'],
        ['label' => 'Locked', 'count' => (int) $taskCounts->get('locked', 0), 'class' => 'bg-ink-muted'],
    ];
    $onboardingTabs = [
        'profile' => ['label' => 'Profile', 'status' => $setupStatusLabel('practice_profile')],
        'locations' => ['label' => 'Locations', 'status' => $setupStatusLabel('locations')],
        'team' => ['label' => 'Team', 'status' => $setupStatusLabel('clinical_team')],
        'configuration' => ['label' => 'Configuration', 'status' => 'Setup'],
        'documents' => ['label' => 'Documents', 'status' => $requirements->count().' required'],
        'tasks' => ['label' => 'Tasks', 'status' => $progressDone.'/'.$progressTotal],
    ];
    $tabPanelClass = 'mt-5 rounded-lg border border-accent/15 bg-[linear-gradient(135deg,rgba(255,255,255,0.97),rgba(233,238,247,0.92)_48%,rgba(255,241,233,0.88))] p-5 shadow-[inset_0_1px_0_rgba(255,255,255,0.98),0_1px_2px_rgba(11,39,84,0.08),0_28px_78px_-46px_rgba(11,39,84,0.82),0_0_42px_-30px_rgba(255,122,53,0.72)] backdrop-blur-xl sm:p-6';
    $tabHeaderClass = 'mb-5 flex flex-col gap-3 border-b border-accent/10 pb-4 sm:flex-row sm:items-start sm:justify-between';
    $contentCardClass = 'rounded-lg border border-accent/10 bg-white/[0.84] p-4 shadow-[inset_0_1px_0_rgba(255,255,255,0.88),0_14px_34px_-28px_rgba(11,39,84,0.54)]';
    $rowCardClass = 'rounded-lg border border-accent/10 bg-white/[0.84] px-4 py-3 shadow-[inset_0_1px_0_rgba(255,255,255,0.86),0_12px_30px_-26px_rgba(11,39,84,0.52)]';
    $emptyStateClass = 'rounded-lg border border-accent/10 bg-accent-muted/60 px-3 py-3 text-sm text-ink-secondary shadow-sm';
@endphp

<div class="max-w-7xl">
    @if ($errors->any())
        <div class="mb-5 rounded-lg border border-status-critical/30 bg-status-critical/10 px-4 py-3 text-sm text-status-critical">
            {{ $errors->first() }}
        </div>
    @endif
    @if (session('setup_link'))
        <div class="mb-5 rounded-lg border border-accent-muted bg-accent-muted/30 px-4 py-3 text-sm text-accent">
            Secure setup link: <span class="font-semibold">{{ session('setup_link') }}</span>
        </div>
    @endif

    <div class="modern-hero-panel flex flex-col gap-5 p-5 sm:flex-row sm:items-end sm:justify-between sm:p-6">
        <div>
            <p class="text-sm font-semibold text-white/70">Practice onboarding</p>
            <h1 class="mt-2 text-3xl font-bold text-white">{{ $tenant->name }}</h1>
            <p class="mt-2 max-w-2xl text-sm leading-relaxed text-white/70">Complete setup items here while Meduvo verifies compliance and prepares activation.</p>
        </div>
        <div class="grid grid-cols-3 gap-2 rounded-lg border border-white/20 bg-white/10 px-4 py-3 text-center backdrop-blur">
            <div>
                <p class="text-xs font-semibold uppercase tracking-wide text-white/50">Progress</p>
                <p class="mt-1 text-2xl font-bold text-white tabular-nums">{{ $progress['percentage'] }}%</p>
            </div>
            <div>
                <p class="text-xs font-semibold uppercase tracking-wide text-white/50">Done</p>
                <p class="mt-1 text-2xl font-bold text-white tabular-nums">{{ $progress['done'] }}</p>
            </div>
            <div>
                <p class="text-xs font-semibold uppercase tracking-wide text-white/50">Open</p>
                <p class="mt-1 text-2xl font-bold text-white tabular-nums">{{ $blockers->count() }}</p>
            </div>
        </div>
    </div>

    <section
        x-data="{
            tabs: @js(array_keys($onboardingTabs)),
            activeTab: 'profile',
            init() {
                const savedTab = sessionStorage.getItem('practiceOnboardingActiveTab');
                this.activeTab = this.tabs.includes(savedTab) ? savedTab : 'profile';
                this.$watch('activeTab', value => sessionStorage.setItem('practiceOnboardingActiveTab', value));
            }
        }"
        x-bind:data-active-tab="activeTab"
        data-practice-onboarding-root
        class="mt-6"
    >
        <div class="rounded-lg border border-accent/15 bg-[linear-gradient(135deg,rgba(233,238,247,0.88),rgba(255,255,255,0.94)_46%,rgba(255,241,233,0.90))] p-5 shadow-[inset_0_1px_0_rgba(255,255,255,0.95),0_24px_68px_-48px_rgba(11,39,84,0.78),0_0_46px_-34px_rgba(255,122,53,0.82)] backdrop-blur-xl">
            <div class="grid gap-5 lg:grid-cols-[14rem_minmax(0,1fr)] lg:items-center">
                <div class="flex items-center justify-center">
                    <div class="relative h-44 w-44">
                        <svg class="h-44 w-44 -rotate-90" viewBox="0 0 120 120" aria-hidden="true">
                            <circle cx="60" cy="60" r="48" fill="none" stroke="rgba(152,162,179,0.22)" stroke-width="12" />
                            <circle
                                cx="60"
                                cy="60"
                                r="48"
                                fill="none"
                                stroke="url(#practice-progress-ring)"
                                stroke-width="12"
                                stroke-linecap="round"
                                pathLength="100"
                                stroke-dasharray="{{ $progressPercentage }} 100"
                            />
                            <defs>
                                <linearGradient id="practice-progress-ring" x1="0" y1="0" x2="120" y2="120" gradientUnits="userSpaceOnUse">
                                    <stop stop-color="#0ca30c" />
                                    <stop offset="0.55" stop-color="#23666b" />
                                    <stop offset="1" stop-color="#ff7a35" />
                                </linearGradient>
                            </defs>
                        </svg>
                        <div class="absolute inset-0 flex flex-col items-center justify-center text-center">
                            <p class="text-4xl font-bold text-accent tabular-nums">{{ $progressPercentage }}%</p>
                            <p class="mt-1 text-xs font-semibold uppercase tracking-wide text-ink-muted">Complete</p>
                        </div>
                    </div>
                </div>

                <div>
                    <div class="flex flex-col gap-3 sm:flex-row sm:items-end sm:justify-between">
                        <div>
                            <h2 class="text-sm font-semibold text-accent">Onboarding readiness</h2>
                            <p class="mt-1 text-sm text-ink-secondary">Track setup work, review status, and remaining activation items in one place.</p>
                        </div>
                        <div class="grid grid-cols-3 gap-2 text-sm">
                            <div class="rounded-lg border border-[rgba(35,102,107,0.25)] bg-[rgba(35,102,107,0.10)] px-3 py-2">
                                <p class="text-xs font-semibold uppercase tracking-wide text-ink-muted">Done</p>
                                <p class="mt-1 text-lg font-bold text-accent tabular-nums">{{ $progressDone }}</p>
                            </div>
                            <div class="rounded-lg border border-brand-orange/35 bg-brand-orange-muted px-3 py-2">
                                <p class="text-xs font-semibold uppercase tracking-wide text-ink-muted">Left</p>
                                <p class="mt-1 text-lg font-bold text-accent tabular-nums">{{ $progressRemaining }}</p>
                            </div>
                            <div class="rounded-lg border border-accent/15 bg-accent-muted px-3 py-2">
                                <p class="text-xs font-semibold uppercase tracking-wide text-ink-muted">Blocked</p>
                                <p class="mt-1 text-lg font-bold text-accent tabular-nums">{{ $blockers->count() }}</p>
                            </div>
                        </div>
                    </div>

                    <div class="mt-5 overflow-hidden rounded-full border border-accent/15 bg-white/80 p-1 shadow-inner">
                        <div class="flex h-4 overflow-hidden rounded-full bg-surface-3">
                            @if ($progressTotal > 0)
                                @foreach ($progressSegments as $segment)
                                    @if ($segment['count'] > 0)
                                        <div
                                            class="{{ $segment['class'] }}"
                                            style="width: {{ max(2, ($segment['count'] / $progressTotal) * 100) }}%;"
                                            title="{{ $segment['label'] }}: {{ $segment['count'] }}"
                                        ></div>
                                    @endif
                                @endforeach
                            @endif
                        </div>
                    </div>

                    <div class="mt-3 flex flex-wrap gap-2 text-xs text-ink-secondary">
                        @foreach ($progressSegments as $segment)
                            @if ($segment['count'] > 0)
                                <span class="inline-flex items-center gap-1.5 rounded-full border border-accent/10 bg-white/75 px-2.5 py-1 shadow-sm">
                                    <span class="h-2 w-2 rounded-full {{ $segment['class'] }}"></span>
                                    {{ $segment['label'] }} {{ $segment['count'] }}
                                </span>
                            @endif
                        @endforeach
                    </div>
                </div>
            </div>
        </div>

        <nav class="mt-4 grid grid-cols-2 gap-2 rounded-lg border border-accent/15 bg-[linear-gradient(135deg,rgba(11,39,84,0.10),rgba(35,102,107,0.10)_48%,rgba(255,122,53,0.13))] p-2 shadow-[inset_0_1px_0_rgba(255,255,255,0.72),0_18px_44px_-36px_rgba(11,39,84,0.68),0_0_34px_-28px_rgba(255,122,53,0.85)] backdrop-blur-xl sm:grid-cols-3 lg:grid-cols-6" role="tablist" aria-label="Onboarding sections">
            @foreach ($onboardingTabs as $tabKey => $tab)
                <button
                    type="button"
                    id="practice-tab-{{ $tabKey }}"
                    role="tab"
                    aria-controls="practice-panel-{{ $tabKey }}"
                    x-bind:aria-selected="activeTab === '{{ $tabKey }}'"
                    x-on:click="activeTab = '{{ $tabKey }}'"
                    class="group flex min-h-16 items-center gap-2 rounded-lg border border-accent/10 bg-white/[0.72] px-3 py-2.5 text-left text-xs font-semibold text-accent transition-all hover:border-brand-orange/35 hover:bg-white hover:shadow-[0_12px_28px_-22px_rgba(11,39,84,0.62),0_0_24px_-18px_rgba(255,122,53,0.95)]"
                    x-bind:class="activeTab === '{{ $tabKey }}' ? 'border-transparent bg-[linear-gradient(135deg,#0b2754,#23666b_72%,#ff7a35_150%)] text-white shadow-[inset_0_1px_0_rgba(255,255,255,0.20),0_18px_34px_-22px_rgba(11,39,84,0.9),0_0_34px_-22px_rgba(255,122,53,0.95)]' : ''"
                >
                    <span
                        class="inline-flex h-9 w-9 shrink-0 items-center justify-center rounded-lg border border-accent/15 bg-accent-muted text-accent transition-colors group-hover:border-brand-orange/40 group-hover:bg-brand-orange-muted group-hover:text-brand-orange"
                        x-bind:class="activeTab === '{{ $tabKey }}' ? 'border-white/20 bg-brand-orange text-white' : ''"
                    >
                        @switch($tabKey)
                            @case('profile')
                                <svg class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.8" aria-hidden="true">
                                    <path stroke-linecap="round" stroke-linejoin="round" d="M3.75 21h16.5M5.25 21V5.25A1.5 1.5 0 0 1 6.75 3.75h10.5a1.5 1.5 0 0 1 1.5 1.5V21M8.25 8.25h2.25m-2.25 3h2.25m3-3h2.25m-2.25 3h2.25M9 21v-4.5h6V21" />
                                </svg>
                                @break
                            @case('locations')
                                <svg class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.8" aria-hidden="true">
                                    <path stroke-linecap="round" stroke-linejoin="round" d="M12 21s6-5.25 6-11.25a6 6 0 1 0-12 0C6 15.75 12 21 12 21Zm0-8.25a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z" />
                                </svg>
                                @break
                            @case('team')
                                <svg class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.8" aria-hidden="true">
                                    <path stroke-linecap="round" stroke-linejoin="round" d="M18 18.72A11.94 11.94 0 0 1 12 21c-2.17 0-4.207-.576-5.963-1.584M15.75 7.5a3.75 3.75 0 1 1-7.5 0 3.75 3.75 0 0 1 7.5 0Zm5.25 4.5a2.25 2.25 0 1 1-4.5 0 2.25 2.25 0 0 1 4.5 0Zm-13.5 0a2.25 2.25 0 1 1-4.5 0 2.25 2.25 0 0 1 4.5 0Z" />
                                </svg>
                                @break
                            @case('configuration')
                                <svg class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.8" aria-hidden="true">
                                    <path stroke-linecap="round" stroke-linejoin="round" d="M9.594 3.94h4.812l.334 2.004a7.98 7.98 0 0 1 1.163.672l1.91-.716 2.406 4.168-1.575 1.288c.037.215.056.43.056.644s-.019.429-.056.644l1.575 1.288-2.406 4.168-1.91-.716a7.98 7.98 0 0 1-1.163.672l-.334 2.004H9.594l-.334-2.004a7.98 7.98 0 0 1-1.163-.672l-1.91.716-2.406-4.168 1.575-1.288A3.82 3.82 0 0 1 5.3 12c0-.214.019-.429.056-.644L3.781 10.068 6.187 5.9l1.91.716A7.98 7.98 0 0 1 9.26 5.944l.334-2.004ZM12 15a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z" />
                                </svg>
                                @break
                            @case('documents')
                                <svg class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.8" aria-hidden="true">
                                    <path stroke-linecap="round" stroke-linejoin="round" d="M7.5 3.75h6l3.75 3.75v12.75H7.5A1.5 1.5 0 0 1 6 18.75V5.25a1.5 1.5 0 0 1 1.5-1.5Zm6 0V7.5h3.75M9 12h6M9 15.75h6" />
                                </svg>
                                @break
                            @case('tasks')
                                <svg class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.8" aria-hidden="true">
                                    <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 7.5 1.875 1.875L10.5 5.25M4.5 16.5l1.875 1.875L10.5 14.25M13.5 7.5h6M13.5 16.5h6" />
                                </svg>
                                @break
                        @endswitch
                    </span>
                    <span class="min-w-0">
                        <span class="block leading-tight">{{ $tab['label'] }}</span>
                        <span class="mt-0.5 block truncate text-[0.6875rem] font-medium opacity-70">{{ $tab['status'] }}</span>
                    </span>
                </button>
            @endforeach
        </nav>

        <div class="mt-5">
            <div
                id="practice-panel-profile"
                role="tabpanel"
                aria-labelledby="practice-tab-profile"
                x-show="activeTab === 'profile'"
                x-transition.opacity
                class="{{ $tabPanelClass }}"
            >
                <div class="{{ $tabHeaderClass }}">
                    <div>
                        <h3 class="text-sm font-semibold text-accent">Practice profile</h3>
                        <p class="mt-1 text-xs text-ink-secondary">Registration details and primary implementation contact.</p>
                    </div>
                    <span class="{{ $setupStatusClass('practice_profile') }}">{{ $setupStatusLabel('practice_profile') }}</span>
                </div>

                @if ($canManagePracticeProfile)
                <form method="POST" action="{{ route('practice.onboarding.profile.update') }}" class="mt-4 grid gap-3 sm:grid-cols-2">
                    @csrf
                    <div>
                        <label for="profile_name" class="block text-xs font-semibold uppercase tracking-wide text-ink-muted">Practice name</label>
                        <input id="profile_name" name="name" value="{{ old('name', $tenant->name) }}" required class="input-field mt-1">
                    </div>
                    <div>
                        <label for="legal_business_name" class="block text-xs font-semibold uppercase tracking-wide text-ink-muted">Legal business name</label>
                        <input id="legal_business_name" name="legal_business_name" value="{{ old('legal_business_name', $tenant->legal_business_name) }}" class="input-field mt-1" placeholder="Legal name if different">
                    </div>
                    <div>
                        <label for="practice_type" class="block text-xs font-semibold uppercase tracking-wide text-ink-muted">Practice type</label>
                        <input id="practice_type" name="practice_type" value="{{ old('practice_type', $tenant->practice_type) }}" class="input-field mt-1">
                    </div>
                    <div>
                        <label for="organization_npi" class="block text-xs font-semibold uppercase tracking-wide text-ink-muted">Organization NPI</label>
                        <input id="organization_npi" name="organization_npi" value="{{ old('organization_npi', $tenant->organization_npi) }}" inputmode="numeric" maxlength="10" class="input-field mt-1">
                    </div>
                    <div>
                        <label for="operational_timezone" class="block text-xs font-semibold uppercase tracking-wide text-ink-muted">Timezone</label>
                        <select id="operational_timezone" name="operational_timezone" required class="input-field mt-1">
                            @foreach ($commonTimezones as $timezone => $label)
                                <option value="{{ $timezone }}" @selected(old('operational_timezone', $tenant->operational_timezone) === $timezone)>{{ $label }} ({{ $timezone }})</option>
                            @endforeach
                        </select>
                    </div>
                    <div>
                        <label for="website" class="block text-xs font-semibold uppercase tracking-wide text-ink-muted">Website</label>
                        <input id="website" name="website" type="url" value="{{ old('website', $tenant->website) }}" class="input-field mt-1">
                    </div>
                    <div>
                        <label for="primary_contact_name" class="block text-xs font-semibold uppercase tracking-wide text-ink-muted">Primary contact</label>
                        <input id="primary_contact_name" name="primary_contact_name" value="{{ old('primary_contact_name', $tenant->primary_contact_name) }}" required class="input-field mt-1">
                    </div>
                    <div>
                        <label for="primary_contact_email" class="block text-xs font-semibold uppercase tracking-wide text-ink-muted">Contact email</label>
                        <input id="primary_contact_email" name="primary_contact_email" type="email" value="{{ old('primary_contact_email', $tenant->primary_contact_email) }}" required class="input-field mt-1">
                    </div>
                    <div>
                        <label for="primary_contact_phone" class="block text-xs font-semibold uppercase tracking-wide text-ink-muted">Contact phone</label>
                        <input id="primary_contact_phone" name="primary_contact_phone" value="{{ old('primary_contact_phone', \App\Support\UsFormat::phone($tenant->primary_contact_phone)) }}" required class="input-field mt-1" data-us-phone>
                    </div>
                    <div>
                        <label for="estimated_monthly_cocm_patients" class="block text-xs font-semibold uppercase tracking-wide text-ink-muted">Monthly CoCM patients</label>
                        <input id="estimated_monthly_cocm_patients" name="estimated_monthly_cocm_patients" type="number" min="0" max="100000" value="{{ old('estimated_monthly_cocm_patients', $tenant->estimated_monthly_cocm_patients) }}" class="input-field mt-1">
                    </div>
                    <div class="sm:col-span-2">
                        <label for="signup_notes" class="block text-xs font-semibold uppercase tracking-wide text-ink-muted">Implementation notes</label>
                        <textarea id="signup_notes" name="signup_notes" rows="3" class="input-field mt-1">{{ old('signup_notes', $tenant->signup_notes) }}</textarea>
                    </div>
                    <div class="sm:col-span-2">
                        <button type="submit" class="btn-primary" data-loading-text="Saving profile...">Save Profile</button>
                    </div>
                </form>
                @else
                    <p class="mt-4 {{ $emptyStateClass }}">Your role can view this section but cannot edit practice profile details.</p>
                @endif
            </div>

            <div
                id="practice-panel-locations"
                role="tabpanel"
                aria-labelledby="practice-tab-locations"
                x-show="activeTab === 'locations'"
                x-cloak
                x-transition.opacity
                class="{{ $tabPanelClass }}"
            >
                <div class="{{ $tabHeaderClass }}">
                    <div>
                        <h3 class="text-sm font-semibold text-accent">Practice locations</h3>
                        <p class="mt-1 text-xs text-ink-secondary">Service addresses and launch phone/fax details.</p>
                    </div>
                    <span class="{{ $setupStatusClass('locations') }}">{{ $setupStatusLabel('locations') }}</span>
                </div>

                @if ($practiceLocations->isNotEmpty())
                    <div class="mt-4 grid gap-2">
                        @foreach ($practiceLocations as $location)
                            <div class="{{ $rowCardClass }} text-sm">
                                <div class="flex flex-wrap items-center justify-between gap-2">
                                    <p class="font-semibold text-accent">{{ $location->name }}</p>
                                    @if ($location->is_primary)
                                        <span class="status-pill-good">Primary</span>
                                    @endif
                                </div>
                                <p class="mt-1 text-xs text-ink-secondary">{{ $location->formattedAddress() }}</p>
                                @if ($location->phone || $location->fax)
                                    <p class="mt-1 text-xs text-ink-muted">
                                        @if ($location->phone) Phone {{ \App\Support\UsFormat::phone($location->phone) }} @endif
                                        @if ($location->fax) · Fax {{ \App\Support\UsFormat::phone($location->fax) }} @endif
                                    </p>
                                @endif
                            </div>
                        @endforeach
                    </div>
                @else
                    <p class="mt-4 {{ $emptyStateClass }}">No practice locations have been added yet. Add the main clinic location to keep activation moving.</p>
                @endif

                @if ($canManagePracticeLocations)
                <form method="POST" action="{{ route('practice.onboarding.locations.store') }}" class="mt-4 grid gap-3 border-t border-accent/10 pt-4 sm:grid-cols-2">
                    @csrf
                    <div>
                        <label for="location_name" class="block text-xs font-semibold uppercase tracking-wide text-ink-muted">Location name</label>
                        <input id="location_name" name="name" value="{{ old('name', $practiceLocations->isEmpty() ? 'Main Clinic' : '') }}" required class="input-field mt-1">
                    </div>
                    <div class="flex items-end">
                        <label class="inline-flex items-center gap-2 rounded-lg border border-accent/10 bg-white/80 px-3 py-2 text-sm font-medium text-ink-secondary shadow-sm">
                            <input name="is_primary" type="checkbox" value="1" @checked(old('is_primary', $practiceLocations->isEmpty())) class="rounded border-border-default text-accent focus:ring-accent">
                            Primary location
                        </label>
                    </div>
                    <div>
                        <label for="address_line1" class="block text-xs font-semibold uppercase tracking-wide text-ink-muted">Address line 1</label>
                        <input id="address_line1" name="address_line1" value="{{ old('address_line1', data_get($locationIntake, 'address_line_1')) }}" required class="input-field mt-1">
                    </div>
                    <div>
                        <label for="address_line2" class="block text-xs font-semibold uppercase tracking-wide text-ink-muted">Address line 2</label>
                        <input id="address_line2" name="address_line2" value="{{ old('address_line2', data_get($locationIntake, 'address_line_2')) }}" class="input-field mt-1">
                    </div>
                    <div>
                        <label for="city" class="block text-xs font-semibold uppercase tracking-wide text-ink-muted">City</label>
                        <input id="city" name="city" value="{{ old('city', data_get($locationIntake, 'city')) }}" required class="input-field mt-1">
                    </div>
                    <div class="grid grid-cols-2 gap-3">
                        <div>
                            <label for="state" class="block text-xs font-semibold uppercase tracking-wide text-ink-muted">State</label>
                            <input id="state" name="state" value="{{ old('state', data_get($locationIntake, 'state')) }}" required class="input-field mt-1">
                        </div>
                        <div>
                            <label for="postal_code" class="block text-xs font-semibold uppercase tracking-wide text-ink-muted">ZIP</label>
                            <input id="postal_code" name="postal_code" value="{{ old('postal_code', data_get($locationIntake, 'zip_code')) }}" required class="input-field mt-1">
                        </div>
                    </div>
                    <div>
                        <label for="location_phone" class="block text-xs font-semibold uppercase tracking-wide text-ink-muted">Phone</label>
                        <input id="location_phone" name="phone" value="{{ old('phone', \App\Support\UsFormat::phone(data_get($locationIntake, 'practice_phone'))) }}" class="input-field mt-1" data-us-phone>
                    </div>
                    <div>
                        <label for="location_fax" class="block text-xs font-semibold uppercase tracking-wide text-ink-muted">Fax</label>
                        <input id="location_fax" name="fax" value="{{ old('fax', \App\Support\UsFormat::phone(data_get($locationIntake, 'fax'))) }}" class="input-field mt-1" data-us-phone>
                    </div>
                    <div class="sm:col-span-2">
                        <button type="submit" class="btn-primary" data-loading-text="Adding location...">Add Location</button>
                    </div>
                </form>
                @else
                    <p class="mt-4 {{ $emptyStateClass }}">Your role can view locations but cannot add or change them.</p>
                @endif
            </div>

            <div
                id="practice-panel-team"
                role="tabpanel"
                aria-labelledby="practice-tab-team"
                x-show="activeTab === 'team'"
                x-cloak
                x-transition.opacity
                class="{{ $tabPanelClass }}"
            >
                <div class="{{ $tabHeaderClass }}">
                    <div>
                        <h3 class="text-sm font-semibold text-accent">Clinical team</h3>
                        <p class="mt-1 text-xs text-ink-secondary">Staff invitations and psychiatric consultant setup.</p>
                    </div>
                    <span class="{{ $setupStatusClass('clinical_team') }}">{{ $setupStatusLabel('clinical_team') }}</span>
                </div>

                <div class="mt-4 grid gap-4 lg:grid-cols-2">
                    <div class="{{ $contentCardClass }}">
                        <h4 class="text-xs font-semibold uppercase tracking-wide text-ink-muted">Active staff</h4>
                        <div class="mt-2 space-y-2">
                            @forelse ($activeStaff as $member)
                                <div class="{{ $rowCardClass }} flex flex-wrap items-center justify-between gap-2 text-sm">
                                    <div>
                                        <p class="font-semibold text-accent">{{ $member->name }}</p>
                                        <p class="text-xs text-ink-secondary">{{ $member->email }}</p>
                                    </div>
                                    <span class="status-pill-neutral">{{ $staffRoleLabels[$member->role] ?? ucfirst($member->role) }}</span>
                                </div>
                            @empty
                                <p class="{{ $emptyStateClass }}">No active staff yet.</p>
                            @endforelse
                        </div>
                    </div>

                    <div class="{{ $contentCardClass }}">
                        <h4 class="text-xs font-semibold uppercase tracking-wide text-ink-muted">Recent invitations</h4>
                        <div class="mt-2 space-y-2">
                            @forelse ($staffInvitations as $invitation)
                                <div class="{{ $rowCardClass }} flex flex-wrap items-center justify-between gap-2 text-sm">
                                    <div>
                                        <p class="font-semibold text-accent">{{ $invitation->recipientName() }}</p>
                                        <p class="text-xs text-ink-secondary">{{ $invitation->email }} · {{ $staffRoleLabels[$invitation->role] ?? ucfirst($invitation->role) }}</p>
                                    </div>
                                    <span class="{{ $documentStatusClasses[$invitation->status] ?? ($invitation->isPending() ? 'status-pill-warning' : 'status-pill-neutral') }}">
                                        {{ ucfirst(str_replace('_', ' ', $invitation->status)) }}
                                    </span>
                                </div>
                            @empty
                                <p class="{{ $emptyStateClass }}">No staff invitations yet.</p>
                            @endforelse
                        </div>
                    </div>
                </div>

                @if ($canInvitePracticeStaff)
                <form method="POST" action="{{ route('practice.onboarding.staff-invitations.store') }}" class="mt-4 grid gap-3 border-t border-accent/10 pt-4 sm:grid-cols-2">
                    @csrf
                    <div>
                        <label for="staff_first_name" class="block text-xs font-semibold uppercase tracking-wide text-ink-muted">First name</label>
                        <input id="staff_first_name" name="first_name" value="{{ old('first_name') }}" required class="input-field mt-1">
                    </div>
                    <div>
                        <label for="staff_last_name" class="block text-xs font-semibold uppercase tracking-wide text-ink-muted">Last name</label>
                        <input id="staff_last_name" name="last_name" value="{{ old('last_name') }}" required class="input-field mt-1">
                    </div>
                    <div>
                        <label for="staff_email" class="block text-xs font-semibold uppercase tracking-wide text-ink-muted">Work email</label>
                        <input id="staff_email" name="email" type="email" value="{{ old('email') }}" required class="input-field mt-1">
                    </div>
                    <div>
                        <label for="staff_role" class="block text-xs font-semibold uppercase tracking-wide text-ink-muted">Role</label>
                        <select id="staff_role" name="role" required class="input-field mt-1">
                            @foreach ($staffRoleLabels as $role => $label)
                                <option value="{{ $role }}" @selected(old('role', 'bhcm') === $role)>{{ $label }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div>
                        <label for="staff_job_title" class="block text-xs font-semibold uppercase tracking-wide text-ink-muted">Job title</label>
                        <input id="staff_job_title" name="job_title" value="{{ old('job_title') }}" class="input-field mt-1">
                    </div>
                    <div>
                        <label for="staff_phone" class="block text-xs font-semibold uppercase tracking-wide text-ink-muted">Phone</label>
                        <input id="staff_phone" name="phone" value="{{ old('phone') }}" class="input-field mt-1" data-us-phone>
                    </div>
                    <div>
                        <label for="staff_credentials" class="block text-xs font-semibold uppercase tracking-wide text-ink-muted">Credentials</label>
                        <input id="staff_credentials" name="credentials" value="{{ old('credentials') }}" class="input-field mt-1" placeholder="MD, DO, LCSW">
                    </div>
                    <div>
                        <label for="staff_npi" class="block text-xs font-semibold uppercase tracking-wide text-ink-muted">NPI</label>
                        <input id="staff_npi" name="npi" value="{{ old('npi') }}" inputmode="numeric" maxlength="10" class="input-field mt-1">
                    </div>
                    <div>
                        <label for="staff_max_caseload" class="block text-xs font-semibold uppercase tracking-wide text-ink-muted">BHCM max caseload</label>
                        <input id="staff_max_caseload" name="max_caseload" type="number" min="1" max="500" value="{{ old('max_caseload', config('cocm.bhcm_max_caseload')) }}" class="input-field mt-1">
                    </div>
                    <div class="flex items-end">
                        <button type="submit" class="btn-primary" data-loading-text="Sending invite...">Send Invite</button>
                    </div>
                </form>
                @else
                    <p class="mt-4 {{ $emptyStateClass }}">Your role can view the team list but cannot send account invitations.</p>
                @endif

                @if ($canManageClinicalSetup)
                <form method="POST" action="{{ route('practice.onboarding.clinical-team.update') }}" class="mt-4 grid gap-3 border-t border-accent/10 pt-4 sm:grid-cols-2">
                    @csrf
                    <div>
                        <label for="psychiatric_consultant_status" class="block text-xs font-semibold uppercase tracking-wide text-ink-muted">Psychiatric consultant</label>
                        <select id="psychiatric_consultant_status" name="psychiatric_consultant_status" required class="input-field mt-1">
                            @foreach ($psychiatricStatusLabels as $value => $label)
                                <option value="{{ $value }}" @selected(old('psychiatric_consultant_status', $setupSettings->psychiatric_consultant_status) === $value)>{{ $label }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div>
                        <label for="psychiatric_consultant_name" class="block text-xs font-semibold uppercase tracking-wide text-ink-muted">Consultant name</label>
                        <input id="psychiatric_consultant_name" name="psychiatric_consultant_name" value="{{ old('psychiatric_consultant_name', $setupSettings->psychiatric_consultant_name) }}" class="input-field mt-1">
                    </div>
                    <div>
                        <label for="psychiatric_consultant_email" class="block text-xs font-semibold uppercase tracking-wide text-ink-muted">Consultant email</label>
                        <input id="psychiatric_consultant_email" name="psychiatric_consultant_email" type="email" value="{{ old('psychiatric_consultant_email', $setupSettings->psychiatric_consultant_email) }}" class="input-field mt-1">
                    </div>
                    <div>
                        <label for="psychiatric_consultant_phone" class="block text-xs font-semibold uppercase tracking-wide text-ink-muted">Consultant phone</label>
                        <input id="psychiatric_consultant_phone" name="psychiatric_consultant_phone" value="{{ old('psychiatric_consultant_phone', \App\Support\UsFormat::phone($setupSettings->psychiatric_consultant_phone)) }}" class="input-field mt-1" data-us-phone>
                    </div>
                    <div>
                        <label for="psychiatric_consultant_organization" class="block text-xs font-semibold uppercase tracking-wide text-ink-muted">Organization</label>
                        <input id="psychiatric_consultant_organization" name="psychiatric_consultant_organization" value="{{ old('psychiatric_consultant_organization', $setupSettings->psychiatric_consultant_organization) }}" class="input-field mt-1">
                    </div>
                    <div>
                        <label for="psychiatric_consultant_npi" class="block text-xs font-semibold uppercase tracking-wide text-ink-muted">Consultant NPI</label>
                        <input id="psychiatric_consultant_npi" name="psychiatric_consultant_npi" value="{{ old('psychiatric_consultant_npi', $setupSettings->psychiatric_consultant_npi) }}" inputmode="numeric" maxlength="10" class="input-field mt-1">
                    </div>
                    <div class="sm:col-span-2">
                        <label for="clinical_team_notes" class="block text-xs font-semibold uppercase tracking-wide text-ink-muted">Clinical team notes</label>
                        <textarea id="clinical_team_notes" name="clinical_team_notes" rows="3" class="input-field mt-1">{{ old('clinical_team_notes', $setupSettings->clinical_team_notes) }}</textarea>
                    </div>
                    <div class="sm:col-span-2">
                        <button type="submit" class="btn-primary" data-loading-text="Saving setup...">Save Clinical Setup</button>
                    </div>
                </form>
                @else
                    <p class="mt-4 {{ $emptyStateClass }}">Your role can view clinical setup but cannot submit changes.</p>
                @endif
            </div>

            <div
                id="practice-panel-configuration"
                role="tabpanel"
                aria-labelledby="practice-tab-configuration"
                x-show="activeTab === 'configuration'"
                x-cloak
                x-transition.opacity
                class="{{ $tabPanelClass }}"
            >
                <div class="{{ $tabHeaderClass }}">
                    <div>
                        <h3 class="text-sm font-semibold text-accent">Configuration</h3>
                        <p class="mt-1 text-xs text-ink-secondary">Coordinate EHR readiness, billing contacts, and patient consent defaults.</p>
                    </div>
                    <span class="status-pill-neutral">Integration · Billing · Consent</span>
                </div>

                <div class="grid gap-5 lg:grid-cols-3">
                    <div class="{{ $contentCardClass }}">
                    <div class="flex flex-wrap items-start justify-between gap-3">
                        <div>
                            <h3 class="text-sm font-semibold text-accent">Integration</h3>
                            <p class="mt-1 text-xs text-ink-secondary">EHR system and onboarding status without credential collection.</p>
                        </div>
                        <span class="{{ $setupStatusClass('ehr_integration') }}">{{ $setupStatusLabel('ehr_integration') }}</span>
                    </div>

                    @if ($canManageIntegrationSetup)
                    <form method="POST" action="{{ route('practice.onboarding.integration.update') }}" class="mt-4 space-y-3">
                        @csrf
                        <div>
                            <label for="ehr_system_name" class="block text-xs font-semibold uppercase tracking-wide text-ink-muted">EHR system</label>
                            <input id="ehr_system_name" name="ehr_system_name" value="{{ old('ehr_system_name', $setupSettings->ehr_system_name) }}" class="input-field mt-1" @disabled(! $tenant->integration_onboarding_required)>
                        </div>
                        <div>
                            <label for="ehr_integration_status" class="block text-xs font-semibold uppercase tracking-wide text-ink-muted">Status</label>
                            <select id="ehr_integration_status" name="ehr_integration_status" required class="input-field mt-1" @disabled(! $tenant->integration_onboarding_required)>
                                @foreach ($ehrStatusLabels as $value => $label)
                                    <option value="{{ $value }}" @selected(old('ehr_integration_status', $setupSettings->ehr_integration_status) === $value)>{{ $label }}</option>
                                @endforeach
                            </select>
                        </div>
                        <div>
                            <label for="ehr_integration_notes" class="block text-xs font-semibold uppercase tracking-wide text-ink-muted">Integration notes</label>
                            <textarea id="ehr_integration_notes" name="ehr_integration_notes" rows="4" class="input-field mt-1" @disabled(! $tenant->integration_onboarding_required)>{{ old('ehr_integration_notes', $setupSettings->ehr_integration_notes) }}</textarea>
                        </div>
                        <button type="submit" class="btn-primary" data-loading-text="Saving integration..." @disabled(! $tenant->integration_onboarding_required)>Save Integration</button>
                    </form>
                    @else
                        <p class="mt-4 {{ $emptyStateClass }}">Your role can view integration setup but cannot submit changes.</p>
                    @endif
                </div>

                <div class="{{ $contentCardClass }}">
                    <div class="flex flex-wrap items-start justify-between gap-3">
                        <div>
                            <h3 class="text-sm font-semibold text-accent">Billing</h3>
                            <p class="mt-1 text-xs text-ink-secondary">Billing contact and claims readiness notes.</p>
                        </div>
                        <span class="{{ $setupStatusClass('billing_setup') }}">{{ $setupStatusLabel('billing_setup') }}</span>
                    </div>

                    @if ($canManageBillingSetup)
                    <form method="POST" action="{{ route('practice.onboarding.billing.update') }}" class="mt-4 space-y-3">
                        @csrf
                        <div>
                            <label for="billing_contact_name" class="block text-xs font-semibold uppercase tracking-wide text-ink-muted">Billing contact</label>
                            <input id="billing_contact_name" name="billing_contact_name" value="{{ old('billing_contact_name', $setupSettings->billing_contact_name) }}" required class="input-field mt-1">
                        </div>
                        <div>
                            <label for="billing_contact_email" class="block text-xs font-semibold uppercase tracking-wide text-ink-muted">Billing email</label>
                            <input id="billing_contact_email" name="billing_contact_email" type="email" value="{{ old('billing_contact_email', $setupSettings->billing_contact_email) }}" required class="input-field mt-1">
                        </div>
                        <div>
                            <label for="billing_contact_phone" class="block text-xs font-semibold uppercase tracking-wide text-ink-muted">Billing phone</label>
                            <input id="billing_contact_phone" name="billing_contact_phone" value="{{ old('billing_contact_phone', \App\Support\UsFormat::phone($setupSettings->billing_contact_phone)) }}" class="input-field mt-1" data-us-phone>
                        </div>
                        <div>
                            <label for="billing_setup_notes" class="block text-xs font-semibold uppercase tracking-wide text-ink-muted">Billing notes</label>
                            <textarea id="billing_setup_notes" name="billing_setup_notes" rows="4" class="input-field mt-1">{{ old('billing_setup_notes', $setupSettings->billing_setup_notes) }}</textarea>
                        </div>
                        <button type="submit" class="btn-primary" data-loading-text="Saving billing...">Save Billing</button>
                    </form>
                    @else
                        <p class="mt-4 {{ $emptyStateClass }}">Your role can view billing setup but cannot submit changes.</p>
                    @endif
                </div>

                <div class="{{ $contentCardClass }}">
                    <div class="flex flex-wrap items-start justify-between gap-3">
                        <div>
                            <h3 class="text-sm font-semibold text-accent">Patient consent</h3>
                            <p class="mt-1 text-xs text-ink-secondary">Practice-level consent defaults for CoCM launch.</p>
                        </div>
                        <span class="{{ $setupStatusClass('patient_consent_configuration') }}">{{ $setupStatusLabel('patient_consent_configuration') }}</span>
                    </div>

                    @if ($canManageConsentConfiguration)
                    <form method="POST" action="{{ route('practice.onboarding.consent.update') }}" class="mt-4 space-y-3">
                        @csrf
                        <div>
                            <label for="consent_delivery_method" class="block text-xs font-semibold uppercase tracking-wide text-ink-muted">Consent method</label>
                            <select id="consent_delivery_method" name="consent_delivery_method" required class="input-field mt-1">
                                @foreach ($consentDeliveryLabels as $value => $label)
                                    <option value="{{ $value }}" @selected(old('consent_delivery_method', $setupSettings->consent_delivery_method) === $value)>{{ $label }}</option>
                                @endforeach
                            </select>
                        </div>
                        <input type="hidden" name="cost_sharing_acknowledgement_required" value="0">
                        <label class="flex items-start gap-2 rounded-lg border border-accent/10 bg-white/80 px-3 py-2 text-sm text-ink-secondary shadow-sm">
                            <input name="cost_sharing_acknowledgement_required" type="checkbox" value="1" @checked(old('cost_sharing_acknowledgement_required', $setupSettings->cost_sharing_acknowledgement_required)) class="mt-0.5 rounded border-border-default text-accent focus:ring-accent">
                            <span>Cost-sharing acknowledgement required</span>
                        </label>
                        <input type="hidden" name="psychiatric_consultation_authorization_required" value="0">
                        <label class="flex items-start gap-2 rounded-lg border border-accent/10 bg-white/80 px-3 py-2 text-sm text-ink-secondary shadow-sm">
                            <input name="psychiatric_consultation_authorization_required" type="checkbox" value="1" @checked(old('psychiatric_consultation_authorization_required', $setupSettings->psychiatric_consultation_authorization_required)) class="mt-0.5 rounded border-border-default text-accent focus:ring-accent">
                            <span>Psychiatric consultation authorization required</span>
                        </label>
                        <div>
                            <label for="consent_notes" class="block text-xs font-semibold uppercase tracking-wide text-ink-muted">Consent notes</label>
                            <textarea id="consent_notes" name="consent_notes" rows="4" class="input-field mt-1">{{ old('consent_notes', $setupSettings->consent_notes) }}</textarea>
                        </div>
                        <button type="submit" class="btn-primary" data-loading-text="Saving consent...">Save Consent</button>
                    </form>
                    @else
                        <p class="mt-4 {{ $emptyStateClass }}">Your role can view consent configuration but cannot submit changes.</p>
                    @endif
                </div>
            </div>
            </div>

            @if ($canManageComplianceDocuments)
            <div
                id="practice-panel-documents"
                role="tabpanel"
                aria-labelledby="practice-tab-documents"
                x-show="activeTab === 'documents'"
                x-cloak
                x-transition.opacity
                class="{{ $tabPanelClass }}"
            >
        <div class="{{ $tabHeaderClass }}">
            <div>
                <h2 class="text-sm font-semibold text-accent">Compliance documents</h2>
                <p class="mt-1 text-xs text-ink-secondary">Upload signed PDF evidence for Meduvo review.</p>
            </div>
            <span class="status-pill-neutral">{{ $requirements->count() }} required</span>
        </div>

        <div class="mt-4 grid gap-4 lg:grid-cols-2">
            @foreach ($requirements as $documentType => $requirement)
                @php
                    $documents = $documentsByType->get($documentType, collect());
                    $latestDocument = $documents->first();
                    $documentAccentClass = $latestDocument
                        ? match ($latestDocument->status) {
                            'verified' => 'border-l-status-good',
                            'rejected' => 'border-l-status-critical',
                            'under_review' => 'border-l-accent',
                            default => 'border-l-ink-muted',
                        }
                        : 'border-l-status-warning';
                @endphp
                <div class="{{ $contentCardClass }} border-l-4 {{ $documentAccentClass }}">
                    <div class="flex flex-wrap items-start justify-between gap-3">
                        <div>
                            <h3 class="text-sm font-semibold text-accent">{{ $requirement['label'] }}</h3>
                            @if ($latestDocument)
                                <p class="mt-1 text-xs text-ink-secondary">Version {{ $latestDocument->version }} · Uploaded {{ \App\Support\UsFormat::dateTime($latestDocument->uploaded_at) }}</p>
                            @else
                                <p class="mt-1 text-xs text-ink-secondary">No document uploaded yet.</p>
                            @endif
                        </div>
                        @if ($latestDocument)
                            <span class="{{ $documentStatusClasses[$latestDocument->status] ?? 'status-pill-neutral' }}">
                                {{ ucfirst(str_replace('_', ' ', $latestDocument->status)) }}
                            </span>
                        @else
                            <span class="status-pill-warning">Missing</span>
                        @endif
                    </div>

                    @if ($latestDocument)
                        <div class="mt-3 {{ $rowCardClass }} text-xs text-ink-secondary">
                            <p class="font-semibold text-accent">{{ $latestDocument->document_name }}</p>
                            <p class="mt-1">{{ $latestDocument->original_filename }} · {{ number_format($latestDocument->file_size / 1024, 1) }} KB</p>
                            @if ($latestDocument->signed_by_name)
                                <p class="mt-1">Signed by {{ $latestDocument->signed_by_name }}{{ $latestDocument->signed_by_title ? ', '.$latestDocument->signed_by_title : '' }}</p>
                            @endif
                            @if ($latestDocument->rejection_reason)
                                <p class="mt-2 rounded-lg border border-status-critical/20 bg-status-critical/10 px-3 py-2 text-status-critical">{{ $latestDocument->rejection_reason }}</p>
                            @endif
                            <a href="{{ route('practice.onboarding.documents.download', $latestDocument) }}" class="mt-2 inline-flex text-xs font-semibold text-accent-hover hover:underline">Download</a>
                        </div>
                    @endif

                    <form method="POST" action="{{ route('practice.onboarding.documents.store') }}" enctype="multipart/form-data" class="mt-4 space-y-3 border-t border-accent/10 pt-4">
                        @csrf
                        <input type="hidden" name="document_type" value="{{ $documentType }}">

                        <div>
                            <label for="document_name_{{ $documentType }}" class="block text-xs font-semibold uppercase tracking-wide text-ink-muted">Document name</label>
                            <input id="document_name_{{ $documentType }}" name="document_name" value="{{ old('document_name', $requirement['label']) }}" class="input-field mt-1">
                        </div>

                        @if ($documentType === 'business_associate_agreement')
                            <div class="grid gap-3 sm:grid-cols-2">
                                <div>
                                    <label for="signed_by_name_{{ $documentType }}" class="block text-xs font-semibold uppercase tracking-wide text-ink-muted">Signer name</label>
                                    <input id="signed_by_name_{{ $documentType }}" name="signed_by_name" value="{{ old('signed_by_name', auth()->user()->name) }}" required class="input-field mt-1">
                                </div>
                                <div>
                                    <label for="signed_by_title_{{ $documentType }}" class="block text-xs font-semibold uppercase tracking-wide text-ink-muted">Signer title</label>
                                    <input id="signed_by_title_{{ $documentType }}" name="signed_by_title" value="{{ old('signed_by_title') }}" required class="input-field mt-1">
                                </div>
                                <div>
                                    <label for="signed_at_{{ $documentType }}" class="block text-xs font-semibold uppercase tracking-wide text-ink-muted">Signed date</label>
                                    <input id="signed_at_{{ $documentType }}" name="signed_at" type="date" value="{{ old('signed_at', now()->toDateString()) }}" required class="input-field mt-1">
                                </div>
                                <div>
                                    <label for="effective_date_{{ $documentType }}" class="block text-xs font-semibold uppercase tracking-wide text-ink-muted">Effective date</label>
                                    <input id="effective_date_{{ $documentType }}" name="effective_date" type="date" value="{{ old('effective_date') }}" class="input-field mt-1">
                                </div>
                            </div>
                        @endif

                        <div>
                            <label for="file_{{ $documentType }}" class="block text-xs font-semibold uppercase tracking-wide text-ink-muted">Signed PDF</label>
                            <input id="file_{{ $documentType }}" name="file" type="file" accept="application/pdf,.pdf" required class="input-field mt-1">
                        </div>

                        <button type="submit" class="btn-primary" data-loading-text="Uploading document...">
                            {{ $latestDocument ? 'Upload Replacement' : 'Upload Document' }}
                        </button>
                    </form>
                </div>
            @endforeach
        </div>
            </div>
    @else
            <div
                id="practice-panel-documents"
                role="tabpanel"
                aria-labelledby="practice-tab-documents"
                x-show="activeTab === 'documents'"
                x-cloak
                x-transition.opacity
                class="{{ $tabPanelClass }}"
            >
        <div class="{{ $tabHeaderClass }}">
            <div>
                <h2 class="text-sm font-semibold text-accent">Compliance documents</h2>
                <p class="mt-1 text-xs text-ink-secondary">BAA and eSign evidence are managed by the Clinic Admin or Practice Manager.</p>
            </div>
            <span class="status-pill-neutral">Restricted</span>
        </div>
        <p class="mt-4 {{ $emptyStateClass }}">Your role can view compliance readiness, but document uploads are restricted.</p>
            </div>
    @endif

            <div
                id="practice-panel-tasks"
                role="tabpanel"
                aria-labelledby="practice-tab-tasks"
                x-show="activeTab === 'tasks'"
                x-cloak
                x-transition.opacity
                class="{{ $tabPanelClass }}"
            >
        <div class="{{ $tabHeaderClass }}">
            <div>
                <h2 class="text-sm font-semibold text-accent">Onboarding tasks</h2>
                <p class="mt-1 text-xs text-ink-secondary">Current practice status: {{ ucfirst(str_replace('_', ' ', $tenant->status)) }}</p>
            </div>
            @if ($tenant->isActive())
                <span class="status-pill-good">Activated</span>
            @else
                <span class="status-pill-warning">Pre-activation</span>
            @endif
        </div>

        <div class="mt-5 space-y-5">
            @foreach ($tasksByCategory as $category => $categoryTasks)
                <div>
                    <h3 class="text-xs font-semibold uppercase tracking-wide text-ink-muted">
                        {{ $categoryLabels[$category] ?? ucfirst(str_replace('_', ' ', $category)) }}
                    </h3>
                    <div class="mt-2 grid gap-3">
                        @foreach ($categoryTasks as $task)
                            @php
                                $taskAccentClass = match ($task->status) {
                                    'completed', 'not_applicable' => 'border-l-status-good',
                                    'rejected' => 'border-l-status-critical',
                                    'under_review' => 'border-l-accent',
                                    'locked' => 'border-l-ink-muted',
                                    default => 'border-l-status-warning',
                                };
                            @endphp
                            <div class="{{ $rowCardClass }} border-l-4 {{ $taskAccentClass }}" data-onboarding-task-card="{{ $task->id }}">
                                <div class="flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between">
                                    <div>
                                        <h4 class="text-sm font-semibold text-accent">{{ $task->title }}</h4>
                                        <p class="mt-1 text-xs leading-relaxed text-ink-secondary">{{ $task->description }}</p>
                                        <p class="mt-2 text-xs text-ink-muted {{ $task->completed_at || $task->reviewed_at || $task->rejection_reason ? '' : 'hidden' }}" data-onboarding-task-meta>
                                            @if ($task->completed_at)
                                                Submitted {{ \App\Support\UsFormat::dateTime($task->completed_at) }}
                                            @endif
                                            @if ($task->reviewed_at)
                                                · Reviewed {{ \App\Support\UsFormat::dateTime($task->reviewed_at) }}
                                            @endif
                                        </p>
                                        @if ($task->rejection_reason)
                                            <p class="mt-2 rounded-lg border border-status-critical/20 bg-status-critical/10 px-3 py-2 text-xs text-status-critical">
                                                {{ $task->rejection_reason }}
                                            </p>
                                        @endif
                                    </div>
                                    <span class="{{ $statusClasses[$task->status] ?? 'status-pill-neutral' }}" data-onboarding-task-status>
                                        {{ ucfirst(str_replace('_', ' ', $task->status)) }}
                                    </span>
                                </div>

                                @can('submit', $task)
                                    <form method="POST" action="{{ route('practice.onboarding.tasks.submit', $task) }}" class="mt-3 border-t border-accent/10 pt-3" data-onboarding-task-form>
                                        @csrf
                                        <label for="note_{{ $task->id }}" class="block text-xs font-semibold uppercase tracking-wide text-ink-muted">Note</label>
                                        <textarea id="note_{{ $task->id }}" name="note" rows="2" class="input-field mt-1" placeholder="Add a short update for Meduvo review"></textarea>
                                        <button type="submit" class="mt-2 btn-primary" data-loading-text="Submitting...">Submit for Review</button>
                                    </form>
                                @endcan
                            </div>
                        @endforeach
                    </div>
                </div>
            @endforeach
        </div>
            </div>
        </div>
    </section>
</div>
@endsection