<Page x:Class="PagListado"
      xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
      xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
      xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
      xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
      mc:Ignorable="d" 
      d:DesignHeight="350" d:DesignWidth="525"
	    WindowTitle="Listado de personas" Loaded="Page_Loaded" Unloaded="Page_Unloaded">
  <Grid>
    <Grid.ColumnDefinitions>
      <ColumnDefinition Width="240" />
      <ColumnDefinition />
    </Grid.ColumnDefinitions>

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

    <Grid.Background>
      <ImageBrush ImageSource="Imagenes/telefono.jpg"/>
    </Grid.Background>

    <!-- Título -->
    <Label Grid.Column="1"
         Style="{StaticResource EstiloTextoCabecera}">
      Ver datos personales
    </Label>

    <!-- Lista de personas -->
    <Border Grid.Column="1" Grid.Row="1"
          Style="{StaticResource EstiloCabeceraDeLista}">
      <Label Content="Nombres"
           Style="{StaticResource EstiloTextoCabeceraDeLista}"/>
    </Border>
    <ListBox Name="lstPersonas" Grid.Column="1" Grid.Row="2"
           Style="{StaticResource EstiloLixtBox}"
           ItemsSource="{Binding Source={
                                 StaticResource xmlTelefonos}}">
      <ListBox.ItemTemplate>
        <DataTemplate>
          <StackPanel>
            <TextBlock Text="{Binding XPath=nombre}" />
          </StackPanel>
        </DataTemplate>
      </ListBox.ItemTemplate>
    </ListBox>

    <!-- Botón mostrar datos -->
    <Button Name="btMostrar" Grid.Column="1" Grid.Row="3"
          Content="Mostar datos"
          Style="{StaticResource EstiloButton}" Click="btMostrar_Click" />
  </Grid>
</Page>
