<?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             x:Class="MauiWeather.MainPage"
             Title="City Weather">
    <ScrollView>
        <VerticalStackLayout Padding="24" Spacing="14">
            <Label Text="City Weather Dashboard"
                   FontSize="26" FontAttributes="Bold" />
            <Label Text="Choose a city" />
            <Picker x:Name="CityPicker" Title="Select a city" />
            <Button x:Name="RefreshButton" Text="Load weather"
                    Clicked="OnRefreshClicked" />
            <Label x:Name="StatusLabel" Text="Tap Load weather."
                   FontSize="14" />
            <Border Padding="18" BackgroundColor="#E6F4FF"
                    StrokeShape="RoundRectangle 16">
                <VerticalStackLayout Spacing="6">
                    <Label Text="Temperature" TextColor="#34566E" />
                    <Label x:Name="TemperatureLabel" Text="—"
                           FontSize="32" FontAttributes="Bold" />
                </VerticalStackLayout>
            </Border>
            <Border Padding="18" BackgroundColor="#ECFDF5"
                    StrokeShape="RoundRectangle 16">
                <VerticalStackLayout Spacing="6">
                    <Label Text="Relative humidity" TextColor="#34566E" />
                    <Label x:Name="HumidityLabel" Text="—"
                           FontSize="24" />
                </VerticalStackLayout>
            </Border>
            <Border Padding="18" BackgroundColor="#F2F2FF"
                    StrokeShape="RoundRectangle 16">
                <VerticalStackLayout Spacing="6">
                    <Label Text="Wind speed" TextColor="#34566E" />
                    <Label x:Name="WindLabel" Text="—"
                           FontSize="24" />
                </VerticalStackLayout>
            </Border>
        </VerticalStackLayout>
    </ScrollView>
</ContentPage>
