<Page
    x:Class="Ukázka_informačního_rámečku.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:Ukázka_informačního_rámečku"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d">

    <Page.BottomAppBar>
        <CommandBar>
            <AppBarButton Icon="Play" Label="Přehrát" Click="TlacitkoPrehrat_Click"/>
            <AppBarButton Icon="Pause" Label="Pozastavit" Click="TlacitkoPozastavit_Click"/>
            <AppBarSeparator/>
            <AppBarButton Icon="Stop" Label="Zastavit" Click="TlacitkoZastavit_Click"/>
            <CommandBar.SecondaryCommands>
                <AppBarToggleButton Icon="RepeatAll" Label="Opakovat skladbu" Click="TlacitkoOpakovatSkladbu_Click"/>
                <AppBarToggleButton Icon="Mute" Label="Ztlumit" Click="TlacitkoZtlumit_Click"/>
            </CommandBar.SecondaryCommands>
        </CommandBar>
    </Page.BottomAppBar>

    <Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
        <MediaElement x:Name="PrehravacMedii" HorizontalAlignment="Left" Height="100" VerticalAlignment="Top" Width="100" Source="Assets/Electro Sample.mp3"/>
        <Button x:Name="TlacitkoZobrazitObrazek" 
                Content="Zobrazit fotografii" 
                HorizontalAlignment="Left" 
                VerticalAlignment="Top" 
                Margin="45,45,0,0" 
                Height="55" 
                Width="190">
                <Button.Flyout>
                    <Flyout>
                        <StackPanel>
                            <TextBlock>Požadujete zobrazení fotografie. Chcete pokračovat?
                            </TextBlock>
                            <Button Click="TlacitkoZobrazitObrazek_Click">Ano, zobrazit fotografii</Button>
                        </StackPanel>
                    </Flyout>
                </Button.Flyout>
            </Button>
        <Image x:Name="ObrazekSkupiny" HorizontalAlignment="Left" Height="367" VerticalAlignment="Top" Width="550" Margin="48,145,0,0" Source="Assets/Band.jpg" Visibility="Collapsed"/>

    </Grid>
</Page>
