<UserControl x:Class="TeamViewerApi.Views.CreateMeetingView" 
             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:viewModels="clr-namespace:TeamViewerApi.ViewModels" 
             mc:Ignorable="d" 
             d:DesignHeight="300" d:DesignWidth="500">
    
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto" />
            <RowDefinition Height="Auto" />
            <RowDefinition Height="Auto" />
            <RowDefinition Height="Auto" />
            <RowDefinition Height="Auto" />
            <RowDefinition Height="Auto" />
            <RowDefinition Height="*" />
        </Grid.RowDefinitions>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="Auto" />
            <ColumnDefinition Width="Auto" />
            <ColumnDefinition Width="Auto" />
            <ColumnDefinition Width="Auto" />
            <ColumnDefinition Width="*" />
        </Grid.ColumnDefinitions>

        <TextBlock Grid.Row="0" Grid.Column="0" Text="Subject" />
        <TextBox Grid.Row="0" Grid.Column="1" Grid.ColumnSpan="3" Width="300px" Text="{Binding Meeting.Subject, Mode=TwoWay}" />
        <TextBlock Grid.Row="1" Grid.Column="0" Text="Start date" />
        <DatePicker Grid.Row="1" Grid.Column="1" HorizontalAlignment="Left" Width="150px" SelectedDate="{Binding Meeting.DateStart, Mode=TwoWay}" />
        <TextBlock Grid.Row="1" Grid.Column="2" Text="End date" />
        <DatePicker Grid.Row="1" Grid.Column="3" HorizontalAlignment="Left" Width="150px" SelectedDate="{Binding Meeting.DateEnd, Mode=TwoWay}" />
        <TextBlock Grid.Row="2" Grid.Column="0" Text="Password" />
        <TextBox Grid.Row="2" Grid.Column="1" Grid.ColumnSpan="3" Width="300px" Text="{Binding Meeting.Password, Mode=TwoWay}" />
        <TextBlock Grid.Row="3" Grid.Column="0" Text="Conference type" />
        <ComboBox Grid.Row="3" Grid.Column="1" 
                  HorizontalAlignment="Left" 
                  Width="150px" 
                  ItemsSource="{Binding ConferenceTypes, Mode=OneWay}" 
                  SelectedValue="{Binding Meeting.ConferenceInformation.Type, Mode=TwoWay}">
            <ComboBox.ItemTemplate>
                <DataTemplate>
                    <TextBlock Style="{x:Null}" Text="{Binding ., Mode=OneWay}" />
                </DataTemplate>
            </ComboBox.ItemTemplate>
        </ComboBox>
        <TextBlock Grid.Row="4" Grid.Column="0" Text="Conference data" />
        <TextBox Grid.Row="4" Grid.Column="1" Grid.ColumnSpan="3" Width="300px" Text="{Binding Meeting.ConferenceInformation.Data, Mode=TwoWay}" />
        
        <DockPanel Grid.Row="5" Grid.Column="0" Grid.ColumnSpan="4" LastChildFill="False">
            <Button DockPanel.Dock="Left" 
                    Content="Confirm" 
                    Command="{Binding ConfirmCommand, Mode=OneWay}" />
            <Button DockPanel.Dock="Right" 
                    Content="Cancel" 
                    Command="{Binding CancelCommand, Mode=OneWay}" />
        </DockPanel>
    </Grid>
</UserControl>
