prs/prs.desktop/MainWindow.xaml

<fluent:RibbonWindow x:Class="PRSDesktop.MainWindow"
                     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:local="clr-namespace:PRSDesktop"
                     mc:Ignorable="d"
                     xmlns:syncfusion="http://schemas.syncfusion.com/wpf"
                     xmlns:themes="clr-namespace:InABox.WPF.Themes;assembly=InABox.Wpf"
                     xmlns:fluent="urn:fluent-ribbon"
                     Title="PRS Desktop"
                     Height="900" Width="1200" Left="100" Top="100"
                     WindowStartupLocation="CenterScreen"
                     WindowState="Maximized"
                     HorizontalContentAlignment="Stretch"
                     VerticalContentAlignment="Stretch"
                     Loaded="Window_Loaded"
                     Unloaded="Window_Unloaded"
                     Closing="Window_Closing"
                     Closed="RibbonWindow_Closed"
                     PreviewMouseUp="RibbonWindow_PreviewMouseUp"
                     PreviewKeyUp="RibbonWindow_PreviewKeyUp"
                     Activated="RibbonWindow_Activated"
                     Background="{Binding Path=(themes:ThemeManager.WorkspaceBackgroundBrush)}"
                     Foreground="{Binding Path=(themes:ThemeManager.WorkspaceForegroundBrush)}"
                     TitleBackground="{Binding Path=(themes:ThemeManager.WorkspaceBackgroundBrush)}"
                     TitleForeground="{Binding Path=(themes:ThemeManager.WorkspaceForegroundBrush)}"
                     GlowBrush="{Binding Path=(themes:ThemeManager.BackstageBackgroundBrush)}"
                     NonActiveGlowBrush="{Binding Path=(themes:ThemeManager.WorkspaceBackgroundBrush)}"
                     NonActiveBorderBrush="{Binding Path=(themes:ThemeManager.BackstageBackgroundBrush)}">

    <fluent:RibbonWindow.Resources>

        <!-- <ResourceDictionary> -->

        <SolidColorBrush x:Key="Fluent.Ribbon.Brushes.Backstage.BackButton.Background"
                         Color="{Binding Path=(themes:ThemeManager.BackstageBackgroundColor)}" />
        <SolidColorBrush x:Key="Fluent.Ribbon.Brushes.Backstage.BackButton.Foreground"
                         Color="{Binding Path=(themes:ThemeManager.BackstageForegroundColor)}" />

        <ControlTemplate x:Key="VerticalSplitter">
            <Grid Background="{TemplateBinding Background}" Width="4">
                <Button x:Name="PART_Left" Visibility="Collapsed" />
                <Button x:Name="PART_Right" Visibility="Collapsed" />
                <StackPanel Margin="0" Orientation="Vertical" VerticalAlignment="Center"
                            HorizontalAlignment="Center">
                    <Ellipse Fill="Silver" HorizontalAlignment="Center" Height="2" Width="2" Opacity="1"
                             Margin="0,2,0,0" />
                    <Ellipse Fill="Silver" HorizontalAlignment="Center" Height="2" Width="2" Opacity="1"
                             Margin="0,2,0,0" />
                    <Ellipse Fill="Silver" HorizontalAlignment="Center" Height="2" Width="2" Opacity="1"
                             Margin="0,2,0,0" />
                    <Ellipse Fill="Silver" HorizontalAlignment="Center" Height="2" Width="2" Opacity="1"
                             Margin="0,2,0,0" />
                    <Ellipse Fill="Silver" HorizontalAlignment="Center" Height="2" Width="2" Opacity="1"
                             Margin="0,2,0,0" />
                    <Ellipse Fill="Silver" HorizontalAlignment="Center" Height="2" Width="2" Opacity="1"
                             Margin="0,2,0,0" />
                    <Ellipse Fill="Silver" HorizontalAlignment="Center" Height="2" Width="2" Opacity="1"
                             Margin="0,2,0,0" />
                </StackPanel>
            </Grid>
        </ControlTemplate>

        <!-- </ResourceDictionary> -->
    </fluent:RibbonWindow.Resources>

    <Grid x:Name="_mainScreen">
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="*" />
            <ColumnDefinition Width="Auto" />
        </Grid.ColumnDefinitions>
        <Grid.RowDefinitions>
            <RowDefinition x:Name="_ribbonRow" Height="Auto" />
            <RowDefinition Height="*" />
            <RowDefinition Height="Auto" />
        </Grid.RowDefinitions>

        <fluent:Ribbon x:Name="_ribbon" Grid.Row="0" Grid.ColumnSpan="2" IsCollapsed="False"
                       PreviewMouseDoubleClick="_ribbon_OnPreviewMouseDoubleClick"
                       Background="{Binding Path=(themes:ThemeManager.WorkspaceBackgroundBrush)}"
                       Foreground="{Binding Path=(themes:ThemeManager.WorkspaceForegroundBrush)}"
                       Loaded="_ribbon_OnLoaded"
                       >

            <fluent:Ribbon.Menu>
                <fluent:Backstage Header="System"
                                  Background="{Binding Path=(themes:ThemeManager.BackstageBackgroundBrush)}"
                                  Foreground="{Binding Path=(themes:ThemeManager.BackstageForegroundBrush)}">
                    <fluent:BackstageTabControl
                        x:Name="_backstage"
                        ItemsPanelBackground="{Binding Path=(themes:ThemeManager.BackstageBackgroundBrush)}"
                        Background="{Binding Path=(themes:ThemeManager.WorkspaceBackgroundBrush)}"
                        Foreground="{Binding Path=(themes:ThemeManager.WorkspaceForegroundBrush)}">

                        <fluent:SeparatorTabItem x:Name="BackstageSeparator" Height="20" />

                        <fluent:Button
                            x:Name="DatabaseSettings"
                            Header="Database Settings"
                            Click="DatabaseSettings_OnClick"
                            Size="Middle"
                            HorizontalAlignment="Stretch"
                            Foreground="{Binding Path=(themes:ThemeManager.BackstageForegroundBrush)}" />

                        <fluent:SeparatorTabItem x:Name="BackstageSeparator0" Height="20" />

                        <fluent:Button
                            x:Name="CompanyInformation"
                            Header="Company Information"
                            Click="CompanyInformation_OnClick"
                            Size="Middle"
                            HorizontalAlignment="Stretch"
                            Foreground="{Binding Path=(themes:ThemeManager.BackstageForegroundBrush)}" />

                        <fluent:SeparatorTabItem x:Name="BackstageSeparator1" Height="20" />

                        <fluent:Button
                            x:Name="SecurityDefaultsButton"
                            Header="Security Defaults"
                            Click="SecurityDefaultsButton_OnClick"
                            Size="Middle"
                            HorizontalAlignment="Stretch"
                            Foreground="{Binding Path=(themes:ThemeManager.BackstageForegroundBrush)}" />

                        <fluent:SeparatorTabItem x:Name="BackstageSeparator1a" Height="20" />

                        <fluent:Button
                            x:Name="SystemLogsButton"
                            Header="View System Logs"
                            Click="SystemLogsButton_OnClick"
                            Size="Middle"
                            HorizontalAlignment="Stretch"
                            Foreground="{Binding Path=(themes:ThemeManager.BackstageForegroundBrush)}" />

                        <fluent:SeparatorTabItem x:Name="BackstageSeparator2" Height="20" />

                        <fluent:Button
                            x:Name="DocumentTypeList"
                            Header="Document Types"
                            Click="DocumentTypeList_OnClick"
                            Size="Middle"
                            HorizontalAlignment="Stretch"
                            Foreground="{Binding Path=(themes:ThemeManager.BackstageForegroundBrush)}" />

                        <fluent:SeparatorTabItem x:Name="BackstageSeparator5" Height="20" />

                        <fluent:Button
                            x:Name="EditDetailsButton"
                            VerticalAlignment="Bottom"
                            Header="My Details"
                            Click="EditDetailsButton_OnClick"
                            Size="Middle"
                            HorizontalAlignment="Stretch"
                            Foreground="{Binding Path=(themes:ThemeManager.BackstageForegroundBrush)}" />

                        <fluent:Button
                            x:Name="LogoutButton"
                            VerticalAlignment="Bottom"
                            Header="Log Out"
                            Click="LogoutButton_OnClick"
                            Size="Middle"
                            HorizontalAlignment="Stretch"
                            Foreground="{Binding Path=(themes:ThemeManager.BackstageForegroundBrush)}" />

                        <fluent:Button
                            x:Name="LoginButton"
                            VerticalAlignment="Bottom"
                            Header="Log In"
                            Click="LoginButton_OnClick"
                            Size="Middle"
                            HorizontalAlignment="Stretch"
                            Foreground="{Binding Path=(themes:ThemeManager.BackstageForegroundBrush)}" />

                        <fluent:SeparatorTabItem Height="20" />

                        <fluent:Button
                            x:Name="ExitButton"
                            VerticalAlignment="Bottom"
                            Header="Exit"
                            Click="ExitButton_OnClick"
                            Size="Middle"
                            HorizontalAlignment="Stretch"
                            Foreground="{Binding Path=(themes:ThemeManager.BackstageForegroundBrush)}" />

                    </fluent:BackstageTabControl>
                </fluent:Backstage>
            </fluent:Ribbon.Menu>

            <fluent:RibbonTabItem x:Name="QuotesTab" Header="Quotes" IsSelected="False" Visibility="Collapsed">

                <fluent:RibbonGroupBox x:Name="QuotesActions" Header="Actions">

                    <fluent:Button Header="Refresh" LargeIcon="pack://application:,,,/Resources/refresh.png"
                                   Click="RefreshMenu_Click" />

                    <syncfusion:RibbonSeparator />

                    <fluent:Button x:Name="QuotesDashboardButton" Header="Dashboards"
                                   LargeIcon="pack://application:,,,/Resources/kpi.png" Click="Dashboards_Checked"
                                   MinWidth="60" />
                    <fluent:Button x:Name="QuotesMessagesButton" Header="Notification Centre"
                                   LargeIcon="pack://application:,,,/Resources/email.png"
                                   Click="Messages_Checked" MinWidth="60" />
                    <fluent:Button x:Name="QuotesTaskButton" Header="Task List"
                                   LargeIcon="pack://application:,,,/Resources/kanban.png"
                                   Click="Tasks_Checked" MinWidth="60" />
                    <fluent:Button x:Name="QuotesAttendanceButton" Header="In/Out Board"
                                   LargeIcon="pack://application:,,,/Resources/attendance.png"
                                   Click="Attendance_Checked" MinWidth="60" />
                    <fluent:Button x:Name="QuotesMapButton" Header="Live Maps"
                                   LargeIcon="pack://application:,,,/Resources/map.png" Click="Maps_Checked"
                                   MinWidth="60" />
                    <fluent:Button x:Name="QuotesDailyReportButton" Header="Daily Report"
                                   LargeIcon="pack://application:,,,/Resources/report.png"
                                   Click="DailyReport_Checked" MinWidth="60" />

                    <syncfusion:RibbonSeparator x:Name="QuotesTaskSeparator" />

                    <fluent:Button x:Name="QuotesButton" Header="Quotes"
                                   LargeIcon="pack://application:,,,/Resources/quotation.png"
                                   Click="Quotes_Checked" MinWidth="60" />

                    <syncfusion:RibbonSeparator x:Name="QuotesActionSeparator" />

                    <fluent:Button x:Name="KitsMasterList" Header="Product Kits"
                                   LargeIcon="pack://application:,,,/Resources/kit.png"
                                   Click="KitsMasterList_Click" MinWidth="60" />
                    <fluent:Button x:Name="CostSheetsMasterList" Header="Cost Sheets"
                                   LargeIcon="pack://application:,,,/Resources/costsheet.png"
                                   Click="CostSheetsMasterList_Click" MinWidth="60" />

                </fluent:RibbonGroupBox>

                <fluent:RibbonGroupBox x:Name="QuoteReports" Width="Auto" MinWidth="60" Header="Print"/>

            </fluent:RibbonTabItem>

            <fluent:RibbonTabItem x:Name="ProjectsTab" Header="Projects" IsSelected="False" Visibility="Collapsed">

                <fluent:RibbonGroupBox x:Name="ProjectsActions" Header="Actions">
                    <fluent:Button Header="Refresh"
                                   LargeIcon="pack://application:,,,/Resources/refresh.png"
                                   Click="RefreshMenu_Click" MinWidth="60" />
                    <syncfusion:RibbonSeparator />
                    <fluent:Button x:Name="ProjectsDashboardButton" Header="Dashboards"
                                   LargeIcon="pack://application:,,,/Resources/kpi.png"
                                   Click="Dashboards_Checked" MinWidth="60" />
                    <fluent:Button x:Name="ProjectMessagesButton" Size="Large"
                                   Header="Notification Centre"
                                   LargeIcon="pack://application:,,,/Resources/email.png"
                                   Click="Messages_Checked" MinWidth="60" />
                    <fluent:Button x:Name="ProjectTaskButton" Header="Task List"
                                   LargeIcon="pack://application:,,,/Resources/kanban.png"
                                   Click="Tasks_Checked" MinWidth="60" />
                    <fluent:Button x:Name="ProjectAttendanceButton" Header="In/Out Board"
                                   LargeIcon="pack://application:,,,/Resources/attendance.png"
                                   Click="Attendance_Checked" MinWidth="60" />
                    <fluent:Button x:Name="ProjectsMapButton" Header="Live Maps"
                                   LargeIcon="pack://application:,,,/Resources/map.png" Click="Maps_Checked"
                                   MinWidth="60" />
                    <fluent:Button x:Name="ProjectDailyReportButton" Header="Daily Report"
                                   LargeIcon="pack://application:,,,/Resources/report.png"
                                   Click="DailyReport_Checked" MinWidth="60" />
                    <syncfusion:RibbonSeparator x:Name="ProjectTaskSeparator" />
                    <fluent:Button x:Name="ProjectsButton" Header="Projects"
                                   LargeIcon="pack://application:,,,/Resources/project.png"
                                   Click="Jobs_Checked" MinWidth="60" />
                    <fluent:Button x:Name="ProjectPlannerButton" Header="Project Planner"
                                   LargeIcon="pack://application:,,,/Resources/calendar.png"
                                   Click="ProjectPlanner_Checked" MinWidth="60" />
                    <fluent:Button x:Name="DesignManagementButton" Header="Design Management"
                                   LargeIcon="pack://application:,,,/Resources/design.png"
                                   Click="DesignManagement_Checked" MinWidth="60" />
                    <fluent:Button x:Name="ServiceButton" Header="Service"
                                   LargeIcon="pack://application:,,,/Resources/service.png"
                                   Click="Service_Checked" MinWidth="60" />
                </fluent:RibbonGroupBox>

                <fluent:RibbonGroupBox x:Name="ProjectReports" Width="Auto" MinWidth="60" Header="Print" Visibility="Collapsed"/>

            </fluent:RibbonTabItem>

            <fluent:RibbonTabItem x:Name="ManufacturingTab" Header="Manufacturing" IsSelected="False"
                                  Visibility="Collapsed">

                <fluent:RibbonGroupBox x:Name="ManufacturingActions" Header="Actions">
                    <fluent:Button Header="Refresh"
                                   LargeIcon="pack://application:,,,/Resources/refresh.png"
                                   Click="RefreshMenu_Click" MinWidth="60"/>
                    <syncfusion:RibbonSeparator />
                    <fluent:Button x:Name="ManufacturingDashboardButton" Header="Dashboards"
                                   LargeIcon="pack://application:,,,/Resources/kpi.png"
                                   Click="Dashboards_Checked" MinWidth="60" />
                    <fluent:Button x:Name="ManufacturingMessagesButton" Size="Large"
                                   Header="Notification Centre"
                                   LargeIcon="pack://application:,,,/Resources/email.png"
                                   Click="Messages_Checked" MinWidth="60" />
                    <fluent:Button x:Name="ManufacturingTaskButton" Header="Task List"
                                   LargeIcon="pack://application:,,,/Resources/kanban.png"
                                   Click="Tasks_Checked" MinWidth="60" />
                    <fluent:Button x:Name="ManufacturingAttendanceButton" Size="Large"
                                   Header="In/Out Board"
                                   LargeIcon="pack://application:,,,/Resources/attendance.png"
                                   Click="Attendance_Checked" MinWidth="60" />
                    <fluent:Button x:Name="ManufacturingMapButton" Header="Live Maps"
                                   LargeIcon="pack://application:,,,/Resources/map.png" Click="Maps_Checked"
                                   MinWidth="60" />
                    <fluent:Button x:Name="ManufacturingDailyReportButton" Size="Large"
                                   Header="Daily Report"
                                   LargeIcon="pack://application:,,,/Resources/report.png"
                                   Click="DailyReport_Checked" MinWidth="60" />
                    <syncfusion:RibbonSeparator x:Name="ManufacturingTaskSeparator" />
                    <fluent:Button x:Name="FactoryStatusButton" Header="Manufacturing Status"
                                   LargeIcon="pack://application:,,,/Resources/factory.png"
                                   Click="ManufacturingMenu_Checked" MinWidth="60" />
                    <fluent:Button x:Name="FactoryAllocationButton" Size="Large"
                                   Header="Factory Allocation"
                                   LargeIcon="pack://application:,,,/Resources/assignments.png"
                                   Click="FactoryAllocationButton_Click" MinWidth="60" />
                    <!--<fluent:Button x:Name="FactoryScheduleButton" Header="Factory Schedule" LargeIcon="pack://application:,,,/Resources/clock.png" Click="Schedule_Checked" MinWidth="60"/>-->
                    <fluent:Button x:Name="FactoryFloorButton" Header="Factory Floor"
                                   LargeIcon="pack://application:,,,/Resources/wrench.png"
                                   Click="FactoryFloorButton_Click" MinWidth="60" />
                    <!--<fluent:Button x:Name="FactoryReadyButton" Header="Ready To Go" LargeIcon="pack://application:,,,/Resources/truck.png" Click="FactoryReadyButton_Click"  MinWidth="60"/>-->
                </fluent:RibbonGroupBox>

                <fluent:RibbonGroupBox x:Name="ManufacturingReports" Width="Auto" MinWidth="60" Header="Print" Visibility="Collapsed"/>

                <!--fluent:RibbonGroupBox x:Name="ManufacturingSetup" Width="Auto" Header="Tools"
                                       IsLauncherVisible="False">
                    <fluent:Button x:Name="FactorySettingsButton" Header="Factory Settings"
                                   LargeIcon="pack://application:,,,/Resources/factorysetup.png"
                                   Click="FactorySetup_Click" MinWidth="60" />
                    <fluent:Button x:Name="ManufacturingTemplatesButton" Size="Large"
                                   Header="Manufacturing Templates"
                                   LargeIcon="pack://application:,,,/Resources/template.png"
                                   Click="TemplateSetup_Click" MinWidth="60" />
                    <fluent:Button x:Name="ManufacturingTrolleysButton" Size="Large"
                                   Header="Manufacturing Trolleys"
                                   LargeIcon="pack://application:,,,/Resources/trolley.png"
                                   Click="TrolleySetup_Click" MinWidth="60" />
                    <fluent:Button x:Name="ManufacturingLostTimeButton" Size="Large"
                                   Header="Lost Time Types"
                                   LargeIcon="pack://application:,,,/Resources/smiley.png"
                                   Click="LostTimeSetup_Click" MinWidth="60" />
                    <! - - <fluent:Button x:Name="ManufacturingTransferButton" Header="Transfer Settings" LargeIcon="pack://application:,,,/Resources/warning.png" Click="ManufacturingTransferButton_Click" MinWidth="60"/>
                    <fluent:Button x:Name="RebuildPacketsButton" Header="Rebuild Packets" LargeIcon="pack://application:,,,/Resources/warning.png" Click="RebuildPacketsButton_Click" MinWidth="60"/> - - >
                </fluent:RibbonGroupBox-->

            </fluent:RibbonTabItem>

            <fluent:RibbonTabItem x:Name="LogisticsTab" Header="Logistics" IsSelected="False" Visibility="Collapsed">

                <fluent:RibbonGroupBox x:Name="LogisticsActions" Header="Actions">
                    <fluent:Button Header="Refresh"
                                   LargeIcon="pack://application:,,,/Resources/refresh.png"
                                   Click="RefreshMenu_Click" MinWidth="60" />
                    <syncfusion:RibbonSeparator />
                    <fluent:Button x:Name="LogisticsDashboardButton" Header="Dashboards"
                                   LargeIcon="pack://application:,,,/Resources/kpi.png"
                                   Click="Dashboards_Checked" MinWidth="60" />
                    <fluent:Button x:Name="LogisticsMessagesButton" Size="Large"
                                   Header="Notification Centre"
                                   LargeIcon="pack://application:,,,/Resources/email.png"
                                   Click="Messages_Checked" MinWidth="60" />
                    <fluent:Button x:Name="LogisticsTaskButton" Header="Task List"
                                   LargeIcon="pack://application:,,,/Resources/kanban.png"
                                   Click="Tasks_Checked" MinWidth="60" />
                    <fluent:Button x:Name="LogisticsAttendanceButton" Header="In/Out Board"
                                   LargeIcon="pack://application:,,,/Resources/attendance.png"
                                   Click="Attendance_Checked" MinWidth="60" />
                    <fluent:Button x:Name="LogisticsMapButton" Header="Live Maps"
                                   LargeIcon="pack://application:,,,/Resources/map.png" Click="Maps_Checked"
                                   MinWidth="60" />
                    <fluent:Button x:Name="LogisticsDailyReportButton" Header="Daily Report"
                                   LargeIcon="pack://application:,,,/Resources/report.png"
                                   Click="DailyReport_Checked" MinWidth="60" />
                    <syncfusion:RibbonSeparator x:Name="LogisticsTaskSeparator1" />
                    <fluent:Button x:Name="ReadyToGoItemsButton" Header="Ready To Go"
                                   LargeIcon="pack://application:,,,/Resources/truck.png"
                                   Click="ReadyToGoMenu_Checked" MinWidth="60" />
                    <fluent:Button x:Name="DispatchButton" Header="Rack List"
                                   LargeIcon="pack://application:,,,/Resources/barcode.png"
                                   Click="DispatchMenu_Checked" MinWidth="60" />
                    <fluent:Button x:Name="RequisitionsButton" Header="Site Requisitions"
                                   LargeIcon="pack://application:,,,/Resources/box.png"
                                   Click="Requisitions_Checked" MinWidth="60" />
                    <fluent:Button x:Name="DeliveriesButton" Header="Deliveries"
                                   LargeIcon="pack://application:,,,/Resources/truck.png"
                                   Click="DeliveriesButton_Click" MinWidth="60" />
                    <fluent:Button x:Name="DeliveredItemsButton" Header="Delivered On Site"
                                   LargeIcon="pack://application:,,,/Resources/lifter.png"
                                   Click="DeliveredOnSiteMenu_Checked" MinWidth="60" />
                    <syncfusion:RibbonSeparator x:Name="LogisticsTaskSeparator2" />
                    <fluent:Button x:Name="ConsignmentButton" Header="Incoming Consignments"
                                   LargeIcon="pack://application:,,,/Resources/consignment.png"
                                   Click="ConsignmentButton_Click" MinWidth="60" />
                </fluent:RibbonGroupBox>

                <fluent:RibbonGroupBox x:Name="LogisticsReports" Width="Auto" MinWidth="60" Header="Print" Visibility="Collapsed"/>

                <!--fluent:RibbonGroupBox x:Name="LogisticsSetup" Width="Auto" Header="Tools"
                                       IsLauncherVisible="False">
                    <fluent:Button x:Name="DeliveryTypesButton" Header="Delivery Types"
                                   LargeIcon="pack://application:,,,/Resources/truck.png"
                                   Click="DeliveryTypesButton_Click" MinWidth="60" />
                    <fluent:Button x:Name="ConsignmentTypesButton" Header="Consignment Types"
                                   LargeIcon="pack://application:,,,/Resources/service.png"
                                   Click="ConsignmentTypesButton_Click" MinWidth="60" />
                </fluent:RibbonGroupBox-->

            </fluent:RibbonTabItem>

            <fluent:RibbonTabItem x:Name="ProductTab" Header="Product Management" IsSelected="False"
                                  Visibility="Collapsed">

                <fluent:RibbonGroupBox x:Name="ProductActions" Width="Auto" Header="Actions">
                    <fluent:Button Header="Refresh"
                                   LargeIcon="pack://application:,,,/Resources/refresh.png"
                                   Click="RefreshMenu_Click" MinWidth="60" />
                    <syncfusion:RibbonSeparator />
                    <fluent:Button x:Name="ProductsDashboardButton" Header="Dashboards"
                                   LargeIcon="pack://application:,,,/Resources/kpi.png"
                                   Click="Dashboards_Checked" MinWidth="60" />
                    <fluent:Button x:Name="ProductsMessagesButton" Size="Large"
                                   Header="Notification Centre"
                                   LargeIcon="pack://application:,,,/Resources/email.png"
                                   Click="Messages_Checked" MinWidth="60" />
                    <fluent:Button x:Name="ProductsTaskButton" Header="Task List"
                                   LargeIcon="pack://application:,,,/Resources/kanban.png"
                                   Click="Tasks_Checked" MinWidth="60" />
                    <fluent:Button x:Name="ProductsAttendanceButton" Header="In/Out Board"
                                   LargeIcon="pack://application:,,,/Resources/attendance.png"
                                   Click="Attendance_Checked" MinWidth="60" />
                    <fluent:Button x:Name="ProductsMapButton" Header="Live Maps"
                                   LargeIcon="pack://application:,,,/Resources/map.png" Click="Maps_Checked"
                                   MinWidth="60" />
                    <fluent:Button x:Name="ProductsDailyReportButton" Header="Daily Report"
                                   LargeIcon="pack://application:,,,/Resources/report.png"
                                   Click="DailyReport_Checked" MinWidth="60" />
                    <syncfusion:RibbonSeparator x:Name="ProductsTaskSeparator" />
                    <fluent:Button x:Name="ProductsMasterList" Header="Product List"
                                   LargeIcon="pack://application:,,,/Resources/product.png"
                                   Click="Products_Checked" MinWidth="60" />
                    <fluent:Button x:Name="StockLocationList" Header="Stock Locations"
                                   LargeIcon="pack://application:,,,/Resources/parcel.png"
                                   Click="StockLocations_Checked" MinWidth="60" />
                    <fluent:Button x:Name="StockMovementList" Header="Stock Movements"
                                   LargeIcon="pack://application:,,,/Resources/forklift.png"
                                   Click="StockMovements_Checked" MinWidth="60" />                    
                    <fluent:Button x:Name="StockSummaryButton" Header="Stock Forecast"
                                   LargeIcon="pack://application:,,,/Resources/kpi.png"
                                   Click="StockSummaryButton_Clicked" MinWidth="60" />
                    <fluent:Button x:Name="ReservationManagementButton" Header="Reservation Management"
                                   LargeIcon="pack://application:,,,/Resources/requisition.png"
                                   Click="ReservationManagementButton_Clicked" MinWidth="60" />
                </fluent:RibbonGroupBox>

                <fluent:RibbonGroupBox x:Name="ProductReports" Width="Auto" MinWidth="60" Header="Print" Visibility="Collapsed"/>

                <!--fluent:RibbonGroupBox x:Name="ProductSetup" Width="Auto" Header="Tools"
                                       IsLauncherVisible="False">
                    <fluent:Button x:Name="ProductDimensionUnitsList" Size="Large"
                                   Header="Units of Measure"
                                   LargeIcon="pack://application:,,,/Resources/unitofmeasure.png"
                                   Click="ProductDimensionUnitsList_Click" MinWidth="60" />
                    <fluent:Button x:Name="ProductGroupsList" Header="Product Groups"
                                   LargeIcon="pack://application:,,,/Resources/productgroup.png"
                                   Click="ProductGroupsList_Click" MinWidth="60" />
                    <fluent:Button x:Name="ProductStylesList" Header="Product Styles"
                                   LargeIcon="pack://application:,,,/Resources/palette.png"
                                   Click="ProductStylesList_Click" MinWidth="60" />
                    <fluent:Button x:Name="StockAreasList" Header="Stock Areas"
                                   LargeIcon="pack://application:,,,/Resources/rack.png"
                                   Click="StockAreasList_Click" MinWidth="60" />
                    <fluent:Button x:Name="StockWarehouseList" Header="Stock Warehouses"
                                   LargeIcon="pack://application:,,,/Resources/factorysetup.png"
                                   Click="StockWarehouseList_Click" MinWidth="60" />
                </fluent:RibbonGroupBox-->

            </fluent:RibbonTabItem>

            <fluent:RibbonTabItem x:Name="HumanResourcesTab" Header="Human Resources" IsSelected="False"
                                  Visibility="Collapsed">

                <fluent:RibbonGroupBox x:Name="HumanResourcesActions" Header="Actions">
                    <fluent:Button Header="Refresh"
                                   LargeIcon="pack://application:,,,/Resources/refresh.png"
                                   Click="RefreshMenu_Click" MinWidth="60" />
                    <syncfusion:RibbonSeparator />
                    <fluent:Button x:Name="HumanResourcesDashboardButton" Header="Dashboards"
                                   LargeIcon="pack://application:,,,/Resources/kpi.png"
                                   Click="Dashboards_Checked" MinWidth="60" />
                    <fluent:Button x:Name="HumanResourcesMessagesButton" Size="Large"
                                   Header="Notification Centre"
                                   LargeIcon="pack://application:,,,/Resources/email.png"
                                   Click="Messages_Checked" MinWidth="60" />
                    <fluent:Button x:Name="HumanResourcesTaskButton" Header="Task List"
                                   LargeIcon="pack://application:,,,/Resources/kanban.png"
                                   Click="Tasks_Checked" MinWidth="60" />
                    <fluent:Button x:Name="HumanResourcesAttendanceButton" Size="Large"
                                   Header="In/Out Board"
                                   LargeIcon="pack://application:,,,/Resources/attendance.png"
                                   Click="Attendance_Checked" MinWidth="60" />
                    <fluent:Button x:Name="HumanResourcesMapButton" Header="Live Maps"
                                   LargeIcon="pack://application:,,,/Resources/map.png" Click="Maps_Checked"
                                   MinWidth="60" />
                    <fluent:Button x:Name="HumanResourcesDailyReportButton" Size="Large"
                                   Header="Daily Report"
                                   LargeIcon="pack://application:,,,/Resources/report.png"
                                   Click="DailyReport_Checked" MinWidth="60" />
                    <syncfusion:RibbonSeparator x:Name="HumanResourcesTaskSeparator" />
                    <fluent:Button x:Name="CalendarButton" Header="Calendar"
                                   LargeIcon="pack://application:,,,/Resources/assignments.png"
                                   Click="CalendarButton_Click" MinWidth="60" />
                    <fluent:Button x:Name="EmployeePlannerButton" Header="Employee Planner"
                                   LargeIcon="pack://application:,,,/Resources/calendar.png"
                                   Click="EmployeePlannerButton_Click" MinWidth="60" />
                    <fluent:Button x:Name="TimesheetsButton" Header="Staff TimeSheets"
                                   LargeIcon="pack://application:,,,/Resources/clock.png"
                                   Click="Timesheets_Checked" MinWidth="60" />
                    <fluent:Button x:Name="LeaveRequestsButton" Header="Leave Requests"
                                   LargeIcon="pack://application:,,,/Resources/leave.png"
                                   Click="LeaveRequestsButton_Click" MinWidth="60" />
                    <fluent:Button x:Name="MeetingsButton" Header="Meetings"
                                   LargeIcon="pack://application:,,,/Resources/employees.png"
                                   Click="MeetingsButton_Click" MinWidth="60" />

                    
                    <syncfusion:RibbonSeparator x:Name="HumanResourcesSetupSeparator1" />
                    
                    <fluent:Button x:Name="UsersButton" Header="User Accounts"
                                   LargeIcon="pack://application:,,,/Resources/user.png"
                                   Click="UserSetup_Click" MinWidth="60" />
                    <fluent:Button x:Name="EmployeesButton" Header="Employee List"
                                   LargeIcon="pack://application:,,,/Resources/employee.png"
                                   Click="Employees_Click" MinWidth="60" />
                    <fluent:Button x:Name="OrgChartButton" Header="Org Chart"
                                   LargeIcon="pack://application:,,,/Resources/orgchart.png"
                                   Click="OrgChartButton_Click" MinWidth="60" />
                </fluent:RibbonGroupBox>

                <fluent:RibbonGroupBox x:Name="HumanResourcesReports" Width="Auto" MinWidth="60" Header="Print" Visibility="Collapsed"/>

                <!--fluent:RibbonGroupBox x:Name="HumanResourcesSetup" Width="Auto" Header="Tools"
                                       IsLauncherVisible="False">
                    <fluent:Button x:Name="SecurityGroupsButton" Header="Security Groups"
                                   LargeIcon="pack://application:,,,/Resources/securitygroup.png"
                                   Click="SecurityGroupsButton_Click" MinWidth="60" />
                    <fluent:Button x:Name="EmployeeGroupsButton" Header="Employee Groups"
                                   LargeIcon="pack://application:,,,/Resources/employees.png"
                                   Click="GroupsSetup_Click" MinWidth="60" />
                    <fluent:Button x:Name="EmployeePositionsButton" Header="Positions"
                                   LargeIcon="pack://application:,,,/Resources/position.png"
                                   Click="PositionsSetup_Click" MinWidth="60" />
                    <fluent:Button x:Name="EmployeeRolesButton" Header="Roles"
                                   LargeIcon="pack://application:,,,/Resources/employeerole.png"
                                   Click="RolesSetup_Click" MinWidth="60" />
                    <fluent:Button x:Name="EmployeeTeamsButton" Header="Teams"
                                   LargeIcon="pack://application:,,,/Resources/team.png"
                                   Click="EmployeeTeamsButton_Click" MinWidth="60" />
                    <fluent:Button x:Name="EmployeeActivitiesButton" Header="Activities"
                                   LargeIcon="pack://application:,,,/Resources/quality.png"
                                   Click="ActivityMenu_Click" MinWidth="60" />
                    <fluent:Button x:Name="EmployeeQualificationsButton" Size="Large"
                                   Header="Qualifications"
                                   LargeIcon="pack://application:,,,/Resources/certificate.png"
                                   Click="QualificationMenu_Click" MinWidth="60" />
                    <syncfusion:RibbonSeparator x:Name="HumanResourcesSetupSeparator2" />
                    <fluent:Button x:Name="OvertimeRulesButton" Header="Overtime Rules"
                                   LargeIcon="pack://application:,,,/Resources/overtime.png"
                                   Click="OvertimeRulesButton_Click" MinWidth="60" />
                    <fluent:Button x:Name="StandardLeaveButton" Header="Standard Leave"
                                   LargeIcon="pack://application:,,,/Resources/fireworks.png"
                                   Click="StandardLeaveButton_Click" MinWidth="60" />
                </fluent:RibbonGroupBox-->

            </fluent:RibbonTabItem>

            <fluent:RibbonTabItem x:Name="AccountsTab" Header="Accounts" IsSelected="False" Visibility="Collapsed">

                <fluent:RibbonGroupBox x:Name="AccountsActions" Header="Actions">
                    <fluent:Button Header="Refresh"
                                   LargeIcon="pack://application:,,,/Resources/refresh.png"
                                   Click="RefreshMenu_Click" MinWidth="60" />
                    <syncfusion:RibbonSeparator />
                    <fluent:Button x:Name="AccountsDashboardButton" Header="Dashboards"
                                   LargeIcon="pack://application:,,,/Resources/kpi.png"
                                   Click="Dashboards_Checked" MinWidth="60" />
                    <fluent:Button x:Name="AccountsMessagesButton" Size="Large"
                                   Header="Notification Centre"
                                   LargeIcon="pack://application:,,,/Resources/email.png"
                                   Click="Messages_Checked" MinWidth="60" />
                    <fluent:Button x:Name="AccountsTaskButton" Header="Task List"
                                   LargeIcon="pack://application:,,,/Resources/kanban.png"
                                   Click="Tasks_Checked" MinWidth="60" />
                    <fluent:Button x:Name="AccountsAttendanceButton" Header="In/Out Board"
                                   LargeIcon="pack://application:,,,/Resources/attendance.png"
                                   Click="Attendance_Checked" MinWidth="60" />
                    <fluent:Button x:Name="AccountsMapButton" Header="Live Maps"
                                   LargeIcon="pack://application:,,,/Resources/map.png" Click="Maps_Checked"
                                   MinWidth="60" />
                    <fluent:Button x:Name="AccountsDailyReportButton" Header="Daily Report"
                                   LargeIcon="pack://application:,,,/Resources/report.png"
                                   Click="DailyReport_Checked" MinWidth="60" />
                    <syncfusion:RibbonSeparator x:Name="AccountsTaskSeparator1" />
                    <fluent:Button x:Name="CustomerList" Header="Customers"
                                   LargeIcon="pack://application:,,,/Resources/customer.png"
                                   Click="CustomerList_Click" MinWidth="60" />
                    <fluent:Button x:Name="InvoiceList" Header="Invoices"
                                   LargeIcon="pack://application:,,,/Resources/invoice.png"
                                   Click="InvoiceList_Click" MinWidth="60" />
                    <fluent:Button x:Name="ReceiptList" Header="Receipts"
                                   LargeIcon="pack://application:,,,/Resources/receipt.png"
                                   Click="ReceiptList_Click" MinWidth="60" />
                    <syncfusion:RibbonSeparator x:Name="AccountsTaskSeparator2" />
                    <fluent:Button x:Name="SupplierList" Header="Suppliers"
                                   LargeIcon="pack://application:,,,/Resources/supplier.png"
                                   Click="SupplierList_Click" MinWidth="60" />
                    <fluent:Button x:Name="AccountsDataButton" Header="Data Entry"
                                   LargeIcon="pack://application:,,,/Resources/pencil.png"
                                   Click="DataEntry_Click" MinWidth="60" />
                    <fluent:Button x:Name="PurchasesList" Header="Purchase Orders"
                                   LargeIcon="pack://application:,,,/Resources/purchase.png"
                                   Click="PurchasesList_Click" MinWidth="60" />
                    <fluent:Button x:Name="BillsList" Header="Bills"
                                   LargeIcon="pack://application:,,,/Resources/bill.png"
                                   Click="BillsList_Click" MinWidth="60" />
                    <fluent:Button x:Name="PaymentsList" Header="Payments"
                                   LargeIcon="pack://application:,,,/Resources/payment.png"
                                   Click="PaymentsList_Click" MinWidth="60" />
                </fluent:RibbonGroupBox>

                <fluent:RibbonGroupBox x:Name="AccountsReports" Width="Auto" MinWidth="60" Header="Print" Visibility="Collapsed"/>

                <!--fluent:RibbonGroupBox x:Name="AccountsSetup" Width="Auto" Header="Tools"
                                       IsLauncherVisible="False">
                    <fluent:Button x:Name="ContactTypeList" Header="Contact Types"
                                   LargeIcon="pack://application:,,,/Resources/contacttype.png"
                                   Click="ContactTypeList_Click" MinWidth="60" />
                    <fluent:Button x:Name="TaxCodeList" Header="Tax Codes"
                                   LargeIcon="pack://application:,,,/Resources/taxcode.png"
                                   Click="TaxCodeList_Click" MinWidth="60" />
                    <fluent:Button x:Name="ReceiptTypeList" Header="Receipt Types"
                                   LargeIcon="pack://application:,,,/Resources/receipt.png"
                                   Click="ReceiptTypeList_Click" MinWidth="60" />
                    <fluent:Button x:Name="PaymentTypeList" Header="Payment Types"
                                   LargeIcon="pack://application:,,,/Resources/payment.png"
                                   Click="PaymentTypeList_Click" MinWidth="60" />
                    <fluent:Button x:Name="CostCentresList" Header="Cost Centres"
                                   LargeIcon="pack://application:,,,/Resources/costcentre.png"
                                   Click="CostCentresList_Click" MinWidth="60" />
                    <fluent:Button x:Name="GLCodesList" Header="GL Codes"
                                   LargeIcon="pack://application:,,,/Resources/glcode.png"
                                   Click="GLCodesList_Click" MinWidth="60" />
                    <fluent:Button x:Name="PurchaseOrderCategoriesList" Size="Large"
                                   Header="Purchase Order Categories"
                                   LargeIcon="pack://application:,,,/Resources/service.png"
                                   Click="PurchaseOrderCategoriesButton_Click" MinWidth="60" />
                </fluent:RibbonGroupBox-->

            </fluent:RibbonTabItem>

            <fluent:RibbonTabItem x:Name="EquipmentTab" Header="Equipment" IsSelected="True" Visibility="Collapsed">

                <fluent:RibbonGroupBox x:Name="EquipmentActions" Width="Auto" Header="Actions">

                    <fluent:Button Header="Refresh"
                                   LargeIcon="pack://application:,,,/Resources/refresh.png"
                                   Click="RefreshMenu_Click" MinWidth="60" />
                    <syncfusion:RibbonSeparator />
                    <fluent:Button x:Name="EquipmentDashboardButton" Header="Dashboards"
                                   LargeIcon="pack://application:,,,/Resources/kpi.png"
                                   Click="Dashboards_Checked" MinWidth="60" />
                    <fluent:Button x:Name="EquipmentMessagesButton" Size="Large"
                                   Header="Notification Centre"
                                   LargeIcon="pack://application:,,,/Resources/email.png"
                                   Click="Messages_Checked" MinWidth="60" />
                    <fluent:Button x:Name="EquipmentTaskButton" Header="Task List"
                                   LargeIcon="pack://application:,,,/Resources/kanban.png"
                                   Click="Tasks_Checked" MinWidth="60" />
                    <fluent:Button x:Name="EquipmentAttendanceButton" Header="In/Out Board"
                                   LargeIcon="pack://application:,,,/Resources/attendance.png"
                                   Click="Attendance_Checked" MinWidth="60" />
                    <fluent:Button x:Name="EquipmentMapButton" Header="Live Maps"
                                   LargeIcon="pack://application:,,,/Resources/map.png" Click="Maps_Checked"
                                   MinWidth="60" />
                    <fluent:Button x:Name="EquipmentDailyReportButton" Header="Daily Report"
                                   LargeIcon="pack://application:,,,/Resources/report.png"
                                   Click="DailyReport_Checked" MinWidth="60" />
                    <syncfusion:RibbonSeparator x:Name="EquipmentTaskSeparator" />
                    <fluent:Button x:Name="EquipmentButton" Header="Equipment List"
                                   LargeIcon="pack://application:,,,/Resources/specifications.png"
                                   Click="Equipment_Checked" MinWidth="60" />
                    <fluent:Button x:Name="EquipmentPlannerButton" Header="Equipment Planner"
                                   LargeIcon="pack://application:,,,/Resources/calendar.png"
                                   Click="EquipmentPlannerButton_Click" MinWidth="60" />
                    <fluent:Button x:Name="TrackersMasterList" Header="GPS Trackers"
                                   LargeIcon="pack://application:,,,/Resources/milestone.png"
                                   Click="Trackers_Click" MinWidth="60" />
                </fluent:RibbonGroupBox>

                <fluent:RibbonGroupBox x:Name="EquipmentReports" Width="Auto" MinWidth="60" Header="Print" Visibility="Collapsed"/>

                <!--fluent:RibbonGroupBox x:Name="EquipmentSetup" Width="Auto" Header="Tools"
                                       IsLauncherVisible="False">
                    <fluent:Button x:Name="TrackerTypesMasterList" Header="Tracker Types"
                                   LargeIcon="pack://application:,,,/Resources/milestone.png"
                                   Click="TrackerTypes_Click" MinWidth="60" />
                    <fluent:Button x:Name="StickersMasterList" Header="Stickers"
                                   LargeIcon="pack://application:,,,/Resources/barcode.png"
                                   Click="Stickers_Click" MinWidth="60" />
                    <fluent:Button x:Name="DigitalKeysMasterList" Header="Digital Keys"
                                   LargeIcon="pack://application:,,,/Resources/key.png"
                                   Click="DigitalKeys_Click" MinWidth="60" />
                    <fluent:Button x:Name="EquipmentGroupList" Header="Equipment Groups"
                                   LargeIcon="pack://application:,,,/Resources/specifications.png"
                                   Click="EquipmentGroupList_Click" MinWidth="60" />
                </fluent:RibbonGroupBox-->

            </fluent:RibbonTabItem>

            <fluent:RibbonTabItem x:Name="DigitalFormsTab" Header="Digital Forms" IsSelected="False" Visibility="Collapsed">
                <fluent:RibbonGroupBox x:Name="DigitalFormsActions" Width="Auto" Header="Actions">

                    <fluent:Button Header="Refresh"
                                   LargeIcon="pack://application:,,,/Resources/refresh.png"
                                   Click="RefreshMenu_Click" MinWidth="60" />
                    <syncfusion:RibbonSeparator />
                    <fluent:Button x:Name="DigitalFormsDashboardButton" Header="Dashboards"
                                   LargeIcon="pack://application:,,,/Resources/kpi.png"
                                   Click="Dashboards_Checked" MinWidth="60" />
                    <fluent:Button x:Name="DigitalFormsMessagesButton" Size="Large"
                                   Header="Notification Centre"
                                   LargeIcon="pack://application:,,,/Resources/email.png"
                                   Click="Messages_Checked" MinWidth="60" />
                    <fluent:Button x:Name="DigitalFormsTaskButton" Header="Task List"
                                   LargeIcon="pack://application:,,,/Resources/kanban.png"
                                   Click="Tasks_Checked" MinWidth="60" />
                    <fluent:Button x:Name="DigitalFormsAttendanceButton" Header="In/Out Board"
                                   LargeIcon="pack://application:,,,/Resources/attendance.png"
                                   Click="Attendance_Checked" MinWidth="60" />
                    <fluent:Button x:Name="DigitalFormsMapButton" Header="Live Maps"
                                   LargeIcon="pack://application:,,,/Resources/map.png" Click="Maps_Checked"
                                   MinWidth="60" />
                    <fluent:Button x:Name="DigitalFormsDailyReportButton" Header="Daily Report"
                                   LargeIcon="pack://application:,,,/Resources/report.png"
                                   Click="DailyReport_Checked" MinWidth="60" />
                    <syncfusion:RibbonSeparator x:Name="DigitalFormsTaskSeparator" />
                    <fluent:Button x:Name="DigitalFormsFormsLibraryButton" Header="Forms Library"
                                   LargeIcon="pack://application:,,,/Resources/checklist.png"
                                   Click="DigitalFormsFormsLibraryButton_Click" MinWidth="60" />
                    <fluent:Button x:Name="DigitalFormsCompletedFormsButton" Header="Completed Forms"
                                   LargeIcon="pack://application:,,,/Resources/checklist.png"
                                   Click="DigitalFormsCompletedFormsButton_Click" MinWidth="60" />
                </fluent:RibbonGroupBox>

                <fluent:RibbonGroupBox x:Name="DigitalFormReports" Width="Auto" MinWidth="60" Header="Print" Visibility="Collapsed"/>
            </fluent:RibbonTabItem>

            <fluent:RibbonTabItem x:Name="DashboardsTab" Header="Dashboards" IsSelected="False" Visibility="Collapsed">

                <fluent:RibbonGroupBox x:Name="DashboardsActions" Header="Actions">
                    <fluent:Button Header="Refresh"
                                   LargeIcon="pack://application:,,,/Resources/refresh.png"
                                   Click="RefreshMenu_Click" MinWidth="60" />
                    <syncfusion:RibbonSeparator />
                    <fluent:Button x:Name="DashboardsDashboardButton" Header="Dashboards"
                                   LargeIcon="pack://application:,,,/Resources/kpi.png"
                                   Click="Dashboards_Checked" MinWidth="60" />
                    <fluent:Button x:Name="DashboardMessagesButton" Size="Large"
                                   Header="Notification Centre"
                                   LargeIcon="pack://application:,,,/Resources/email.png"
                                   Click="Messages_Checked" MinWidth="60" />
                    <fluent:Button x:Name="DashboardsTaskButton" Header="Task List"
                                   LargeIcon="pack://application:,,,/Resources/kanban.png"
                                   Click="Tasks_Checked" MinWidth="60" />
                    <fluent:Button x:Name="DashboardsAttendanceButton" Header="In/Out Board"
                                   LargeIcon="pack://application:,,,/Resources/attendance.png"
                                   Click="Attendance_Checked" MinWidth="60" />
                    <fluent:Button x:Name="DashboardsMapButton" Header="Live Maps"
                                   LargeIcon="pack://application:,,,/Resources/map.png" Click="Maps_Checked"
                                   MinWidth="60" />
                    <fluent:Button x:Name="DashboardsDailyReportButton" Header="Daily Report"
                                   LargeIcon="pack://application:,,,/Resources/report.png"
                                   Click="DailyReport_Checked" MinWidth="60" />
                    <syncfusion:RibbonSeparator x:Name="DashboardsTaskSeparator" />
                    <!--This is where the static dashboards need to go-->
                    <fluent:Button x:Name="FactoryProductivityButton" Header="Factory KPIs"
                                   LargeIcon="pack://application:,,,/Resources/kpi.png"
                                   Click="FactoryProductivityButton_Click" MinWidth="60" />
                    <fluent:Button x:Name="TemplateAnalysisButton" Header="Template Analysis"
                                   LargeIcon="pack://application:,,,/Resources/kpi.png"
                                   Click="TemplateAnalysisButton_Click" MinWidth="60" />
                    <fluent:Button x:Name="FactoryAnalysisButton" Header="Factory Analysis"
                                   LargeIcon="pack://application:,,,/Resources/kpi.png"
                                   Click="FactoryAnalysisButton_Click" MinWidth="60" />
                    <fluent:Button x:Name="DatabaseActivityButton" Header="Database Activity"
                                   LargeIcon="pack://application:,,,/Resources/kpi.png"
                                   Click="DatabaseActivityButton_Click" MinWidth="60" />
                    <fluent:Button x:Name="UserActivityButton" Header="User Activity"
                                   LargeIcon="pack://application:,,,/Resources/kpi.png"
                                   Click="UserActivityButton_Click" MinWidth="60" />
                    <fluent:Button x:Name="QuickStatusButton" Header="Quick Status"
                                   LargeIcon="pack://application:,,,/Resources/kpi.png"
                                   Click="QuickStatus_Click" MinWidth="60" />
                </fluent:RibbonGroupBox>

                <fluent:RibbonGroupBox x:Name="DashboardsReports" Width="Auto" MinWidth="60" Header="Print" Visibility="Collapsed"/>

            </fluent:RibbonTabItem>

        </fluent:Ribbon>

        <Grid Grid.Row="0" Grid.Column="1">

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

            <Grid.RowDefinitions>
                <RowDefinition Height="30" />
                <RowDefinition Height="*" />
            </Grid.RowDefinitions>

            <fluent:Button
                x:Name="SendNotification"
                Header="Send Notification"
                BorderBrush="Gray"
                BorderThickness="0.75"
                Margin="0,0,5,0"
                Background="WhiteSmoke"
                Grid.Row="0"
                Grid.Column="2"
                Size="Middle"
                Icon="Resources/team.png"
                HorizontalAlignment="Stretch"
                Height="25"
                Click="SendNotificationClick" />

            <fluent:Button Grid.Row="1" Grid.Column="0"
                           Header="Setup"
                           LargeIcon="Resources/view.png"
                           Click="Setup_Click"
                           Margin="0,0,5,20"/>

            <fluent:Button Grid.Row="1" Grid.Column="1"
                           Header="Forms"
                           LargeIcon="Resources/contract.png"
                           Click="Forms_Click"
                           Margin="0,0,5,20"/>

            <Border Grid.Row="1" Grid.Column="2" 
                    BorderBrush="Silver" BorderThickness="0,0.75,0.75,0.75" Padding="0,0,5,20">
                <StackPanel Orientation="Horizontal">
                    
                    <fluent:Button
                        Header="Online Help"
                        LargeIcon="Resources/help.png"
                        Click="Wiki_Click" />

                    <fluent:Button
                        x:Name="EquipmentTechnicalLibrary"
                        Header="Technical Library"
                        LargeIcon="Resources/doc-pdf.png"
                        Click="Library_Click" />
                </StackPanel>
            </Border>
        </Grid>

        <DockingManager x:Name="DockingManager"
                        Grid.Row="1"
                        Grid.Column="0"
                        Grid.ColumnSpan="2"
                        AllowMixedOrientation="True"
                        AutoWindowSizeWhenOpened="True"
                        IsVirtualizingAnchorable="True"
                        IsVirtualizingDocument="True"
                        Margin="-4,-4,-4,0" Padding="0" BorderBrush="Silver" BorderThickness="0,0.75,0,0">

            <DockingManager.Theme>
                <MetroTheme />
            </DockingManager.Theme>

            <DockingManager.Resources>

                <!-- DockingManager.Background, LayoutDocumentFloatingWindowControl.Header.Foreground-->
                <SolidColorBrush x:Key="AvalonDock_ThemeMetro_BaseColor1"
                                 Color="{Binding Path=(themes:ThemeManager.WorkspaceBackgroundColor)}" />

                <!-- AnchorablePaneTitle.DropDownControlArea.Foreground, LayoutAnchorControl.Foreground, LayoutAnchorableFloatingWindowControl.Foreground-->
                <SolidColorBrush x:Key="AvalonDock_ThemeMetro_BaseColor2"
                                 Color="{Binding Path=(themes:ThemeManager.WorkspaceForegroundColor)}" />

                <!-- TabItem.IsActive.Border, AnchorablePaneTitle.IsActive.Border LayoutAnchorControl.IsActive.Border -->
                <!-- LayoutDocumentFolatingWindowControl.IsActive.Border -->
                <SolidColorBrush x:Key="AvalonDock_ThemeMetro_BaseColor3"
                                 Color="{Binding Path=(themes:ThemeManager.SelectedTabItemBackgroundColor)}" />

                <!-- TabItem.Hover.Border, LayoutAnchorControl.Hover.Border -->
                <SolidColorBrush x:Key="AvalonDock_ThemeMetro_BaseColor4"
                                 Color="{Binding Path=(themes:ThemeManager.SelectedTabItemBackgroundColor)}" />

                <!-- TabItem.IsSelected.Border, TabItem.IsActive.ForeGround, TabItem.Hover.Foreground, LayoutFloatingWindowControl.Background -->
                <SolidColorBrush x:Key="AvalonDock_ThemeMetro_BaseColor5"
                                 Color="{Binding Path=(themes:ThemeManager.WorkspaceForegroundColor)}" />

                <!-- FloatingWindowControl.Border, LayoutAnchorableFloatingWindowControl.Border -->
                <SolidColorBrush x:Key="AvalonDock_ThemeMetro_BaseColor6"
                                 Color="{Binding Path=(themes:ThemeManager.WorkspaceForegroundColor)}" />

                <!-- LayoutGridResizerControl.Background, NavigatorWindow.Background -->
                <SolidColorBrush x:Key="AvalonDock_ThemeMetro_BaseColor7" Color="#EEEEEE" />

            </DockingManager.Resources>

            <LayoutRoot>
                <LayoutPanel Orientation="Horizontal">
                    <LayoutDocumentPaneGroup>
                        <LayoutDocumentPane x:Name="LayoutDocumentPane" ShowHeader="False">
                            <LayoutDocument Title="Document 1" ContentId="document1">

                                <Grid x:Name="DockingGrid">
                                    <Grid.RowDefinitions>
                                        <RowDefinition Height="*" />
                                    </Grid.RowDefinitions>
                                    <Grid.ColumnDefinitions>
                                        <ColumnDefinition Width="*" />
                                        <ColumnDefinition Width="0" />
                                        <ColumnDefinition Width="0" />
                                    </Grid.ColumnDefinitions>

                                    <ContentControl x:Name="ContentControl" HorizontalAlignment="Stretch"
                                                    VerticalAlignment="Stretch"
                                                    Grid.Column="0" Grid.Row="0" Margin="0,-4,2,-4" />

                                    <syncfusion:SfGridSplitter Grid.Row="0" Grid.Column="1"
                                                               ResizeBehavior="PreviousAndNext"
                                                               Background="Transparent"
                                                               Template="{StaticResource VerticalSplitter}">

                                        <syncfusion:SfGridSplitter.PreviewStyle>
                                            <Style TargetType="Control">
                                                <Setter Property="Background" Value="Gray" />
                                                <Setter Property="Template">
                                                    <Setter.Value>
                                                        <ControlTemplate TargetType="Control">
                                                            <Grid x:Name="Root" Opacity="0.5">
                                                                <Rectangle Fill="{TemplateBinding Background}" />
                                                            </Grid>
                                                        </ControlTemplate>
                                                    </Setter.Value>
                                                </Setter>
                                            </Style>
                                        </syncfusion:SfGridSplitter.PreviewStyle>

                                    </syncfusion:SfGridSplitter>

                                    <local:NotificationsDock 
                                        x:Name="Notifications" 
                                        Grid.Row="0" 
                                        Grid.Column="2"
                                        Changed="Notifications_Changed"  
                                        Margin="0,-4,0,-4"  />
                                </Grid>

                            </LayoutDocument>
                        </LayoutDocumentPane>
                    </LayoutDocumentPaneGroup>
                </LayoutPanel>

                <LayoutRoot.LeftSide>
                    <LayoutAnchorSide>
                        <LayoutAnchorGroup x:Name="DockGroup">
                            <LayoutAnchorable
                                x:Name="ContactDock"
                                Title="Address Book"
                                ContentId="contacts"
                                CanClose="False"
                                CanFloat="False"
                                CanHide="False"
                                CanAutoHide="False"
                                CanDockAsTabbedDocument="False"
                                CanMove="False"
                                AutoHideWidth="500"
                                FloatingWidth="500"
                                AutoHideMinWidth="400"
                                IsActiveChanged="DockPanel_OnIsActiveChanged">
                                <Border BorderThickness="0.75" BorderBrush="Gray">
                                    <local:ContactDock x:Name="Contacts" />
                                </Border>
                            </LayoutAnchorable>

                            <LayoutAnchorable
                                x:Name="JobDock"
                                Title="Projects"
                                ContentId="projects"
                                CanClose="False"
                                CanFloat="False"
                                CanHide="False"
                                CanAutoHide="False"
                                CanDockAsTabbedDocument="False"
                                CanMove="False"
                                AutoHideWidth="500"
                                FloatingWidth="500"
                                AutoHideMinWidth="400"
                                IsActiveChanged="DockPanel_OnIsActiveChanged">
                                <Border BorderThickness="0.75" BorderBrush="Gray">
                                    <local:JobDock x:Name="Jobs" />
                                </Border>
                            </LayoutAnchorable>

                            <LayoutAnchorable
                                x:Name="ConsignmentDock"
                                Title="Consignments"
                                ContentId="consignments"
                                CanClose="False"
                                CanFloat="False"
                                CanHide="False"
                                CanAutoHide="True"
                                CanDockAsTabbedDocument="False"
                                AutoHideWidth="500"
                                FloatingWidth="500"
                                AutoHideMinWidth="400"
                                IsActiveChanged="DockPanel_OnIsActiveChanged">
                                <Border BorderThickness="0.75" BorderBrush="Gray">
                                    <local:ConsignmentDock x:Name="Consignments" />
                                </Border>
                            </LayoutAnchorable>

                            <LayoutAnchorable
                                x:Name="DeliveryDock"
                                Title="Deliveries"
                                ContentId="deliveries"
                                CanClose="False"
                                CanFloat="False"
                                CanHide="False"
                                CanAutoHide="True"
                                CanDockAsTabbedDocument="False"
                                AutoHideWidth="500"
                                FloatingWidth="500"
                                AutoHideMinWidth="400"
                                IsActiveChanged="DockPanel_OnIsActiveChanged">
                                <Border BorderThickness="0.75" BorderBrush="Gray">
                                    <local:DeliveryDock x:Name="Deliveries" />
                                </Border>
                            </LayoutAnchorable>

                            <LayoutAnchorable
                                x:Name="ProductLookupDock"
                                Title="Products"
                                ContentId="products"
                                CanClose="False"
                                CanFloat="False"
                                CanHide="False"
                                CanAutoHide="True"
                                CanDockAsTabbedDocument="False"
                                AutoHideWidth="500"
                                FloatingWidth="500"
                                AutoHideMinWidth="400"
                                IsActiveChanged="DockPanel_OnIsActiveChanged">
                                <Border BorderThickness="0.75" BorderBrush="Gray">
                                    <local:ProductLookupDock x:Name="ProductLookup" />
                                </Border>
                            </LayoutAnchorable>


                            <LayoutAnchorable
                                x:Name="DigitalFormsDock"
                                Title="Digital Forms"
                                ContentId="digitalforms"
                                CanClose="False"
                                CanFloat="False"
                                CanHide="False"
                                CanAutoHide="True"
                                CanDockAsTabbedDocument="False"
                                AutoHideWidth="500"
                                FloatingWidth="500"
                                AutoHideMinWidth="400">
                                <Border BorderThickness="0.75" BorderBrush="Gray"
                                        IsVisibleChanged="DockPanelBorder_IsVisibleChanged">
                                    <local:DigitalFormsDock x:Name="DigitalForms" />
                                </Border>
                            </LayoutAnchorable>
                            
                        </LayoutAnchorGroup>
                    </LayoutAnchorSide>
                </LayoutRoot.LeftSide>
            </LayoutRoot>
        </DockingManager>

        <Border Grid.Row="2" Grid.Column="0" Grid.ColumnSpan="2" BorderThickness="0"
                Background="DimGray">
            <Grid>
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="Auto" />
                        <ColumnDefinition Width="*" />
                        <ColumnDefinition Width="Auto" />
                        <ColumnDefinition Width="Auto" />
                        <ColumnDefinition Width="Auto" />
                        <ColumnDefinition Width="Auto" />
                        <ColumnDefinition Width="Auto" />
                        <ColumnDefinition Width="Auto" />                       
                        <ColumnDefinition Width="Auto" />
                        <ColumnDefinition Width="100" />
                        <ColumnDefinition Width="Auto" />
                    </Grid.ColumnDefinitions>
                    <Label Grid.Column="0" x:Name="ProfileName" Content="" HorizontalContentAlignment="Center"
                           VerticalContentAlignment="Center" Foreground="WhiteSmoke" Padding="20,0,20,0" />
                    <Label Grid.Column="1" x:Name="URL" Content="" VerticalContentAlignment="Center" Foreground="WhiteSmoke" />

                    <DockPanel x:Name="TaskTracking" Grid.Column="2" Margin="0,0,50,0">
                        <Button DockPanel.Dock="Right" BorderBrush="Transparent" Background="Transparent"
                                Click="SelectTask_Click" Width="25">
                            <Image x:Name="SelectTask" Source="Resources/uparrow.png" />
                        </Button>
                        <Label x:Name="SelectedTaskName" DockPanel.Dock="Left" VerticalContentAlignment="Center"
                               Content="(No Task Selected)" Foreground="WhiteSmoke" />
                    </DockPanel>

                    <Button Grid.Column="3" x:Name="VideoRecordingButton" BorderThickness="0" Background="Transparent"
                            Click="VideoRecordingButton_Click">
                        <Image x:Name="VideoRecordingStatus"
                               Source="pack://application:,,,/Resources/videorecording.png"
                               Height="24" Margin="2" />
                    </Button>
                    <Button Grid.Column="4" x:Name="RecordingNotesButton" BorderThickness="0" Background="Transparent"
                            Click="RecordingNotesButton_Click" Visibility="Hidden">
                        <Image x:Name="RecordingNotesStatus" Source="pack://application:,,,/Resources/speechbubble.png"
                               Height="24" Margin="2" />
                    </Button>
                    <Button Grid.Column="5" x:Name="AudioRecordingButton" BorderThickness="0" Background="Transparent"
                            Click="AudioRecordingButton_Click" Visibility="Hidden">
                        <Image x:Name="AudioRecordingStatus"
                               Source="pack://application:,,,/Resources/audiorecording.png"
                               Height="24" Margin="2" />
                    </Button>
                    <Button Grid.Column="6" x:Name="SecondaryWindowButton" BorderThickness="0" Background="Transparent"
                            Click="SecondaryWindow_Click" Visibility="Visible">
                        <Image x:Name="SecondaryWindowStatus" Source="pack://application:,,,/Resources/target.png"
                               Height="24" Margin="2" />
                    </Button>
                    <Button Grid.Column="7" x:Name="ConsoleButton" BorderThickness="0" Background="Transparent"
                            Click="Console_Click" Visibility="Visible">
                        <Image x:Name="ConsoleStatus" Source="pack://application:,,,/Resources/view.png" Height="24"
                               Margin="2" />
                    </Button>
                    
                    <Image x:Name="BackgroundUploadStatus"
                           Source="pack://application:,,,/Resources/upload.png"
                           Height="24" Margin="2"
                           Visibility="Hidden"/>
                    
                    <Label Grid.Column="9" x:Name="UserID" Content="" HorizontalContentAlignment="Center"
                           VerticalContentAlignment="Center" Foreground="WhiteSmoke" />
                    <Label Grid.Column="10" x:Name="PasswordExpiryNotice" Content="" HorizontalContentAlignment="Center"
                           VerticalContentAlignment="Center" Background="Firebrick" Foreground="Yellow"
                           Visibility="Collapsed" />
                </Grid>

        </Border>

    </Grid>

</fluent:RibbonWindow>