prs/prs.mobile/comal.timesheets/Modules/Warehousing/StockLocationSelectionPage.xaml

<?xml version="1.0" encoding="utf-8" ?>
<timesheets:BasePage xmlns:timesheets="clr-namespace:comal.timesheets" xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             x:Class="comal.timesheets.StockLocationSelectionPage"
             Title="Select Location">
    <timesheets:BasePage.ActionButtons>
        <ImageButton Source="reset" Clicked="ResetScreen"/>
    </timesheets:BasePage.ActionButtons>
    <timesheets:BasePage.PageContent>
        <Grid Padding="0">
            <Grid.RowDefinitions>
                <RowDefinition Height="auto"/>
                <RowDefinition Height="auto"/>
            </Grid.RowDefinitions>
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="*"/>
                <ColumnDefinition Width="2*"/>
            </Grid.ColumnDefinitions>
            <!--top frame--> 
            <Frame Grid.Row="0" Grid.Column="0" Grid.ColumnSpan="2" Padding="2" Margin="1" BackgroundColor="Transparent" BorderColor="#a2006d">
                <StackLayout Spacing="0">
                    <Grid HorizontalOptions="Center" Margin="1">
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="*"/>
                            <ColumnDefinition Width="2*"/>
                        </Grid.ColumnDefinitions>
                        <Image Grid.Column="0" VerticalOptions="Center"
                        Source="newwarehousing" Aspect="AspectFit" HeightRequest="40" HorizontalOptions="End"/>
                        <Label Grid.Column="1" 
                            Text="Warehouse" FontSize="Medium" FontAttributes="Bold" HorizontalTextAlignment="Start" 
                           HorizontalOptions="Start" VerticalOptions="Start"
                           Padding="0" Margin="0"/>
                    </Grid>
                    
                    <FlexLayout  x:Name="warehouseFlexLayout"
                        Margin="0" Padding="0" 
                         Wrap="Wrap"
                        Direction="Row"
                        JustifyContent="Center"
                        AlignItems="Start"
                        AlignContent="Start"
                        />
                </StackLayout>
            </Frame>

            <!--bottom left frame-->
            <Frame  Grid.Row="1" Grid.Column="0" Padding="2" Margin="1" BackgroundColor="Transparent" BorderColor="#a2006d">
                <StackLayout>
                    <Grid Margin="1">
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="*"/>
                            <ColumnDefinition Width="2*"/>
                        </Grid.ColumnDefinitions>
                        <Image Grid.Column="0" VerticalOptions="Center"
                         Aspect="AspectFit" HeightRequest="40" HorizontalOptions="End">
                            <Image.Source>
                                <OnPlatform x:TypeArguments="ImageSource">
                                    <OnPlatform.Platforms>
                                        <On Platform="iOS" Value="Image-2"/>
                                        <On Platform="Android" Value="shelf"/>
                                    </OnPlatform.Platforms>
                                </OnPlatform>
                            </Image.Source>
                        </Image>
                        <Label Grid.Column="1"
                        Text="Area" FontSize="Medium" FontAttributes="Bold" HorizontalTextAlignment="Start" 
                           HorizontalOptions="Start" VerticalOptions="Start"
                           Padding="0" Margin="0"/>
                    </Grid>
                    <Entry x:Name="areaSearchEnt" Placeholder="Search" HorizontalOptions="FillAndExpand" FontSize="Medium" Margin="0"
                           TextChanged="AreaSearchEnt_Changed"/>
                <Label x:Name="areaLoadingLbl" Text="Loading..." HorizontalOptions="Center" FontSize="Medium"/>
                <ListView x:Name="areaListView" HasUnevenRows="True" BackgroundColor="Transparent" Margin="0,0,0,0">
                    <ListView.ItemTemplate>
                        <DataTemplate>
                                <ViewCell Tapped="AreaList_Tapped">
                                <Frame BorderColor="#15C7C1"  Margin="0 ,1 ,0, 1" CornerRadius="5" BackgroundColor="{Binding Color}" Padding="0" HasShadow="False" >
                                    <Label Text="{Binding Description}" HorizontalOptions="Center" VerticalOptions="Center" LineBreakMode="WordWrap" BackgroundColor="Transparent"
                                           HorizontalTextAlignment="Center" />
                                </Frame>
                            </ViewCell>
                        </DataTemplate>
                    </ListView.ItemTemplate>
                </ListView>
            </StackLayout>
            </Frame>

            <!--bottom right frame-->
            <Frame Grid.Row="1" Grid.Column="1" Padding="2" Margin="1" BackgroundColor="Transparent" BorderColor="#a2006d">
                <StackLayout>
                    <Grid Margin="1">
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="*"/>
                            <ColumnDefinition Width="2*"/>
                        </Grid.ColumnDefinitions>
                        <Image Grid.Column="0" VerticalOptions="Center" 
                        Aspect="AspectFit" HeightRequest="40" HorizontalOptions="End">
                            <Image.Source>
                                <OnPlatform x:TypeArguments="ImageSource">
                                    <OnPlatform.Platforms>
                                        <On Platform="iOS" Value="Image-1"/>
                                        <On Platform="Android" Value="box"/>
                                    </OnPlatform.Platforms>
                                </OnPlatform>
                            </Image.Source>
                        </Image>
                        <Label Grid.Column="1"
                        Text="Location / Pack" FontSize="Medium" FontAttributes="Bold" HorizontalTextAlignment="Start" 
                           HorizontalOptions="Start" VerticalOptions="Start"
                           Padding="0" Margin="0"/>
                    </Grid>
                    <Entry x:Name="locationSearchEnt" Placeholder="Search" HorizontalOptions="FillAndExpand" FontSize="Medium" Margin="0"
                           TextChanged="LocationSearchEnt_Changed"/>
                    <Label x:Name="locationLoadingLbl" Text="Loading..." HorizontalOptions="Center" FontSize="Medium"/>
                    <ListView x:Name="locationListView" HasUnevenRows="True" BackgroundColor="Transparent" Margin="0,0,0,0">
                        <ListView.ItemTemplate>
                            <DataTemplate>
                                <ViewCell Tapped="LocationList_Tapped">
                                    <Frame BorderColor="#15C7C1"  Margin="2" CornerRadius="15"  Padding="5" HasShadow="False" BackgroundColor="{Binding Color}">
                                        <Grid>
                                            <Grid.RowDefinitions>
                                                <RowDefinition Height="auto"/>
                                                <RowDefinition Height="auto"/>
                                                <RowDefinition Height="auto"/>
                                            </Grid.RowDefinitions>
                                            <Grid.ColumnDefinitions>
                                                <ColumnDefinition Width="*"/>
                                                <ColumnDefinition Width="*"/>
                                            </Grid.ColumnDefinitions>
                                            <Label Grid.Row="0" Grid.Column="0" Grid.ColumnSpan="2" Text="{Binding Description}" FontAttributes="Bold" HorizontalOptions="Center"/>
                                            <Label Grid.Row="1" Grid.Column="0" Text="{Binding Warehouse}" LineBreakMode="WordWrap"/>
                                            <Label Grid.Row="1" Grid.Column="1" Text="{Binding JobNumber}" LineBreakMode="WordWrap"/>
                                            <Label Grid.Row="2" Grid.Column="0" Text="{Binding Area}" LineBreakMode="WordWrap"/>
                                            <Label Grid.Row="2" Grid.Column="1" Text="{Binding NumberOfHoldings}" LineBreakMode="WordWrap"/>
                                        </Grid>
                                    </Frame>
                                </ViewCell>
                            </DataTemplate>
                        </ListView.ItemTemplate>
                    </ListView>

                </StackLayout>
            </Frame>

            <Button Grid.Row="1" Grid.Column="0" Grid.ColumnSpan="2" 
                    Text="Confirm 1 Location" IsVisible="false" x:Name="multiLocationConfirmBtn" FontSize="Medium"
                    TextColor="White" BackgroundColor="#a2006d" CornerRadius="10" Clicked="MultiLocationConfirm_Clicked"
                        FontAttributes="Bold" HorizontalOptions="FillAndExpand" VerticalOptions="End" 
                    />
        </Grid>
    </timesheets:BasePage.PageContent>
</timesheets:BasePage>