<UserControl x:Class="RadGridView_SL4_AR_3.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:RadGridView_SL4_AR_3"
			 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}">
		
		<telerik:RadGridView Grid.Row="0" 
							 Name="clubsGrid" 
							 HorizontalAlignment="Stretch" 
							 DataLoadMode="Synchronous"
							 RowIndicatorVisibility="Collapsed"
							 IsFilteringAllowed="False" Width="Auto"
							 CanUserResizeColumns="True"
							 ShowGroupFooters="True"
							 IsReadOnly="True"
							 ShowGroupPanel="False"
							 ColumnWidth="auto"							
							 AlternateRowBackground="#FFFF84" RowHeight="25"
							 Background="#FFFFCE"
							 CanUserSortColumns="False" Grid.Column="1"  ActionOnLostFocus="None"
							 ItemsSource="{Binding Clubs}"
							 AutoGenerateColumns="False"
							 Margin="5">
			<telerik:RadGridView.Resources>
				<Style TargetType="telerik:GridViewHeaderCell">
					<Setter Property="Background" Value="#FDF053"/>
					<Setter Property="Foreground" Value="Black"/>
					<Setter Property="FontWeight" Value="Bold"/>
					<Setter Property="FontSize" Value="11"/>
					<Setter Property="BorderThickness" Value="0"/>
				</Style>
				<Style TargetType="telerik:GridViewHeaderRow" >
					<Setter Property="Background" Value="#FDF053"/>
					<Setter Property="Foreground" Value="Black"/>
					<Setter Property="FontWeight" Value="Normal"/>
					<Setter Property="FontSize" Value="11"/>
					<Setter Property="Height" Value="40"/>
					<Setter Property="BorderThickness" Value="0"/>
				</Style>
				<Style TargetType="telerik:GridViewRow">
					<Setter Property="Background" Value="#FFFFCE"/>
					<Setter Property="BorderThickness" Value="0"/>
				</Style>
			</telerik:RadGridView.Resources>
			<telerik:RadGridView.Columns>
				<telerik:GridViewToggleRowDetailsColumn/>
				<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.RowDetailsTemplate>
				<DataTemplate>
					<Grid>
						<Grid.ColumnDefinitions>
							<ColumnDefinition/>
						</Grid.ColumnDefinitions>
						<Grid.RowDefinitions>
							<RowDefinition/>
							<RowDefinition Height="20"/>
							<RowDefinition/>
							<RowDefinition Height="10"/>
							<RowDefinition/>
							<RowDefinition Height="10"/>
						</Grid.RowDefinitions>




						<Button Name="validateBatchItems" Content="Validate" Grid.Row="4" 
								Grid.Column="0" Width="90" HorizontalAlignment="Right" VerticalAlignment="Center" />
					</Grid>
				</DataTemplate>
			</telerik:RadGridView.RowDetailsTemplate>
		</telerik:RadGridView>
		
	</Grid>
</UserControl>
