How to display the LoginPage before viewing the program?

Question

I created the Login Entities (Login.cs) and also I created Logins property of type DbSet of Login to save logins with (SubBVDbContext.cs) as public DbSet<Login> Logins { get; set;}, then I seed entries into the Login table in the (Configuration.cs) in Migration Folder. After that, I created the (LoginPageViewModel.cs) which includes LoginWrapper that wraps up all entities, as well as the (NavigationView.xaml) that allows navigation from model to another. I have already created (MainViewModel.cs), and the MainWindow.xaml that contain the views of the models and the navigations between them. What I want is to display the LoginPage first then show the other views.

Login.cs

 public class Login
{
    public int Id { get; set; }

    [Required]
    [StringLength(50)]
    [EmailAddress]
    public string Email { get; set; }

    [Required]
    public string Password { get; set; }
}

LoginDetailView.xaml(UserControl)

<StackPanel Orientation="Horizontal">
        <TextBox Text="{Binding Login.Email, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" />
        <PasswordBox PasswordChar="{Binding Login.Password, UpdateSourceTrigger=PropertyChanged}" />
 </StackPanel>
 <Button Width="100" ToolTip="Login to Subcontractors" HorizontalAlignment="Center" Content="login"/>

NavigationViewModel.xaml (UserControl)

  <UserControl.Resources>
    <Style x:Key="NaviItemContainerStyle" TargetType="ContentPresenter">
        <Setter Property="HorizontalAlignment" Value="Left"/>
        <Setter Property="Margin" Value="2"/>
    </Style>
    <DataTemplate x:Key="NaviItemTemplate">
        <Button Content="{Binding DisplayMember}"
                Command="{Binding OpenDetailViewCommand}">
            <Button.Template>
                <ControlTemplate TargetType="Button">
                    <Grid x:Name="grid">
                        <ContentPresenter HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                                                  VerticalAlignment="{TemplateBinding VerticalContentAlignment}"/>
                    </Grid>
                    <ControlTemplate.Triggers>
                        <Trigger Property="IsMouseOver" Value="True">
                            <Setter Property="Cursor" Value="Hand"/>
                            <Setter Property="FontWeight" Value="Bold"/>
                        </Trigger>
                        <Trigger Property="IsPressed" Value="True">
                            <Setter Property="Foreground" Value="DarkRed"/>
                        </Trigger>
                    </ControlTemplate.Triggers>
                </ControlTemplate>
            </Button.Template>
        </Button>
    </DataTemplate>
</UserControl.Resources>
<Grid>
    <Grid.RowDefinitions>
        <RowDefinition Height="300"/>
        <RowDefinition/>
    </Grid.RowDefinitions>
    <GroupBox Header="Subcontarctors">
        <ScrollViewer VerticalScrollBarVisibility="Auto"
              HorizontalScrollBarVisibility="Auto">
            <ItemsControl ItemsSource="{Binding Subs}"
                ItemContainerStyle="{StaticResource NaviItemContainerStyle}"
                ItemTemplate="{StaticResource NaviItemTemplate}"/>
        </ScrollViewer>
    </GroupBox>
    <GroupBox Header="POs" Grid.Row="1" >
        <ScrollViewer VerticalScrollBarVisibility="Auto"
              HorizontalScrollBarVisibility="Auto" >
            <ItemsControl ItemsSource="{Binding SubPOs}"
                ItemContainerStyle="{StaticResource NaviItemContainerStyle}"
                ItemTemplate="{StaticResource NaviItemTemplate}"/>
        </ScrollViewer>
    </GroupBox>
</Grid>

LoginPageViewModel.cs

public class LoginPageViewModel:ViewModelBase
{
    private LoginWrapper _login;
    private IMessageDialogService _messageDialogService;

    public LoginPageViewModel(IMessageDialogService messageDialogService)
    {
        _messageDialogService = messageDialogService;
    }

    public LoginWrapper Login
    {
        get { return _login; }
        private set
        {
            _login = value;
            OnPropertyChanged();
        }
    }
}

LoginWrapper.cs

 public class LoginWrapper : ModelWrapper<Login>
{
    public LoginWrapper(Login model) : base(model)
    {
    }

    public int Id { get { return Model.Id; } }

    public string Email
    {
        get { return GetValue<string>(); }
        set { SetValue(value); }
    }

    public string Password
    {
        get { return GetValue<string>(); }
        set { SetValue(value); }
    }

}

App.xaml.cs

private void Application_Startup(object sender, StartupEventArgs e)
    {
        var bootstrapper = new Bootstrapper();
        var container = bootstrapper.Bootstrap();

        var mainWindow = container.Resolve<MainWindow>();
        mainWindow.Show();
    }

Note: in the Bootstrapper there is a container that contains the whole models and the views For Example:

  public class Bootstrapper
{
    public IContainer Bootstrap()
    {
        var builder = new ContainerBuilder();

        builder.RegisterType<EventAggregator>().As<IEventAggregator>().SingleInstance();

        builder.RegisterType<SubBVDbContext>().AsSelf();

        builder.RegisterType<MainWindow>().AsSelf();
        builder.RegisterType<SubPODetailViewModel>().As<ISubPODetailViewModel>();
        builder.RegisterType<LoginPageViewModel>.AsSelf();

MainWindow.xaml

<Window.Resources>
    <DataTemplate DataType="{x:Type viewModel:SubDetailViewModel}">
        <view:SubDetailView/>
    </DataTemplate>
    
    <DataTemplate DataType="{x:Type viewModel:SubPODetailViewModel}">
        <view:SubPODetailView/>
    </DataTemplate>

    <DataTemplate DataType="{x:Type viewModel:LoginPageViewModel}">
        <view:LoginDetailView/>
    </DataTemplate>
</Window.Resources>

<Grid>
    <Grid.RowDefinitions>
        <RowDefinition Height="Auto"/>
        <RowDefinition/>
    </Grid.RowDefinitions>
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="200"/>
        <ColumnDefinition/>
    </Grid.ColumnDefinitions>
    <Menu Grid.ColumnSpan="2" FontSize="13">
        <MenuItem Header="Create">
            <MenuItem Header="New Subcontractor" Command="{Binding CreateNewDetailCommand}"
                  CommandParameter="{x:Type viewModel:SubDetailViewModel}"/>
            
            <MenuItem Header="New P.O." Command="{Binding CreateNewDetailCommand}"
                  CommandParameter="{x:Type viewModel:SubPODetailViewModel}"/>
        </MenuItem>
    </Menu>
    
    <view:NavigationView Grid.Row="1" DataContext="{Binding NavigationViewModel}"/>
    <ContentControl Grid.Row="1" Grid.Column="1" Content="{Binding DetailViewModel}"/>
</Grid>

The Model view 1,The Model view 2

The SolutionExplorer Folders

The Link for My WPF App: http://www.filefactory.com/file/4of3jrkspmog/SubBvApp.zip