<phone:PhoneApplicationPage 
    x:Class="TFC_ClientApp.PivotPage1"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:phone="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone"
    xmlns:shell="clr-namespace:Microsoft.Phone.Shell;assembly=Microsoft.Phone"
    xmlns:controls="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone.Controls"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:Models="clr-namespace:TFC_ClientApp.Models" mc:Ignorable="d" d:DesignWidth="480" d:DesignHeight="768"
    FontFamily="{StaticResource PhoneFontFamilyNormal}"
    FontSize="{StaticResource PhoneFontSizeNormal}"
    Foreground="{StaticResource PhoneForegroundBrush}"
    SupportedOrientations="Portrait"  Orientation="Portrait"
    shell:SystemTray.IsVisible="True">

    <!--LayoutRoot es la cuadrícula raíz donde se coloca todo el contenido de la página-->
    <Grid x:Name="LayoutRoot" Background="White">
        <Grid.RowDefinitions>
            <RowDefinition Height="380*"  />
            <RowDefinition Height="388*" />
        </Grid.RowDefinitions>
        <!--Control Pivot-->
        <controls:Pivot Title="PERSONAL FITNESS" Grid.RowSpan="2" Margin="-12,12,12,-12" Foreground="#FF22BBF0" >

            <controls:PivotItem  >
                <controls:PivotItem.Header>
                    <Grid>
                        <TextBlock Name="Entrenamiento"  Text="Entrenamiento" Style="{StaticResource PhoneTextTitle1Style}" Foreground="#FF22BBF0"/>
                    </Grid>
                </controls:PivotItem.Header>
                <Grid>
                    <ListBox x:Name="MainListBox" Margin="50,0,-12,130"   SelectionChanged="MainListBox_SelectionChanged">
                        <ListBox.ItemTemplate>
                            <DataTemplate >
                                <StackPanel Name="stackPanel" Margin="0,0,0,17" Width="432" Height="78">
                                    <TextBlock Text="Sesión: " TextWrapping="Wrap" Style="{StaticResource PhoneTextExtraLargeStyle}" Foreground="#FF22BBF0"/>
                                    <TextBlock Text="{Binding Day}" TextWrapping="Wrap" Margin="150,-55,0,0" Style="{StaticResource PhoneTextExtraLargeStyle}" Foreground="#FF22BBF0"/>
                                    <TextBlock Text="{Binding Month}" TextWrapping="Wrap" Margin="210,-57,0,0" Style="{StaticResource PhoneTextExtraLargeStyle}" Foreground="#FF22BBF0"/>
                                    <TextBlock Text="{Binding Year }" TextWrapping="Wrap" Margin="250,-57,0,0" Style="{StaticResource PhoneTextExtraLargeStyle}" Foreground="#FF22BBF0"/>
      
                                </StackPanel>
                            </DataTemplate>
                        </ListBox.ItemTemplate>
                    </ListBox>
                    <TextBlock Height="70" HorizontalAlignment="Left" Margin="308,499,0,0" Name="textBlock13" Text="0 %" VerticalAlignment="Top" FontSize="64" Width="139" Style="{StaticResource TFC_TextBlock}" />
                    <TextBlock Height="30" HorizontalAlignment="Left" Margin="146,522,0,0" Name="textBlock14" Text="Completado al: " VerticalAlignment="Top" Style="{StaticResource TFC_TextBlock}"/>
                </Grid>
            </controls:PivotItem>

            <!--Elemento Pivot dos-->
            <controls:PivotItem>
                <controls:PivotItem.Header>
                    <Grid>
                        <TextBlock Name="MiDatos"  Text="Mis datos" Style="{StaticResource PhoneTextTitle1Style}"  Foreground="#FF22BBF0"/>
                    </Grid>
                </controls:PivotItem.Header>
                <Grid>
                    <TextBlock Height="30" HorizontalAlignment="Left" Margin="33,65,0,0" Name="textBlock1" Text="Usuario" VerticalAlignment="Top" Style="{StaticResource TFC_TextBlock}" />
                    <TextBlock Height="30" HorizontalAlignment="Left" Margin="79,94,0,0" Name="textBlock2" Text="{Binding Username}" VerticalAlignment="Top" Style="{StaticResource TFC_TextBlock}"  Foreground="Gray" />
                    <TextBlock Height="30" HorizontalAlignment="Left" Margin="33,135,0,0" Name="textBlock3" Text="Nombre" VerticalAlignment="Top" Style="{StaticResource TFC_TextBlock}"/>
                    <TextBlock Height="30" HorizontalAlignment="Left" Margin="79,164,0,0" Name="textBlock4" Text="{Binding FirstName}" VerticalAlignment="Top" Style="{StaticResource TFC_TextBlock}"  Foreground="Gray"/>
                    <TextBlock Height="30" HorizontalAlignment="Left" Margin="33,205,0,0" Name="textBlock5" Text="Apellidos" VerticalAlignment="Top" Style="{StaticResource TFC_TextBlock}" />
                    <TextBlock Height="30" HorizontalAlignment="Left" Margin="79,234,0,0" Name="textBlock6" Text="{Binding LastName}" VerticalAlignment="Top" Style="{StaticResource TFC_TextBlock}"  Foreground="Gray"/>
                    <TextBlock Height="30" HorizontalAlignment="Left" Margin="33,275,0,0" Name="textBlock7" Text="Fecha de nacimiento" VerticalAlignment="Top" Style="{StaticResource TFC_TextBlock}"/>
                    <TextBlock Height="30" HorizontalAlignment="Left" Margin="79,304,0,0" Name="textBlock8" Text="{Binding Birth}" VerticalAlignment="Top" Style="{StaticResource TFC_TextBlock}"  Foreground="Gray" />
                    <TextBlock Height="30" HorizontalAlignment="Left" Margin="33,345,0,0" Name="textBlock9" Text="Peso" VerticalAlignment="Top" Style="{StaticResource TFC_TextBlock}"/>
                    <TextBlock Height="30" HorizontalAlignment="Left" Margin="79,374,0,0" Name="textBlock10" Text="{Binding Weight}" VerticalAlignment="Top" Style="{StaticResource TFC_TextBlock}"  Foreground="Gray" />
                    <TextBlock Height="30" HorizontalAlignment="Left" Margin="33,415,0,0" Name="textBlock11" Text="Altura" VerticalAlignment="Top" Style="{StaticResource TFC_TextBlock}" />
                    <TextBlock Height="30" HorizontalAlignment="Left" Margin="79,444,0,0" Name="textBlock12" Text="{Binding Height}" VerticalAlignment="Top" Style="{StaticResource TFC_TextBlock}"  Foreground="Gray"/>
                </Grid>
            </controls:PivotItem>
        </controls:Pivot>
    </Grid>

    <!--Código de ejemplo que muestra el uso de ApplicationBar-->
    <!--<phone:PhoneApplicationPage.ApplicationBar>
        <shell:ApplicationBar IsVisible="True" IsMenuEnabled="True">
            <shell:ApplicationBarIconButton x:Name="appbar_button1" IconUri="/Images/appbar_button1.png" Text="Botón 1"/>
            <shell:ApplicationBarIconButton x:Name="appbar_button2" IconUri="/Images/appbar_button2.png" Text="Botón 2"/>
            <shell:ApplicationBar.MenuItems>
                <shell:ApplicationBarMenuItem x:Name="menuItem1" Text="Elemento de menú 1"/>
                <shell:ApplicationBarMenuItem x:Name="menuItem2" Text="Elemento de menú 2"/>
            </shell:ApplicationBar.MenuItems>
        </shell:ApplicationBar>
    </phone:PhoneApplicationPage.ApplicationBar>-->
    
</phone:PhoneApplicationPage>