<Control:AdaptiveControl x:Class="IDMP.Device.Views.WritingFrequencyView"
             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" 
             xmlns:controls="clr-namespace:IDMP.BaseControls;assembly=IDMP.BaseControls" 
             xmlns:helpers="clr-namespace:IDMP.BaseControls.Helper;assembly=IDMP.BaseControls"
             xmlns:i="http://schemas.microsoft.com/expression/2010/interactivity"             
             xmlns:Control="clr-namespace:IDMP.BaseControls;assembly=IDMP.BaseControls"
             xmlns:Converter="clr-namespace:IDMP.Device.Converter" 
             xmlns:prism ="http://prismlibrary.com/"                         
             xmlns:materialDesign="http://materialdesigninxaml.net/winfx/xaml/themes"
             prism:ViewModelLocator.AutoWireViewModel="True"
             mc:Ignorable="d" FontSize="{StaticResource NormalContentFontSize}"
             d:DesignHeight="648" d:DesignWidth="976">
    <Control:AdaptiveControl.Resources>
        <ResourceDictionary>
            <Converter:NoDataVisibleConverter  x:Key="NoDataVisibleConverter" />
            <Converter:GridFontColorConverter x:Key="gridfontcolorConverter"/>
            <Style x:Key="customTextCellStyle" TargetType="TextBlock">
                <Setter Property="Foreground" Value="{Binding IsSelected, Converter={StaticResource gridfontcolorConverter}, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" />
                <Setter Property="VerticalAlignment" Value="Center" />
                <Setter Property="Margin" Value="10,0,0,0" />
                <Setter Property="ToolTipService.ToolTip" Value="{Binding RelativeSource={RelativeSource Mode=Self},Path=Text}"/>
            </Style>
            <Style x:Key="RadioImageButtonStyle" TargetType="Button">
                <Setter Property="Template">
                    <Setter.Value>
                        <ControlTemplate TargetType="Button">
                            <Image Name="Image_PressOver"  Source="/Images/Radio.png" Stretch="None"/>
                            <ControlTemplate.Triggers>
                                <Trigger Property="IsMouseOver" Value="True">
                                    <Setter TargetName="Image_PressOver" Property="Source" Value="/Images/Radio.png" />
                                </Trigger>
                                <Trigger Property="IsPressed" Value="True">
                                    <Setter Property="Opacity"  Value="{StaticResource PressedOpacity}" />
                                </Trigger>
                                <Trigger Property="IsEnabled" Value="False">
                                    <Setter Property="Opacity" Value="{StaticResource UnEnableOpacity}" />
                                </Trigger>
                            </ControlTemplate.Triggers>
                        </ControlTemplate>
                    </Setter.Value>
                </Setter>
            </Style>
        </ResourceDictionary>
    </Control:AdaptiveControl.Resources>
    <Grid>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="*"/>
            <ColumnDefinition Width="120"/>
        </Grid.ColumnDefinitions>
        <Grid>
            <Grid.RowDefinitions>
                <RowDefinition Height="Auto"/>
                <RowDefinition Height="*"/>
                <RowDefinition Height="auto"/>
            </Grid.RowDefinitions>
            <Grid x:Name="headGrid">
                <Grid.ColumnDefinitions>
                    <ColumnDefinition/>
                    <ColumnDefinition Width="Auto"/>
                    <ColumnDefinition Width="Auto"/>
                </Grid.ColumnDefinitions>
                <Grid x:Name="searchGrid">
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="Auto"/>
                        <ColumnDefinition Width="Auto"/>
                    </Grid.ColumnDefinitions>
                    <Control:WatermarkTextBox Grid.Column="0" Width="200" Watermark="{DynamicResource ConfigOrName}" 
                                          Text="{Binding FilterText, Mode=TwoWay,UpdateSourceTrigger=PropertyChanged}"
                                          helpers:TextBoxHelper.IsNeedClearButton="True"/>
                    <Button Grid.Column="1" Margin="10,0,0,0" Command="{Binding SearchCommand}" Content="{DynamicResource Search}" IsDefault="True"/>
                </Grid>
            </Grid>
            <DataGrid x:Name="dataGrid" Grid.Row="1" Margin="0,20,0,0"
                      ItemsSource="{Binding DeviceParamTemplates, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}"
                      HeadersVisibility="Column" 
                      AutoGenerateColumns="False" 
                      CanUserSortColumns="False"
                      BorderThickness="0"
                      IsReadOnly="True"
                      SelectionMode="Extended"  
                      VerticalAlignment="Stretch" 
                      HorizontalAlignment="Stretch">
                <DataGrid.Columns>
                    <DataGridTemplateColumn Width="60" >
                        <DataGridTemplateColumn.HeaderTemplate>
                            <DataTemplate>
                                <CheckBox Margin="14,0,0,0"  HorizontalAlignment="Center" IsChecked ="{Binding DataContext.AllSelect, RelativeSource={RelativeSource Mode=FindAncestor, AncestorType={x:Type UserControl}},Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" 
                                              Command="{Binding DataContext.IsAllSelectCommand, RelativeSource={RelativeSource Mode=FindAncestor, AncestorType={x:Type UserControl}}}"/>
                            </DataTemplate>
                        </DataGridTemplateColumn.HeaderTemplate>
                        <DataGridTemplateColumn.CellTemplate>
                            <DataTemplate>
                                <CheckBox  HorizontalAlignment="Center" IsChecked ="{Binding IsSelected, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}"
                                              Command="{Binding DataContext.IsSelectCommand, RelativeSource={RelativeSource Mode=FindAncestor, AncestorType={x:Type UserControl}}}"/>
                            </DataTemplate>
                        </DataGridTemplateColumn.CellTemplate>
                    </DataGridTemplateColumn>
                    <DataGridTemplateColumn  Width="110" IsReadOnly="True" >
                        <DataGridTemplateColumn.Header>
                            <TextBlock Margin="30,0,0,0" Text="{DynamicResource RowNum}"/>
                        </DataGridTemplateColumn.Header>
                        <DataGridTemplateColumn.CellTemplate>
                            <DataTemplate>
                                <TextBlock Margin="40,0,0,0" Style="{StaticResource customTextCellStyle}" Text="{Binding Index,Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}"/>
                            </DataTemplate>
                        </DataGridTemplateColumn.CellTemplate>
                    </DataGridTemplateColumn>
                    <DataGridTextColumn  ElementStyle="{StaticResource customTextCellStyle}" Binding="{Binding Name, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" Width="10*">
                        <DataGridTextColumn.Header>
                            <TextBlock Text="{DynamicResource Name}"/>
                        </DataGridTextColumn.Header>
                    </DataGridTextColumn>
                    <DataGridTextColumn  ElementStyle="{StaticResource customTextCellStyle}" Binding="{Binding UpdateTime, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" Width="10*">
                        <DataGridTextColumn.Header>
                            <TextBlock Text="{DynamicResource UpdateTime}"/>
                        </DataGridTextColumn.Header>
                    </DataGridTextColumn>
                    <DataGridTemplateColumn  Width="220" >
                        <DataGridTemplateColumn.Header>
                            <TextBlock Text="{DynamicResource OperateMenu}"/>
                        </DataGridTemplateColumn.Header>
                        <DataGridTemplateColumn.CellTemplate>
                            <DataTemplate>
                                <StackPanel Orientation="Horizontal">
                                    <Button Margin="5" Style="{StaticResource EditImageButtonStyle}" Width="60" Command="{Binding DataContext.EditCommand, RelativeSource={RelativeSource Mode=FindAncestor, AncestorType={x:Type UserControl}}}" 
                                                CommandParameter="{Binding Name}"/>
                                    <Button Margin="5" Style="{StaticResource UpdateImageButtonStyle}" Width="60" Command="{Binding DataContext.WriteFrequencyCommand, RelativeSource={RelativeSource Mode=FindAncestor, AncestorType={x:Type UserControl}}}" 
                                                CommandParameter="{Binding Name}"/>
                                    <Button Margin="5" Style="{StaticResource DeleteImageButtonStyle}" Width="60" Command="{Binding DataContext.DeleteCommand, RelativeSource={RelativeSource Mode=FindAncestor, AncestorType={x:Type UserControl}}}"
                                                CommandParameter="{Binding Name}"/>
                                </StackPanel>
                            </DataTemplate>
                        </DataGridTemplateColumn.CellTemplate>
                    </DataGridTemplateColumn>
                </DataGrid.Columns>
            </DataGrid>
            <Control:NoDataUserControl Grid.Row="1" HorizontalAlignment="Center" VerticalAlignment="Center" Visibility="{Binding DataContext.IsShowNotDataDetail,RelativeSource={RelativeSource Mode=FindAncestor, AncestorType={x:Type UserControl}},Converter={StaticResource NoDataVisibleConverter}}"/>
            <StackPanel Grid.Row="2" >
                <ProgressBar  Margin="0,10" Height="20" Foreground="#14B1FC" Background="#F0F0F0" Value="{Binding ProgressValue}"/>
            </StackPanel>
        </Grid>
        <Grid Grid.Column="1" Margin="10,0,0,0">
            <ListBox Background="#F0F0F0" SelectionMode="Single" Padding="2">
                <ListBoxItem Margin="0,5">
                    <StackPanel Orientation="Vertical">
                        <Image Source="/Images/Radio.png" Width="60" Height="80"/>
                        <StackPanel Orientation="Horizontal">
                            <CheckBox Content="Enabled" Foreground="Black" Margin="5,0"/>
                            <TextBlock HorizontalAlignment="Center" Text="Radio 1" Foreground="Black"/>
                        </StackPanel>
                    </StackPanel>
                </ListBoxItem>

                <ListBoxItem Margin="0,5">
                    <StackPanel Orientation="Vertical">
                        <Image Source="/Images/Radio.png" Width="60" Height="80"/>
                        <StackPanel Orientation="Horizontal">
                            <CheckBox Content="Enabled" Foreground="Black" Margin="5,0"/>
                            <TextBlock HorizontalAlignment="Center" Text="Radio 2" Foreground="Black"/>
                        </StackPanel>
                    </StackPanel>
                </ListBoxItem>

                <ListBoxItem Margin="0,5">
                    <StackPanel Orientation="Vertical">
                        <Image Source="/Images/Radio.png" Width="60" Height="80"/>
                        <StackPanel Orientation="Horizontal">
                            <CheckBox Content="Enabled" Foreground="Black" Margin="5,0"/>
                            <TextBlock HorizontalAlignment="Center" Text="Radio 3" Foreground="Black"/>
                        </StackPanel>
                    </StackPanel>
                </ListBoxItem>

                <ListBoxItem Margin="0,5">
                    <StackPanel Orientation="Vertical">
                        <Image Source="/Images/Radio.png" Width="60" Height="80"/>
                        <StackPanel Orientation="Horizontal">
                            <CheckBox Content="Enabled" Margin="5,0"/>
                            <TextBlock HorizontalAlignment="Center" Text="Radio 4" Foreground="Black"/>
                        </StackPanel>
                    </StackPanel>
                </ListBoxItem>
            </ListBox>
        </Grid>
    </Grid>
</Control:AdaptiveControl>