37 lines
2.9 KiB
PHP
37 lines
2.9 KiB
PHP
@php
|
|
$icons = [
|
|
'sun' => '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="4"/><path d="M12 2v2M12 20v2M4.93 4.93l1.41 1.41M17.66 17.66l1.41 1.41M2 12h2M20 12h2M4.93 19.07l1.41-1.41M17.66 6.34l1.41-1.41"/></svg>',
|
|
'cloud-sun' => '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"><path d="M12 2v2M5.22 5.22l1.42 1.42M2 12h2M20 12h2M15 11a4 4 0 10-7.5 2"/><path d="M17.5 19a2.5 2.5 0 000-5h-1A6 6 0 105 17h12.5z"/></svg>',
|
|
'cloud' => '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"><path d="M17.5 19a4.5 4.5 0 100-9h-1.26A8 8 0 103 16.25"/></svg>',
|
|
'fog' => '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"><path d="M5 5h11M3 10h17M5 15h13M3 20h17"/></svg>',
|
|
'drizzle' => '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"><path d="M8 19v2M8 13v2M16 19v2M16 13v2M12 21v2M12 15v2M20 16.58A5 5 0 0018 7h-1.26A8 8 0 104 15.25"/></svg>',
|
|
'rain' => '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"><path d="M16 13v8M8 13v8M12 15v8M20 16.58A5 5 0 0018 7h-1.26A8 8 0 104 15.25"/></svg>',
|
|
'snow' => '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"><path d="M20 17.58A5 5 0 0018 8h-1.26A8 8 0 104 16.25M8 16h.01M8 20h.01M12 18h.01M12 22h.01M16 16h.01M16 20h.01"/></svg>',
|
|
'storm' => '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"><path d="M19 16.9A5 5 0 0018 7h-1.26a8 8 0 10-11.62 9M13 11l-4 6h6l-4 6"/></svg>',
|
|
];
|
|
$svg = $icons[$w['icon']] ?? $icons['cloud'];
|
|
@endphp
|
|
|
|
<div class="glass p-4">
|
|
<div class="flex items-center justify-between mb-3">
|
|
<h3 class="text-xs uppercase tracking-widest text-white/50 font-medium">Wetter</h3>
|
|
<span class="text-[10px] font-mono text-white/30">{{ $w['city'] }}</span>
|
|
</div>
|
|
|
|
<div class="flex items-center gap-3">
|
|
<div class="w-12 h-12 text-primary flex-shrink-0">
|
|
{!! $svg !!}
|
|
</div>
|
|
<div class="flex-1 min-w-0">
|
|
<div class="text-2xl font-mono text-white leading-none">
|
|
@if ($w['temperature'] !== null)
|
|
{{ number_format($w['temperature'], 1, ',', '') }}<span class="text-base text-white/50 ml-0.5">°C</span>
|
|
@else
|
|
<span class="text-white/40">—</span>
|
|
@endif
|
|
</div>
|
|
<div class="text-xs text-white/50 mt-1 truncate">{{ $w['description'] }}</div>
|
|
</div>
|
|
</div>
|
|
</div>
|