<Page x:Class="PagMostrar"
      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:uc="clr-namespace:ApXBAPtelefonos"
      xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
      mc:Ignorable="d" 
      d:DesignHeight="350" d:DesignWidth="450"
      WindowTitle="Lista de teléfonos" Width="450" Height="350"
      Loaded="Page_Loaded"
      KeepAlive="True">
  <Grid>
    <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="Imagenes/telefono.jpg"/>
    </Grid.Background>

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

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

    <Image Name="imFoto" Grid.Column="1" Grid.Row="1" Margin="5" MinWidth="32" MinHeight="32" MaxHeight="64" HorizontalAlignment="Left"
           Source="{Binding Path=foto}" MouseDown="imFoto_MouseDown" />
    <TextBox Grid.Column="1" Grid.Row="2" Grid.ColumnSpan="2" Name="ctNombre" Style="{StaticResource EstiloTextBox}"
             Text="{Binding Path=nombre}"/>
    <TextBox Grid.Column="1" Grid.Row="3" Grid.ColumnSpan="2" Name="ctDireccion" Style="{StaticResource EstiloTextBox}"
             Text="{Binding Path=direccion}"/>
    <TextBox Grid.Column="1" Grid.Row="4" Name="ctTelefono" Style="{StaticResource EstiloTextBox}"
             Text="{Binding Path=telefono1}"/>
    <TextBox Grid.Column="1" Grid.Row="5" Grid.ColumnSpan="2" Name="ctObservaciones" Style="{StaticResource EstiloTextBox}"
             Text="{Binding Path=observaciones}"/>

    <WrapPanel Grid.ColumnSpan="4" Grid.Row="6" Style="{StaticResource EstiloWrapPanel}">
      <Button Name="btPrimero" Content="Primero" Margin="5" Click="btPrimero_Click" />
      <Button Name="btAnterior" Content="Anterior" Margin="5" Click="btAnterior_Click" />
      <WrapPanel VerticalAlignment="Center" ItemWidth="28">
        <TextBlock Name="btxPosicionReg" Text="0" Margin="5"/>
        <TextBlock Text="de" Margin="5"/>
        <TextBlock Name="btxTotalReg" Text="0" Margin="5"/>
      </WrapPanel>
      <Button Name="btSiguiente" Content="Siguiente" Margin="5" Click="btSiguiente_Click" />
      <Button Name="btUltimo" Content="Último" Margin="5" Click="btUltimo_Click" />
    </WrapPanel>

    <uc:UControlFiltrar x:Name="ucFiltrar"
                        Grid.Column="2" Grid.ColumnSpan="2" Grid.Row="4"
                        TextBoxBase.TextChanged="ucFiltrar_TextChanged"/>

    <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>
</Page>
