        <div>
                                                                <div class="text-base-content/70">Temperature</div>
                                                                <div class="font-medium" x-text="weather?.hourly?.temperature !== undefined ? `${weather.hourly.temperature}°C` : 'N/A'"></div>
                                                            </div>
                                                        </div>
                                                        <di