@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') }}
{{ __('Edit plan') }}
@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 --}}
{{-- 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) --}}
{{ __('Back to plan view') }}
{{-- Tab navigatie (edit-modus) --}}
@foreach ($zoneConfig as $key => $cfg)
iteration }}"
:class="editStep === {{ $loop->iteration }} ? '' : 'opacity-60'"
class="flex-1 py-2 {{ $cfg['bg'] }} text-white transition flex flex-col items-center">
{{ $cfg['icon'] }}
@endforeach
{{-- Actieve zonetitel (edit-modus) --}}
@foreach ($zoneConfig as $color => $cfg)
{{ $cfg['icon'] }}
{{ $cfg['label'] }}
@endforeach
{{-- /bewerk-wizard --}}
{{-- Modal: startscherm instructies --}}
{{-- Header --}}
{{ __('Add S O S to home screen') }}
{{-- Link kopiรซren --}}
{{ __('Page link') }}
{{ route('ice.index') }}
{{ __('Copy') }}
โ {{ __('Copied!') }}
{{-- Platform instructies --}}
๐ iPhone / iPad
{{ __('Open in Safari โ tap Share (โกโ) โ "Add to Home Screen"') }}
๐ค Android
{{ __('Open in Chrome โ tap Menu (โฎ) โ "Add to Home Screen"') }}
{{ __('Close') }}
{{-- /x-data --}}