<navigation:Page x:Class="SilverlightAccesoColDatos.PagMostrarPersona" 
           xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
           xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
           xmlns:navigation="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls.Navigation"
           xmlns:sdk="http://schemas.microsoft.com/winfx/2006/xaml/presentation/sdk"
           xmlns:local="clr-namespace:SilverlightAccesoColDatos"
           Width="480" Height="360"
           Title="Página mostrar persona">
  <Grid x:Name="LayoutRoot">
    <Grid.Resources>
      <local:ConversorBytes_ImageSource x:Key="conversorBytes_ImageSource"/>
    </Grid.Resources>
    <Grid.ColumnDefinitions>
      <ColumnDefinition />
      <ColumnDefinition />
      <ColumnDefinition />
      <ColumnDefinition />
    </Grid.ColumnDefinitions>
    <Grid.RowDefinitions>
      <RowDefinition />
      <RowDefinition Height="Auto" />
      <RowDefinition Height="Auto" />
      <RowDefinition Height="Auto" />
      <RowDefinition Height="Auto" />
      <RowDefinition Height="Auto" />
      <RowDefinition />
    </Grid.RowDefinitions>

    <Grid.Background>
      <ImageBrush ImageSource="/SilverlightAccesoColDatos;component/Assets/telefono.jpg"/>
    </Grid.Background>

    <!-- Título -->
    <sdk:Label Grid.ColumnSpan="4"
         Style="{StaticResource EstiloTextoCabecera}">
      Ver datos personales
    </sdk:Label>

    <sdk:Label Grid.Column="0" Grid.Row="1" Content="Foto:" Margin="5"/>
    <sdk:Label Grid.Column="0" Grid.Row="2" Content="Nombre:" Style="{StaticResource EstiloLabel}" />
    <sdk:Label Grid.Column="0" Grid.Row="3" Content="Dirección:" Style="{StaticResource EstiloLabel}" />
    <sdk:Label Grid.Column="0" Grid.Row="4" Content="Teléfono:" Style="{StaticResource EstiloLabel}" />
    <sdk:Label Grid.Column="0" Grid.Row="5" Content="Observaciones:"  Style="{StaticResource EstiloLabel}" />

    <Image Name="imFoto" Grid.Column="1" Grid.Row="1"
           Style="{StaticResource EstiloImagen}"
           Source="{Binding Path=Foto, Mode=TwoWay,
           Converter={StaticResource conversorBytes_ImageSource}}"
           MouseLeftButtonDown="imFoto_MouseLeftButtonDown" />
    <TextBox Name="ctNombre" Grid.Column="1" Grid.Row="2"
             Grid.ColumnSpan="2" Style="{StaticResource EstiloTextBox}"
             Text="{Binding Path=Nombre, Mode=TwoWay}" />
    <TextBox Name="ctDireccion" Grid.Column="1" Grid.Row="3"
             Grid.ColumnSpan="2" Style="{StaticResource EstiloTextBox}"
             Text="{Binding Path=Direccion, Mode=TwoWay}"/>
    <TextBox Name="ctTelefono" Grid.Column="1" Grid.Row="4"
             Style="{StaticResource EstiloTextBox}"
             Text="{Binding Path=NumTelefono, Mode=TwoWay}"/>
    <TextBox Name="ctObservaciones" Grid.Column="1" Grid.Row="5"
             Grid.ColumnSpan="2" Style="{StaticResource EstiloTextBox}"
             Text="{Binding Path=Observaciones, Mode=TwoWay}"/>

    <StackPanel Grid.ColumnSpan="4" Grid.Row="6"
            Orientation="Horizontal"
            Style="{StaticResource EstiloStackPanel}">
      <Button Name="btPrimero" Content="Primero"
          Style="{StaticResource EstiloButton}"
          Click="btPrimero_Click" />
      <Button Name="btAnterior" Content="Anterior"
          Style="{StaticResource EstiloButton}"
          Click="btAnterior_Click" />
      <StackPanel VerticalAlignment="Center" Orientation="Horizontal">
        <TextBlock Name="btxPosicionReg" Text="0"
               Margin="5" Width="15"/>
        <TextBlock Text="de" Margin="5" />
        <TextBlock Name="btxTotalReg" Text="0" Margin="5" Width="15"/>
      </StackPanel>
      <Button Name="btSiguiente" Content="Siguiente"
          Style="{StaticResource EstiloButton}"
          Click="btSiguiente_Click" />
      <Button Name="btUltimo" Content="Último"
          Style="{StaticResource EstiloButton}"
          Click="btUltimo_Click" />
    </StackPanel>

    <Border Grid.Column="2" Grid.ColumnSpan="2" Grid.Row="4"
        Style="{StaticResource EstiloBorder}" >
      <StackPanel Orientation="Horizontal" >
        <sdk:Label Content="Filtrar teléfonos:"
              FontWeight="Bold" Foreground="White" />
        <TextBox x:Name="ctFiltrar"
             Style="{StaticResource EstiloTextBox}"
             TextChanged="ctFiltrar_TextChanged" MinWidth="114" />
      </StackPanel>
    </Border>

    <Button Grid.Column="3" Grid.Row="1" Name="btGuardar" Content="Guardar" Margin="10" VerticalAlignment="Center" Click="btGuardar_Click" />
    <Button Grid.Column="3" Grid.Row="2" Name="btAñadir" Content="Añadir" Margin="10" VerticalAlignment="Center" Click="btAñadir_Click" />
    <Button Grid.Column="3" Grid.Row="3" Name="btBorrar" Content="Borrar" Margin="10" VerticalAlignment="Center" Click="btBorrar_Click" />
  </Grid>
</navigation:Page>

