FlyTeam/SkyTeam/SettingsPage.xaml

<Page x:Class="SkyTeam.SettingsPage"
      xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
      xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
      xmlns:iconPacks="http://metro.mahapps.com/winfx/xaml/iconpacks"
      Title="SettingsPage">

    <Grid>

        <Grid.RowDefinitions>
            <RowDefinition Height="Auto"/>
            <RowDefinition Height="*"/>
        </Grid.RowDefinitions>

        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="180"/>
            <ColumnDefinition Width="*"/>
        </Grid.ColumnDefinitions>

        <Border Grid.Row="0"
                Grid.ColumnSpan="2"
                Background="#FF1E88E5"
                Padding="15">
            <StackPanel Orientation="Horizontal"
                        VerticalAlignment="Center">
                <Ellipse Width="36" Height="36" Fill="White" Margin="0,0,10,0"/>
                <StackPanel>
                    <TextBlock Text="Sky Team Airlines"
                               FontSize="20"
                               FontWeight="Bold"
                               Foreground="White"/>
                    <TextBlock Text="Sichere und komfortable Flüge weltweit"
                               FontSize="12"
                               Foreground="White"/>
                </StackPanel>
            </StackPanel>
        </Border>

        <StackPanel Grid.Row="1"
                    Grid.Column="0"
                    Background="#FFE3F2FD"
                    Orientation="Vertical">

            <Button x:Name="HomeButton"
                    Height="50"
                    Margin="5"
                    Click="HomeButton_Click">
                <StackPanel Orientation="Horizontal" VerticalAlignment="Center">
                    <iconPacks:PackIconMaterial Kind="Home" Width="20" Height="20" Margin="0,0,10,0"/>
                    <TextBlock Text="Home"/>
                </StackPanel>
            </Button>

            <Button x:Name="BookingsButton"
                    Height="50"
                    Margin="5"
                    Click="BookingsButton_Click">
                <StackPanel Orientation="Horizontal" VerticalAlignment="Center">
                    <iconPacks:PackIconMaterial Kind="Airplane" Width="20" Height="20" Margin="0,0,10,0"/>
                    <TextBlock Text="Meine Buchungen"/>
                </StackPanel>
            </Button>

            <Button x:Name="SettingsButton"
                    Height="50"
                    Margin="5"
                    Click="SettingsButton_Click"
                    Background="#FFBBDEFB">
                <StackPanel Orientation="Horizontal" VerticalAlignment="Center">
                    <iconPacks:PackIconMaterial Kind="Cog" Width="20" Height="20" Margin="0,0,10,0"/>
                    <TextBlock Text="Einstellungen"/>
                </StackPanel>
            </Button>

            <Button x:Name="LogoutButton"
                    Height="50"
                    Margin="5"
                    Background="#FFEBEB"
                    BorderBrush="#FFB71C1C"
                    Foreground="#D32F2F"
                    FontWeight="Bold"
                    Click="LogoutButton_Click">
                <StackPanel Orientation="Horizontal" VerticalAlignment="Center">
                    <iconPacks:PackIconMaterial Kind="Logout" Width="20" Height="20" Margin="0,0,10,0"/>
                    <TextBlock Text="Abmelden"/>
                </StackPanel>
            </Button>

        </StackPanel>

        <Grid Grid.Row="1" Grid.Column="1" Margin="30">

            <StackPanel Orientation="Horizontal"
                        VerticalAlignment="Center"
                        Margin="0,0,0,25">
                <iconPacks:PackIconMaterial Kind="Cog" Width="32" Height="32" Margin="0,0,12,0"/>
                <StackPanel>
                    <TextBlock Text="Einstellungen"
                               FontSize="28"
                               FontWeight="Bold"/>
                    <TextBlock Text="Passen Sie Ihr Sky Team Erlebnis an"
                               FontSize="16"
                               Foreground="#666"/>
                </StackPanel>
            </StackPanel>

            <Border Background="White"
                    CornerRadius="12"
                    Padding="30"
                    BorderBrush="#E0E0E0"
                    BorderThickness="1"
                    Margin="0,0,0,25"
                    VerticalAlignment="Top">
                <StackPanel Orientation="Horizontal" VerticalAlignment="Center">
                    <iconPacks:PackIconMaterial Kind="WeatherNight" Width="28" Height="28" Margin="0,0,15,0"/>
                    <StackPanel VerticalAlignment="Center">
                        <TextBlock Text="Dark Mode"
                                   FontSize="18"
                                   FontWeight="Bold"/>
                        <TextBlock Text="Aktivieren Sie den dunklen Modus für die Anwendung."
                                   FontSize="14"
                                   Foreground="#666"
                                   Margin="0,4,0,0"/>
                    </StackPanel>
                    <ToggleButton x:Name="DarkModeToggle"
                                  Width="90"
                                  Height="36"
                                  Margin="30,0,0,0"
                                  HorizontalAlignment="Right"
                                  VerticalAlignment="Center"
                                  Background="#F5F5F5"
                                  BorderBrush="#DDD"
                                  Content="Aus"
                                  FontSize="14"
                                  FontWeight="SemiBold"
                                  Checked="DarkModeToggle_Checked"
                                  Unchecked="DarkModeToggle_Unchecked"/>
                </StackPanel>
            </Border>

            <Border Background="#FEF2F2"
                    CornerRadius="12"
                    Padding="30"
                    BorderBrush="#FFB71C1C"
                    BorderThickness="1">
                <StackPanel>
                    <StackPanel Orientation="Horizontal" Margin="0,0,0,15">
                        <iconPacks:PackIconMaterial Kind="AlertCircle" Width="28" Height="28" Foreground="#D32F2F" Margin="0,0,12,0"/>
                        <StackPanel>
                            <TextBlock Text="Konto löschen"
                                       FontSize="20"
                                       FontWeight="Bold"
                                       Foreground="#D32F2F"/>
                            <TextBlock Text="⚠️ Achtung: Diese Aktion kann nicht rückgängig gemacht werden!"
                                       FontSize="14"
                                       Foreground="#B71C1C"
                                       Margin="0,5,0,0"/>
                        </StackPanel>
                    </StackPanel>

                    <Button x:Name="DeleteAccountButton"
                            Width="200"
                            Height="45"
                            HorizontalAlignment="Center"
                            Background="#D32F2F"
                            Foreground="White"
                            FontSize="15"
                            FontWeight="Bold"
                            Click="DeleteAccountButton_Click">
                        <StackPanel Orientation="Horizontal" HorizontalAlignment="Center">
                            <iconPacks:PackIconMaterial Kind="AccountRemove" Width="20" Height="20" Margin="0,0,8,0"/>
                            <TextBlock Text="Konto endgültig löschen"/>
                        </StackPanel>
                    </Button>
                </StackPanel>
            </Border>

        </Grid>

    </Grid>
</Page>