prs/prs.mobile/comal.timesheets/CustomControls/Pages/Selection Screens/EmployeeSelect.xaml

<?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" xmlns:timesheets="clr-namespace:comal.timesheets"
             x:Class="comal.timesheets.EmployeeSelect">

    <NavigationPage.TitleView>
        <Grid Margin="0" Padding="0">
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="*"/>
                <ColumnDefinition Width="*"/>
                <ColumnDefinition Width="*"/>
                <ColumnDefinition Width="5"/>
            </Grid.ColumnDefinitions>
            <Button Grid.Column="0" HorizontalOptions="Start" VerticalOptions="Center" TextColor="White" BackgroundColor="Transparent" Margin="0" Padding="0"
                Text="Exit" Clicked="Exit"/>
            <Label Grid.Column="1"  Text="Select Employee" VerticalOptions="Center" x:Name="titleLbl"
                   HorizontalOptions="Center" HorizontalTextAlignment="Center" TextColor="White" FontSize="Medium" FontAttributes="Bold"/>
            <Button Grid.Column="2" HorizontalOptions="End" VerticalOptions="Center" x:Name="saveBtn"
                    TextColor="White" BackgroundColor="Transparent" Margin="0" Padding="0"
                Text="Save" Clicked="Save_Clicked" IsVisible="false"/>
        </Grid>
    </NavigationPage.TitleView>

    <ContentPage.Content>
        <Grid>
            <Grid.RowDefinitions>
                <RowDefinition Height="auto"/>
                <RowDefinition Height="auto"/>
                <RowDefinition Height="*"/>
            </Grid.RowDefinitions>
            <timesheets:FilterOptionsControl Grid.Row="0" x:Name="filterOptionsControl"/>

            <Entry Grid.Row="1" x:Name="searchEnt" Placeholder="Search" TextChanged="SearchEnt_Changed"
                    Margin="5"/>

            <Grid Grid.Row="2">
                <Grid.ColumnDefinitions>
                    <ColumnDefinition x:Name="column0" Width="*"/>
                    <ColumnDefinition x:Name="column1" Width="0"/>
                </Grid.ColumnDefinitions>
                <ListView Grid.Column="0" x:Name="employeeListview" HasUnevenRows="True">
                    <ListView.ItemTemplate>
                        <DataTemplate>
                            <ViewCell Tapped="Employee_Tapped">
                                <Frame>
                                    <Grid>
                                        <Grid.ColumnDefinitions>
                                            <ColumnDefinition Width="20"/>
                                            <ColumnDefinition Width="*"/>
                                        </Grid.ColumnDefinitions>
                                        <Image Grid.Column="0" Source="person.png" HeightRequest="20" WidthRequest="20" Margin="0"/>
                                        <Label Grid.Column="1" Text="{Binding Name}" FontSize="Medium" FontAttributes="Bold"/>
                                    </Grid>
                                </Frame>
                            </ViewCell>
                        </DataTemplate>
                    </ListView.ItemTemplate>
                </ListView>

                <StackLayout Grid.Column="1" IsVisible="false" x:Name="selectedStackLayout">
                    <Label Text="Selected Employees" HorizontalOptions="Center" VerticalOptions="Center"
                           FontSize="Medium" LineBreakMode="WordWrap" FontAttributes="Bold" TextColor="#a2006d"/>
                    <ListView  x:Name="selectedListview" HasUnevenRows="True">
                        <ListView.ItemTemplate>
                            <DataTemplate>
                                <ViewCell Tapped="SelectedList_Tapped">
                                    <Frame>
                                        <Grid>
                                            <Grid.ColumnDefinitions>
                                                <ColumnDefinition Width="20"/>
                                                <ColumnDefinition Width="*"/>
                                                <ColumnDefinition Width="20"/>
                                            </Grid.ColumnDefinitions>
                                            <Image Grid.Column="0" Source="person.png" HeightRequest="20" WidthRequest="20" Margin="0"/>
                                            <Label Grid.Column="1" Text="{Binding Name}" FontSize="Medium" FontAttributes="Bold"/>
                                            <Image Grid.Column="2" Source="{Binding ImageSource}" HeightRequest="20" WidthRequest="20" Margin="0"/>
                                        </Grid>
                                    </Frame>
                                </ViewCell>
                            </DataTemplate>
                        </ListView.ItemTemplate>
                    </ListView>
                </StackLayout>
                
            </Grid>


        </Grid>
    </ContentPage.Content>
</ContentPage>