<UserControl
    x:Class="JigVisualizer.Pages.MachineSetUpView"
    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:local="clr-namespace:JigVisualizer.Pages"
    xmlns:materialDesign="http://materialdesigninxaml.net/winfx/xaml/themes"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:s="https://github.com/canton7/Stylet"
    mc:Ignorable="d"
    >
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="9*" />
            <RowDefinition Height="20" />
            <RowDefinition Height="1*" />
            <RowDefinition Height="20" />
        </Grid.RowDefinitions>
        <ItemsControl
            Grid.Row="0"
            HorizontalAlignment="Left"
            VerticalAlignment="Top"
            ItemsSource="{Binding Items}"
            >
            <ItemsControl.ItemTemplate>
                <DataTemplate>
                    <Canvas>
                        <ContentControl s:View.Model="{Binding}" />
                    </Canvas>
                </DataTemplate>
            </ItemsControl.ItemTemplate>
        </ItemsControl>
        <materialDesign:Card
            Grid.Row="0"
            Width="340"
            Height="100"
            HorizontalAlignment="Center"
            VerticalAlignment="Center"
            Visibility="{Binding EditConfigVisible}"
            >
            <Grid>
                <Grid.RowDefinitions>
                    <RowDefinition Height="*" />
                    <RowDefinition Height="*" />
                </Grid.RowDefinitions>
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="*" />
                    <ColumnDefinition Width="*" />
                </Grid.ColumnDefinitions>
                <TextBlock
                    Grid.Row="0"
                    Grid.ColumnSpan="2"
                    Margin="10"
                    HorizontalAlignment="Center"
                    VerticalAlignment="Top"
                    FontFamily="Menlo"
                    FontWeight="Bold"
                    >
                    Existing ConfigFile Found<LineBreak />
                    Would you like to edit it?</TextBlock>

                <Button
                    Grid.Row="1"
                    Grid.Column="0"
                    Width="60"
                    Height="25"
                    HorizontalContentAlignment="Center"
                    VerticalContentAlignment="Center"
                    Click="{s:Action OnClick_EditConfigYes}"
                    Content="Yes"
                    />

                <materialDesign:Card
                    Grid.Row="1"
                    Grid.ColumnSpan="2"
                    Width="40"
                    Height="40"
                    UniformCornerRadius="14"
                    >
                    <ProgressBar
                        Padding="4"
                        Foreground="OrangeRed"
                        IsIndeterminate="False"
                        Maximum="{Binding EditConfigTimeoutValue}"
                        Style="{StaticResource MaterialDesignCircularProgressBar}"
                        Value="{Binding EditConfigProgressValue}"
                        />
                </materialDesign:Card>
                <Button
                    Grid.Row="1"
                    Grid.Column="1"
                    Width="60"
                    Height="25"
                    HorizontalContentAlignment="Center"
                    VerticalContentAlignment="Center"
                    Click="{s:Action OnClick_EditConfigNo}"
                    Content="No"
                    />
            </Grid>
        </materialDesign:Card>
        <materialDesign:Card
            Grid.Row="2"
            Width="900"
            HorizontalAlignment="Center"
            VerticalAlignment="Bottom"
            >
            <Grid>
                <Grid.RowDefinitions>
                    <RowDefinition Height="10" />
                    <RowDefinition Height="*" />
                    <RowDefinition Height="10" />
                </Grid.RowDefinitions>
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="*" />
                    <ColumnDefinition Width="*" />
                    <ColumnDefinition Width="10" />
                    <ColumnDefinition Width="*" />
                </Grid.ColumnDefinitions>
                <ComboBox
                    Grid.Row="1"
                    Grid.Column="0"
                    Width="130"
                    HorizontalAlignment="Center"
                    materialDesign:HintAssist.Hint="Monitor Number"
                    ItemsSource="{Binding NumberOfMonitors}"
                    SelectedValue="{Binding SelectedMonitor}"
                    Style="{StaticResource MaterialDesignFloatingHintComboBox}"
                    />

                <Button
                    Grid.Row="1"
                    Grid.Column="1"
                    HorizontalAlignment="Right"
                    VerticalAlignment="Center"
                    Click="{s:Action OnClick_SelectOpcNode}"
                    Content="{materialDesign:PackIcon LanConnect}"
                    IsEnabled="{Binding IsSelectOpcNodeEnabled}"
                    Style="{StaticResource MaterialDesignFloatingActionMiniButton}"
                    ToolTip="Select OPC Node"
                    />

                <Button
                    Grid.Row="1"
                    Grid.Column="3"
                    Margin="20,0,0,0"
                    HorizontalAlignment="Left"
                    VerticalAlignment="Center"
                    Click="{s:Action OnClick_AddNewJig}"
                    Style="{StaticResource MaterialDesignFloatingActionButton}"
                    ToolTip="Add New jig"
                    >
                    <materialDesign:PackIcon
                        Width="34"
                        Height="34"
                        Kind="Plus"
                        />
                </Button>
                <Button
                    Grid.Row="1"
                    Grid.Column="3"
                    HorizontalAlignment="Center"
                    VerticalAlignment="Center"
                    Click="{s:Action OnClick_GenerateConfigFile}"
                    IsEnabled="{Binding IsGenerateConfigEnabled}"
                    Style="{StaticResource MaterialDesignFloatingActionButton}"
                    ToolTip="Generate Config File"
                    >
                    <materialDesign:PackIcon
                        Width="34"
                        Height="34"
                        Kind="ArrowRight"
                        />
                </Button>
                <TextBox
                    Grid.Row="1"
                    Grid.Column="1"
                    Width="240"
                    HorizontalAlignment="Left"
                    VerticalAlignment="Center"
                    materialDesign:HintAssist.Hint="OPC Server URL"
                    Style="{StaticResource MaterialDesignFloatingHintTextBox}"
                    Text="{Binding OpcEndpoint}"
                    />
            </Grid>
        </materialDesign:Card>
    </Grid>


</UserControl>