FlyTeam/SkyTeam/BuchungenPage.xaml

<Page x:Class="SkyTeam.MeineBuchungenPage"
      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="MeineBuchungenPage">

    <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"
                    Background="#FFBBDEFB">
                <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">
                <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">

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

            <StackPanel Grid.Row="0"
                        Orientation="Horizontal"
                        VerticalAlignment="Center"
                        Margin="0,0,0,20">
                <iconPacks:PackIconMaterial Kind="Airplane" Width="28" Height="28" Margin="0,0,10,0"/>
                <StackPanel>
                    <TextBlock Text="Meine Buchungen"
                               FontSize="24"
                               FontWeight="Bold"/>
                    <TextBlock Text="Übersicht über Ihre gebuchten Flüge"
                               FontSize="14"
                               Foreground="#666"/>
                </StackPanel>
            </StackPanel>

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

                <Grid Grid.Row="0" Margin="0,0,0,20">
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="Auto"/>
                        <ColumnDefinition Width="200"/>
                        <ColumnDefinition Width="Auto"/>
                        <ColumnDefinition Width="200"/>
                        <ColumnDefinition Width="*"/>
                    </Grid.ColumnDefinitions>

                    <Label Content="Von:" Grid.Column="0" VerticalAlignment="Center" Margin="0,0,8,0"/>
                    <TextBox x:Name="FromFilterTextBox" Grid.Column="1" Height="36" Margin="0,0,12,0"/>

                    <Label Content="Nach:" Grid.Column="2" VerticalAlignment="Center" Margin="0,0,8,0"/>
                    <TextBox x:Name="ToFilterTextBox" Grid.Column="3" Height="36" Margin="0,0,12,0"/>

                    <Button x:Name="SearchBookingsButton"
                            Grid.Column="4"
                            Width="100"
                            Height="36"
                            Margin="0,0,0,0"
                            HorizontalAlignment="Right"
                            Click="SearchBookingsButton_Click">
                        <StackPanel Orientation="Horizontal" HorizontalAlignment="Center">
                            <iconPacks:PackIconMaterial Kind="Magnify" Width="18" Height="18" Margin="0,0,6,0"/>
                            <TextBlock Text="Suchen"/>
                        </StackPanel>
                    </Button>
                </Grid>

                <DataGrid x:Name="BookingsDataGrid"
                          Grid.Row="1"
                          AutoGenerateColumns="False"
                          IsReadOnly="True"
                          CanUserAddRows="False"
                          GridLinesVisibility="Horizontal"
                          HeadersVisibility="Column">
                    <DataGrid.Columns>
                        <DataGridTextColumn Header="Buchungsnummer" Width="120" Binding="{Binding BookingNumber}"/>
                        <DataGridTextColumn Header="Von" Width="80" Binding="{Binding From}"/>
                        <DataGridTextColumn Header="Nach" Width="80" Binding="{Binding To}"/>
                        <DataGridTextColumn Header="Flugzeug" Width="100" Binding="{Binding Flugzeug}"/>
                        <DataGridTextColumn Header="Pilot" Width="100" Binding="{Binding Pilots}"/>
                        <DataGridTextColumn Header="Abflug" Width="140" Binding="{Binding DepartureTime}"/>
                        <DataGridTextColumn Header="Ankunft" Width="140" Binding="{Binding ArrivalTime}"/>
                        <DataGridTextColumn Header="Status" Width="100" Binding="{Binding Status}"/>
                       
                    </DataGrid.Columns>
                </DataGrid>

            </Grid>

        </Grid>

    </Grid>
</Page>