{{ __('Signaleringsplan') }}

{{ __('Your signal plan helps you and the people around you recognise early warning signs and agree on what to do. Fill in your personal signals, coping strategies, and emergency contacts.') }}
@if (session('status') === 'saved')
{{ __('Your plan has been saved.') }}
@endif @php $zoneConfig = [ 'purple' => [ 'icon' => '๐ŸŒบ', 'label' => __('Purple zone โ€” bloom'), 'shortLabel' => __('Purple zone'), 'bg' => 'bg-purple-700', 'border' => 'border-purple-600', 'light' => 'bg-purple-50 dark:bg-purple-900/20', 'badge' => 'bg-purple-100 text-purple-800 dark:bg-purple-800/40 dark:text-purple-300', 'textColor' => 'text-purple-700 dark:text-purple-400', 'cssHover' => 'sugg-purple', ], 'blue' => [ 'icon' => '๐ŸŒฑ', 'label' => __('Blue zone โ€” growth'), 'shortLabel' => __('Blue zone'), 'bg' => 'bg-blue-500', 'border' => 'border-blue-400', 'light' => 'bg-blue-50 dark:bg-blue-900/20', 'badge' => 'bg-blue-100 text-blue-800 dark:bg-blue-800/40 dark:text-blue-300', 'textColor' => 'text-blue-700 dark:text-blue-400', 'cssHover' => 'sugg-blue', ], 'green' => [ 'icon' => '๐Ÿ˜Š', 'label' => __('Green zone โ€” feeling good'), 'shortLabel' => __('Green zone'), 'bg' => 'bg-green-500', 'border' => 'border-green-400', 'light' => 'bg-green-50 dark:bg-green-900/20', 'badge' => 'bg-green-100 text-green-800 dark:bg-green-800/40 dark:text-green-300', 'textColor' => 'text-green-700 dark:text-green-400', 'cssHover' => 'sugg-green', ], 'yellow' => [ 'icon' => '๐Ÿ˜', 'label' => __('Yellow zone โ€” mild stress'), 'shortLabel' => __('Yellow zone'), 'bg' => 'bg-yellow-400', 'border' => 'border-yellow-400', 'light' => 'bg-yellow-50 dark:bg-yellow-900/20', 'badge' => 'bg-yellow-100 text-yellow-800 dark:bg-yellow-800/40 dark:text-yellow-300', 'textColor' => 'text-yellow-700 dark:text-yellow-400', 'cssHover' => 'sugg-yellow', ], 'orange' => [ 'icon' => '๐Ÿ˜Ÿ', 'label' => __('Orange zone โ€” high stress'), 'shortLabel' => __('Orange zone'), 'bg' => 'bg-orange-500', 'border' => 'border-orange-400', 'light' => 'bg-orange-50 dark:bg-orange-900/20', 'badge' => 'bg-orange-100 text-orange-800 dark:bg-orange-800/40 dark:text-orange-300', 'textColor' => 'text-orange-700 dark:text-orange-400', 'cssHover' => 'sugg-orange', ], 'red' => [ 'icon' => '๐Ÿ˜ซ', 'label' => __('Red zone โ€” crisis'), 'shortLabel' => __('Red zone'), 'bg' => 'bg-red-600', 'border' => 'border-red-400', 'light' => 'bg-red-50 dark:bg-red-900/20', 'badge' => 'bg-red-100 text-red-800 dark:bg-red-800/40 dark:text-red-300', 'textColor' => 'text-red-700 dark:text-red-400', 'cssHover' => 'sugg-red', ], ]; $zoneKeys = array_keys($zoneConfig); @endphp
{{-- โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ• LEESMODUS โ€” afgewerkt plan (alle zones tegelijk) โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ• --}}

{{ __('My wellness zones at a glance') }}

@foreach ($zoneConfig as $color => $cfg) @php $zoneData = $zones[$color] ?? null; $signals = $zoneData?->signals ?? []; $helps = $zoneData?->helps ?? []; $helpsNot = in_array($color, ['orange','red']) ? ($zoneData?->helps_not ?? []) : null; $stepNum = $loop->iteration; $hasHelpsNot = $helpsNot !== null && count($helpsNot) > 0; @endphp
{{-- Gekleurde kopbalk --}}
{{ $cfg['icon'] }} {{ $cfg['label'] }}
{{-- Twee kolommen: signalen | helpt --}}
{{-- Signalen --}}

{{ __('Signals') }}

โ€”

{{-- Wat helpt --}}

{{ __('What helps') }}

โ€”

{{-- Wat helpt NIET โ€” alleen voor oranje en rood --}} @if ($helpsNot !== null)

{{ __('What does not help me') }}

โ€”

@endif
@endforeach
{{-- /leesmodus --}} {{-- โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ• BEWERK- / WIZARD-MODUS โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ• --}}
{{-- Terugknop naar leesmodus (alleen na setup) --}} {{-- Tab navigatie (edit-modus) --}}
@foreach ($zoneConfig as $key => $cfg) @endforeach
{{-- Actieve zonetitel (edit-modus) --}}
@foreach ($zoneConfig as $color => $cfg)
{{ $cfg['icon'] }}

{{ $cfg['label'] }}

@endforeach
@csrf @method('PATCH') {{-- Verborgen inputs gesynchroniseerd vanuit Alpine --}} @foreach ($zoneKeys as $color) @endforeach @foreach (['orange', 'red'] as $color) @endforeach {{-- Zone stappen --}} @foreach ($zoneConfig as $color => $cfg) @php $stepNum = $loop->iteration; @endphp {{-- edit: toon op editStep; wizard: toon op step --}}
{{-- SIGNALEN --}}

{{ __('What indicates I am in this zone') }}

{{-- Gekozen items als pills --}}
{{ __('Nothing added yet.') }}
{{-- Eigen invoer โ€” mobiel gestapeld, desktop naast elkaar --}}
{{-- Suggesties --}}
@foreach ($suggestions[$color]['signals'] as $sugg) @endforeach
{{-- WAT HELPT --}}

{{ __('What helps me in this zone') }}

{{ __('Nothing added yet.') }}
@foreach ($suggestions[$color]['helps'] as $sugg) @endforeach
{{-- WAT HELPT NIET โ€” alleen voor oranje en rood --}} @if (in_array($color, ['orange', 'red']))

{{ __('What does not help me') }}

{{ __('Nothing added yet.') }}
@foreach ($suggestions[$color]['helps_not'] as $sugg) @endforeach
@endif {{-- Knop: S O S op startscherm zetten (alleen rode zone) --}} @if ($color === 'red')

{{ __('Quick access in a crisis') }}

@endif
@endforeach
{{-- /bewerk-wizard --}} {{-- Modal: startscherm instructies --}}
{{-- Header --}}

{{ __('Add S O S to home screen') }}

{{-- Link kopiรซren --}}

{{ __('Page link') }}

{{ route('ice.index') }}
{{-- Platform instructies --}}

๐ŸŽ iPhone / iPad

{{ __('Open in Safari โ†’ tap Share (โ–กโ†‘) โ†’ "Add to Home Screen"') }}

๐Ÿค– Android

{{ __('Open in Chrome โ†’ tap Menu (โ‹ฎ) โ†’ "Add to Home Screen"') }}

{{-- /x-data --}}
{{-- Hover-stijlen voor suggestie-pills via CSS (JIT-veilig) --}} @push('bottom-bar-buttons') {{-- {{ __('Dashboard') }} --}} S O S @endpush