<?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="MauiLayout.MainPage"
             Title="Profile">
    <ContentPage.Resources>
        <Style x:Key="SectionHeading" TargetType="Label">
            <Setter Property="FontSize" Value="20" />
            <Setter Property="FontAttributes" Value="Bold" />
            <Setter Property="TextColor" Value="#163B5F" />
        </Style>
    </ContentPage.Resources>
    <ScrollView>
        <VerticalStackLayout Padding="22" Spacing="18">
            <Label Text="Student Profile"
                   FontSize="28" FontAttributes="Bold" />
            <Border Padding="18" BackgroundColor="#EAF5FF"
                    Stroke="#BFDDF7" StrokeShape="RoundRectangle 16">
                <Grid ColumnDefinitions="*,Auto" RowDefinitions="Auto,Auto"
                      ColumnSpacing="12" RowSpacing="6">
                    <Label Text="Alex Tan" FontSize="22" FontAttributes="Bold" />
                    <Label Grid.Column="1" Text="ACTIVE"
                           TextColor="#087C66" FontAttributes="Bold" />
                    <Label Grid.Row="1" Grid.ColumnSpan="2"
                           Text="Mobile development learner" />
                </Grid>
            </Border>
            <Label Text="Contact information"
                   Style="{StaticResource SectionHeading}" />
            <Grid ColumnDefinitions="110,*" RowDefinitions="Auto,Auto"
                  ColumnSpacing="12" RowSpacing="14">
                <Label Text="Email" />
                <Label Grid.Column="1" Text="alex@example.com" />
                <Label Grid.Row="1" Text="Course" />
                <Label Grid.Row="1" Grid.Column="1"
                       Text="Visual Studio 2026" />
            </Grid>
            <Border Padding="18" Stroke="#CCDDEE"
                    StrokeShape="RoundRectangle 16">
                <VerticalStackLayout Spacing="10">
                    <Label Text="Skills" Style="{StaticResource SectionHeading}" />
                    <Label Text="C#  •  XAML  •  .NET MAUI" />
                    <ProgressBar Progress="0.65" ProgressColor="#1779C4" />
                    <Label Text="65% learning plan completed" FontSize="12" />
                </VerticalStackLayout>
            </Border>
        </VerticalStackLayout>
    </ScrollView>
</ContentPage>
