<UserControl x:Class="RowDetailsInRadWindow.MainPage"
			 xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
			 xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
			 xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
			 xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
			 xmlns:telerik="http://schemas.telerik.com/2008/xaml/presentation"
			 xmlns:my="clr-namespace:RowDetailsInRadWindow"
			 mc:Ignorable="d" d:DesignHeight="700" d:DesignWidth="700">
	<UserControl.Resources>
		<my:MyViewModel x:Key="MyViewModel"/>
	</UserControl.Resources>
	<Grid x:Name="LayoutRoot" 
		  Background="White" 
		  DataContext="{StaticResource MyViewModel}">
		<Grid.RowDefinitions>
			<RowDefinition Height="*"/>
			<RowDefinition Height="Auto" />
		</Grid.RowDefinitions>
		<Grid.Resources>
			<DataTemplate x:Key="RowDetailsTemplate">
				<Grid>
					<Grid.RowDefinitions>
						<RowDefinition />
						<RowDefinition />
					</Grid.RowDefinitions>
				
					<StackPanel Grid.Row="0" Orientation="Horizontal">
						<telerik:RadButton Content="Move Previous" Click="RadButton_Click"/>
						<telerik:RadButton Content="Move Next" Click="RadButton_Click_1"/>
					</StackPanel>
					<telerik:RadGridView Name="playersGrid" Grid.Row="1"
										 ItemsSource="{Binding Players}" 
										 AutoGenerateColumns="False">
						<telerik:RadGridView.Columns>
							<telerik:GridViewDataColumn DataMemberBinding="{Binding Name}"/>
							<telerik:GridViewDataColumn DataMemberBinding="{Binding Number}"/>
							<telerik:GridViewDataColumn DataMemberBinding="{Binding Position}"/>
							<telerik:GridViewDataColumn DataMemberBinding="{Binding Country}"/>
						</telerik:RadGridView.Columns>
					</telerik:RadGridView>
				</Grid>
			</DataTemplate>
		</Grid.Resources>
		<telerik:RadGridView Grid.Row="0" 
							 Name="clubsGrid" 
							 ItemsSource="{Binding Clubs}"
							 AutoGenerateColumns="False"
							 RowDetailsTemplate="{StaticResource RowDetailsTemplate}"
							 Margin="5">
			<telerik:RadGridView.Columns>				
				<telerik:GridViewDataColumn DataMemberBinding="{Binding Name}"/>
				<telerik:GridViewDataColumn DataMemberBinding="{Binding Established}"
											Header="Est." 
											DataFormatString="{}{0:yyyy}"/>
				<telerik:GridViewDataColumn DataMemberBinding="{Binding StadiumCapacity}" 
											Header="Stadium" 
											DataFormatString="{}{0:N0}"/>
			</telerik:RadGridView.Columns>
		</telerik:RadGridView>		
	</Grid>
</UserControl>
