prs/prs.mobile/comal.timesheets/Modules/Warehousing/Receivals/Receivals.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.Receivals"
             Title="Receivals">
    <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_Clicked"/>
            <Label Grid.Column="1"  Text="Receivals" VerticalOptions="Center" x:Name="titleLbl"
                   HorizontalOptions="Center" HorizontalTextAlignment="Center" TextColor="White" FontSize="Medium" FontAttributes="Bold"/>
            <Button Grid.Column="2" HorizontalOptions="End" VerticalOptions="Center" TextColor="White" BackgroundColor="Transparent" Margin="0" Padding="0"
                    IsVisible="false" x:Name="saveBtn"
                Text="Save" Clicked="Save_Clicked"/>
        </Grid>
    </NavigationPage.TitleView>

    <timesheets:BasePage.PageContent>
        <Grid Padding="2">
            <Grid.RowDefinitions>
                <RowDefinition Height="auto"/>
                <RowDefinition Height="*"/>
            </Grid.RowDefinitions>
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="*"/>
                <ColumnDefinition Width="*"/>
            </Grid.ColumnDefinitions>

            <!--Top frame-->
            <Frame Grid.Row="0" Grid.Column="0" Grid.ColumnSpan="2" BorderColor="Black" CornerRadius="5">
                <Grid HorizontalOptions="Center" Margin="1">
                    <Grid.RowDefinitions>
                        <RowDefinition Height="auto"/>
                    </Grid.RowDefinitions>
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="*"/>
                        <ColumnDefinition Width="4*"/>
                    </Grid.ColumnDefinitions>
                    <Image Grid.Column="0"
                        Source="receivals.png" Aspect="AspectFit" HeightRequest="40" HorizontalOptions="End"/>
                    <Label Grid.Column="1" x:Name="consignmentNumberLbl" Text="Consignment No: Receive an item to create a consignment"
                             FontSize="Small" FontAttributes="Bold" HorizontalTextAlignment="Start" LineBreakMode="WordWrap"
                           HorizontalOptions="Start" VerticalOptions="Center"
                           Padding="0" Margin="0"/>
                </Grid>
            </Frame>

            <!--Left Column-->
            <Grid Grid.Column="0" Grid.Row="1">
                <Grid.RowDefinitions>
                    <RowDefinition Height="auto"/>
                    <RowDefinition Height="*"/>
                </Grid.RowDefinitions>

                <!--Top left frame-->
                <Frame Grid.Row="0" BorderColor="Black" CornerRadius="5">
                    <StackLayout>
                        <Grid HorizontalOptions="Center" Margin="1">
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="*"/>
                                <ColumnDefinition Width="2*"/>
                            </Grid.ColumnDefinitions>
                            <Image Grid.Column="0"
                        Source="shoppingcart" Aspect="AspectFit" HeightRequest="40" HorizontalOptions="End"/>
                            <Label Grid.Column="1"  x:Name="poNumberLbl" TextColor="#15C7C1"
                             FontSize="Medium" FontAttributes="Bold" HorizontalTextAlignment="Start" 
                           HorizontalOptions="Start" VerticalOptions="Center"
                           Padding="0" Margin="0"/>
                        </Grid>

                        <Label x:Name="poItemCountLbl" HorizontalOptions="Center" HorizontalTextAlignment="Center" VerticalOptions="Center"/>

                    </StackLayout>
                </Frame>

                <!--Bottom left frame-->
                <StackLayout Grid.Row="1">
                    <Entry x:Name="searchEnt" VerticalOptions="Center" HorizontalOptions="FillAndExpand" Placeholder="Search items" TextChanged="SearchEnt_Changed"/>
                    <ListView x:Name="poItemListView" HasUnevenRows="True">
                        <ListView.ItemTemplate>
                            <DataTemplate>
                                <ViewCell Tapped="ConsignmentList_Tapped">
                                    <Frame Padding="3" BorderColor="#15C7C1" Margin="2" CornerRadius="10"
                                   HasShadow="False">
                                        <Grid RowSpacing="0">
                                            <Grid.RowDefinitions>
                                                <RowDefinition Height="auto"/>
                                                <RowDefinition Height="auto"/>
                                                <RowDefinition Height="auto"/>
                                                <RowDefinition Height="auto"/>
                                                <RowDefinition Height="auto"/>
                                                <RowDefinition Height="{Binding LastRowHeight}"/>
                                            </Grid.RowDefinitions>

                                            <!--row 0-->
                                            <Label Grid.Row="0" VerticalOptions="Center"  HorizontalOptions="Start"
                                        Text="{Binding Description}" LineBreakMode="WordWrap" FontAttributes="Bold"/>

                                            <!--row 1-->
                                            <Label Grid.Row="1" VerticalOptions="Center"  HorizontalOptions="Start"
                                        Text="{Binding StyleDescription}" LineBreakMode="WordWrap" />

                                            <!--row 2-->
                                            <Label Grid.Row="2" VerticalOptions="Center" HorizontalOptions="Start" 
                                        Text="{Binding JobName}"/>

                                            <!--row 3-->
                                            <Grid Grid.Row="3">
                                                <Grid.ColumnDefinitions>
                                                    <ColumnDefinition Width="2*"/>
                                                    <ColumnDefinition Width="*"/>
                                                </Grid.ColumnDefinitions>
                                                <Label Grid.Column="0" VerticalOptions="Center" HorizontalOptions="Start"
                                        Text="Expected Qty:" FontAttributes="Bold"/>

                                                <Label Grid.Column="1" VerticalOptions="Center" HorizontalOptions="Center"
                                        Text="{Binding ExpectedQty}" FontAttributes="Bold"/>
                                            </Grid>

                                            <Label Grid.Row="4" IsVisible="{Binding Nonstock}" TextColor="#9f4576" LineBreakMode="WordWrap" HorizontalTextAlignment="Center"
                                                   HorizontalOptions="Start" VerticalOptions="Center" FontAttributes="Bold" BackgroundColor="LightGray" Margin="2, 2, 2, 4"
                                                   Text="Non-stock item! No receiving location required. Just tap to confirm quantity"/>

                                            <!--row 4-->
                                            <Image Grid.Row="5" IsVisible="{Binding ImageVisible}" Source="{Binding ImageSource}"/>

                                        </Grid>
                                    </Frame>
                                </ViewCell>
                            </DataTemplate>
                        </ListView.ItemTemplate>
                    </ListView>
                </StackLayout>
            </Grid>

            <!--Right Column-->
            <Grid Grid.Column="1" Grid.Row="1">
                <Grid.RowDefinitions>
                    <RowDefinition Height="auto"/>
                    <RowDefinition Height="*"/>
                </Grid.RowDefinitions>

                <!--Top right frame-->
                <Frame Grid.Row="0" BorderColor="Black" CornerRadius="5">
                    <StackLayout>
                        <Grid HorizontalOptions="Center" Margin="1">
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="*"/>
                                <ColumnDefinition Width="2*"/>
                            </Grid.ColumnDefinitions>
                            <Image Grid.Column="0"
                        Source="box" 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" TextColor="#a2006d" Text="Receiving Locations"
                             FontSize="Medium" FontAttributes="Bold" HorizontalTextAlignment="Start" 
                           HorizontalOptions="Start" VerticalOptions="Start"
                           Padding="0" Margin="0"/>
                        </Grid>

                        <Button Margin="2" TextColor="White" BackgroundColor="#9f4576"  CornerRadius="10"
                        Text="New / Search" FontAttributes="Bold" HorizontalOptions="Center" VerticalOptions="Center" Padding="6,3,6,3" 
                        x:Name="chooseReceivingLocationBtn" Clicked="ChooseReceivingLocationBtn_Clicked"/>
                    </StackLayout>

                </Frame>

                <!--Bottom right list-->
                <ScrollView Grid.Row="1" VerticalOptions="FillAndExpand">
                    <StackLayout x:Name="locationsStackLayout">
                    </StackLayout>
                </ScrollView>

            </Grid>
        </Grid>
    </timesheets:BasePage.PageContent>
</timesheets:BasePage>