<UserControl
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
             xmlns:common="clr-namespace:QLPhongMach.Common;assembly=QLPhongMach.Common"
             xmlns:viewModels="clr-namespace:QLPhongMach.Main.ViewModels"
             xmlns:dxmvvm="http://schemas.devexpress.com/winfx/2008/xaml/mvvm"
             xmlns:dx="http://schemas.devexpress.com/winfx/2008/xaml/core"
             xmlns:dxb="http://schemas.devexpress.com/winfx/2008/xaml/bars"
             xmlns:dxr="http://schemas.devexpress.com/winfx/2008/xaml/ribbon"
             xmlns:dxn="http://schemas.devexpress.com/winfx/2008/xaml/navbar"
             xmlns:dxdo="http://schemas.devexpress.com/winfx/2008/xaml/docking"
             xmlns:local="clr-namespace:QLPhongMach.Main"
             xmlns:dxlc="http://schemas.devexpress.com/winfx/2008/xaml/layoutcontrol"
             xmlns:dxe="http://schemas.devexpress.com/winfx/2008/xaml/editors"
             x:Class="QLPhongMach.Main.Views.MainView"
             mc:Ignorable="d" d:DesignHeight="500" d:DesignWidth="600"
             d:DataContext="{dxmvvm:ViewModelSource {x:Type viewModels:MainViewModel}}">
    <dxmvvm:Interaction.Behaviors>
        <dxmvvm:VisualStateService/>
        <dx:DXSplashScreenService SplashScreenType="{x:Type local:SplashScreenView}"
                                  State="Đang tải, vui lòng chờ trong giay lát..." ShowSplashScreenOnLoading="True"/>
    </dxmvvm:Interaction.Behaviors>
    <Grid>
        <dxb:BarManager>
            <DockPanel>
                <dxr:RibbonControl DockPanel.Dock="Top" RibbonStyle="Office2010" ToolbarShowMode="Hide">
                    <dxr:RibbonDefaultPageCategory>
                        <dxr:RibbonPage x:Name="ribbonPage_Main" Caption="Giao diện">
                            <dxr:RibbonPageGroup x:Name="ribbonPageGroup_Main" Caption="Giao diện phần mềm">
                                <dxr:RibbonGalleryBarItem x:Name="ribbonGalleryBarItem_Theme">
                                    <dxmvvm:Interaction.Behaviors>
                                        <dxr:RibbonGalleryItemThemeSelectorBehavior/>
                                    </dxmvvm:Interaction.Behaviors>
                                </dxr:RibbonGalleryBarItem>
                            </dxr:RibbonPageGroup>
                        </dxr:RibbonPage>
                    </dxr:RibbonDefaultPageCategory>
                </dxr:RibbonControl>
                <dxr:RibbonStatusBarControl DockPanel.Dock="Bottom">
                    <dxr:RibbonStatusBarControl.LeftItems>
                        <dxb:BarStaticItem Content="Tên tài khoản: " ShowBorder="False"/>
                        <dxb:BarStaticItem Content="{Binding GlobalAccount.TenTaiKhoan}"/>
                    </dxr:RibbonStatusBarControl.LeftItems>

                    <dxr:RibbonStatusBarControl.RightItems>
                        <dxb:BarStaticItem Content="Bác sĩ: " ShowBorder="False"/>
                        <dxb:BarStaticItem Content="{Binding GlobalAccount.BacSi.TenBacSi}"/>
                    </dxr:RibbonStatusBarControl.RightItems>
                    <dxr:RibbonStatusBarControl.DataContext>
                        <common:Global/>
                    </dxr:RibbonStatusBarControl.DataContext>
                </dxr:RibbonStatusBarControl>
                <dxdo:DockLayoutManager FloatingMode="Desktop" ClosedPanelsBarVisibility="Never">
                    <dxdo:LayoutGroup Orientation="Horizontal">
                        <dxdo:LayoutPanel x:Name="Navigation" Caption="Chức năng" AllowClose="False" ItemWidth="200" AutoHideExpandState="Visible">
                            <dxn:NavBarControl>
                                <dxn:NavBarControl.View>
                                    <dxn:ExplorerBarView/>
                                </dxn:NavBarControl.View>
                                <dxn:NavBarGroup Header="Chức năng chính" DisplaySource="Items"
                                             dxmvvm:UIRegion.Region="{x:Static common:Regions.Navigation}">
                                    <dxn:NavBarGroup.ItemStyle>
                                        <Style TargetType="{x:Type dxn:NavBarItem}">
                                            <Setter Property="Content" Value="{Binding Caption}"/>
                                        </Style>
                                    </dxn:NavBarGroup.ItemStyle>
                                </dxn:NavBarGroup>
                            </dxn:NavBarControl>
                        </dxdo:LayoutPanel>
                        <dxdo:DocumentGroup x:Name="Documents" DestroyOnClosingChildren="False" ClosingBehavior="HideToClosedPanelsCollection"
                                        dxmvvm:UIRegion.Region="{x:Static common:Regions.Documents}">
                            <dxdo:DocumentGroup.ItemStyle>
                                <Style TargetType="{x:Type dxdo:LayoutPanel}">
                                    <Setter Property="Caption" Value="{Binding Caption}"/>
                                    <Setter Property="IsActive" Value="{Binding IsActive, Mode=TwoWay}"/>
                                </Style>
                            </dxdo:DocumentGroup.ItemStyle>
                        </dxdo:DocumentGroup>
                    </dxdo:LayoutGroup>
                </dxdo:DockLayoutManager>
            </DockPanel>
        </dxb:BarManager>
        <Grid x:Name="LoginLayer" Background="CornflowerBlue" Grid.RowSpan="2">
            <dxlc:LayoutControl HorizontalAlignment="Center"
                                VerticalAlignment="Center"
                                Background="White"
                                Orientation="Vertical" Height="250" Width="400" Padding="10">
                <dxlc:LayoutGroup>
                    <Label FontSize="25" Height="50" Width="200" HorizontalAlignment="Center" VerticalContentAlignment="Center" HorizontalContentAlignment="Center">ĐĂNG NHẬP</Label>
                </dxlc:LayoutGroup>
                <!--END ROW 1-->
                <dxlc:LayoutGroup Orientation="Horizontal" Height="130">
                    <dxlc:LayoutGroup Width="130" Height="130">
                        <Image HorizontalAlignment="Left" Height="120" VerticalAlignment="Top" Width="120"
                               Source="../bug.png"/>
                    </dxlc:LayoutGroup>
                    <!--END COL 1-->
                    <dxlc:LayoutGroup Width="245" Orientation="Vertical" VerticalAlignment="Center">
                        <dxlc:LayoutItem Label="Tên đăng nhập" Height="30" Margin="0,0,0,10">
                            <TextBox x:Name="txtName" VerticalContentAlignment="Center"/>
                        </dxlc:LayoutItem>

                        <dxlc:LayoutItem Label="Mật khẩu" Height="30">
                            <dxe:PasswordBoxEdit x:Name="txtPassword" VerticalContentAlignment="Center"/>
                        </dxlc:LayoutItem>
                    </dxlc:LayoutGroup>
                    <!--END COL 2-->
                </dxlc:LayoutGroup>
                <!--END ROW 2-->
                <dxlc:LayoutGroup Orientation="Horizontal">
                    <dx:SimpleButton Content="Đăng ký" Glyph="{dx:DXImage Image=Team_32x32.png}" />
                    <dx:SimpleButton Click="Login_Click" Content="Đăng nhập" Glyph="{dx:DXImage Image=Apply_32x32.png}" />
                    <dx:SimpleButton Content="Đóng" Glyph="{dx:DXImage Image=Cancel_32x32.png}" />
                </dxlc:LayoutGroup>
                <!--END ROW 3-->

            </dxlc:LayoutControl>
        </Grid>
    </Grid>
</UserControl>