<Page
    x:Class="SubCabinetSolution.Views.ConsumeQueryPage"
    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:widgets="clr-namespace:CSharpToolkit.Widgets;assembly=CSharpToolkit"
    Title="ConsumeQueryPage"
    d:DesignHeight="450"
    d:DesignWidth="800"
    Background="White"
    mc:Ignorable="d">

    <Page.DataContext>
        <Binding Path="ConsumeQueryPage" Source="{StaticResource Locator}" />
    </Page.DataContext>

    <Page.Resources>
        <Style x:Key="DataGridStyle" TargetType="DataGrid">
            <Setter Property="BorderThickness" Value="0" />
            <Setter Property="AutoGenerateColumns" Value="False" />
            <Setter Property="CanUserAddRows" Value="False" />
            <Setter Property="CanUserDeleteRows" Value="False" />
            <Setter Property="CanUserReorderColumns" Value="False" />
            <Setter Property="CanUserResizeColumns" Value="False" />
            <Setter Property="CanUserResizeRows" Value="False" />
            <Setter Property="GridLinesVisibility" Value="None" />
            <Setter Property="Background" Value="White" />
        </Style>

        <Style x:Key="ColumnHeaderStyle" TargetType="DataGridColumnHeader">
            <Setter Property="TextBlock.Foreground" Value="Black" />
            <Setter Property="Background" Value="White" />
            <Setter Property="HorizontalContentAlignment" Value="Center" />
            <Setter Property="Height" Value="50" />
            <Setter Property="FontSize" Value="16" />
            <Setter Property="BorderThickness" Value="0,0,0,1" />
            <Setter Property="BorderBrush" Value="#F1F1F1" />
        </Style>

        <Style TargetType="DataGridRow">
            <Style.Triggers>
                <Trigger Property="IsMouseOver" Value="True">
                    <Setter Property="TextBlock.Foreground" Value="#00D4B5" />
                </Trigger>
                <Trigger Property="IsSelected" Value="True">
                    <Setter Property="Background" Value="#00D4B5" />
                </Trigger>
            </Style.Triggers>
        </Style>
        <Style TargetType="DataGridCell">
            <Setter Property="Height" Value="50" />
            <Setter Property="Background" Value="White" />
            <Setter Property="FontSize" Value="16" />
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="DataGridCell">
                        <Grid>
                            <ContentPresenter HorizontalAlignment="Center" VerticalAlignment="Center" />
                        </Grid>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>

        <Style x:Key="TextBlockStyle" TargetType="TextBlock">
            <Setter Property="Foreground" Value="White" />
            <Setter Property="VerticalAlignment" Value="Center" />
            <Setter Property="Margin" Value="5,0" />
        </Style>
    </Page.Resources>

    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto" />
            <RowDefinition />
            <RowDefinition Height="Auto" />
        </Grid.RowDefinitions>

        <Grid>
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="Auto" />
                <ColumnDefinition Width="Auto" />
                <ColumnDefinition Width="Auto" />
                <ColumnDefinition Width="Auto" />
            </Grid.ColumnDefinitions>

            <Border
                Grid.Column="0"
                Margin="20,20,0,20"
                VerticalAlignment="Center"
                BorderBrush="#4381DF"
                BorderThickness="1"
                CornerRadius="3">
                <TextBlock
                    Padding="20,10"
                    Background="#4381DF"
                    FontSize="16"
                    Foreground="White"
                    Text="今日" />
            </Border>


            <Border
                Grid.Column="1"
                Margin="20"
                Padding="10,5,0,5"
                BorderBrush="#4381DF"
                BorderThickness="1"
                CornerRadius="3">
                <StackPanel Orientation="Horizontal">
                    <TextBlock
                        VerticalAlignment="Center"
                        FontSize="16"
                        Foreground="Black"
                        Text="起" />

                    <ComboBox
                        Width="150"
                        Height="30"
                        Margin="10,0"
                        VerticalContentAlignment="Center"
                        Background="{x:Null}"
                        BorderThickness="0"
                        FontSize="16"
                        Foreground="#4381DF" />
                </StackPanel>
            </Border>

            <Border
                Grid.Column="2"
                Margin="0,20"
                Padding="10,5,0,5"
                BorderBrush="#4381DF"
                BorderThickness="1"
                CornerRadius="3">
                <StackPanel Orientation="Horizontal">
                    <TextBlock
                        VerticalAlignment="Center"
                        FontSize="16"
                        Foreground="Black"
                        Text="终" />

                    <ComboBox
                        Width="150"
                        Height="30"
                        Margin="10,0"
                        VerticalContentAlignment="Center"
                        Background="{x:Null}"
                        BorderThickness="0"
                        FontSize="16"
                        Foreground="#4381DF" />
                </StackPanel>
            </Border>

            <widgets:CornerRadiusButton
                Grid.Column="3"
                Width="80"
                Height="40"
                Margin="20"
                Background="#4381DF"
                BorderCornerRadius="5"
                Command="{Binding SearchDataCommand}"
                MouseOverBackground="#AA4381DF">
                <StackPanel Orientation="Horizontal">
                    <TextBlock
                        FontFamily="/SubCabinetSolution;component/IconFont/#iconfont"
                        FontSize="20"
                        Foreground="White"
                        Text="&#xe67d;" />

                    <TextBlock
                        Margin="5,0"
                        Padding="0,1"
                        FontSize="16"
                        Foreground="White"
                        Text="搜索"
                        TextAlignment="Center" />
                </StackPanel>
            </widgets:CornerRadiusButton>
        </Grid>

        <DataGrid
            Grid.Row="1"
            ItemsSource="{Binding RecentUseModels}"
            Style="{StaticResource DataGridStyle}">
            <DataGrid.Columns>
                <DataGridTextColumn
                    Width="1.5*"
                    Binding="{Binding GoodsName, Mode=OneWay}"
                    Header="名称"
                    HeaderStyle="{StaticResource ColumnHeaderStyle}" />
                <DataGridTextColumn
                    Width="2*"
                    Binding="{Binding Specification, Mode=OneWay}"
                    Header="规格"
                    HeaderStyle="{StaticResource ColumnHeaderStyle}" />
                <DataGridTextColumn
                    Width="0.5*"
                    Binding="{Binding CabinetNum, Mode=OneWay}"
                    Header="柜号"
                    HeaderStyle="{StaticResource ColumnHeaderStyle}" />
                <DataGridTextColumn
                    Width="*"
                    Binding="{Binding OperatePersion, Mode=OneWay}"
                    Header="操作人"
                    HeaderStyle="{StaticResource ColumnHeaderStyle}" />
                <DataGridTextColumn
                    Width="1.5*"
                    Binding="{Binding OperateTime, Mode=OneWay}"
                    Header="操作时间"
                    HeaderStyle="{StaticResource ColumnHeaderStyle}" />
                <DataGridTextColumn
                    Width="1.5*"
                    Binding="{Binding RFID, Mode=OneWay}"
                    Header="RFID"
                    HeaderStyle="{StaticResource ColumnHeaderStyle}" />
            </DataGrid.Columns>
        </DataGrid>

        <Grid Grid.Row="2">
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="Auto" />
                <ColumnDefinition Width="Auto" />
                <ColumnDefinition />
            </Grid.ColumnDefinitions>

            <TextBlock
                Grid.Column="0"
                Margin="20"
                VerticalAlignment="Center"
                FontSize="18"
                FontWeight="Bold"
                Foreground="#4381DF"
                Text="汇总数量" />

            <TextBlock
                Grid.Column="1"
                VerticalAlignment="Center"
                FontSize="22"
                FontWeight="Bold"
                Foreground="#4381DF"
                Text="0" />

            <widgets:CornerRadiusButton
                Grid.Column="2"
                Width="80"
                Height="30"
                Margin="20,0"
                HorizontalAlignment="Right"
                Background="#4381DF"
                BorderCornerRadius="5"
                Command="{Binding GoBackCommand}"
                MouseOverBackground="#AA4381DF">
                <StackPanel Orientation="Horizontal">
                    <TextBlock
                        FontFamily="/SubCabinetSolution;component/IconFont/#iconfont"
                        FontSize="20"
                        Foreground="White"
                        Text="&#xe666;" />
                    <TextBlock Style="{StaticResource TextBlockStyle}" Text="返回" />
                </StackPanel>
            </widgets:CornerRadiusButton>
        </Grid>
    </Grid>
</Page>