prs/prs.mobile.new/PRS.Mobile/Modules/Warehousing/Receivals/ConsignmentCompletionPage.xaml

<?xml version="1.0" encoding="utf-8" ?>
<mobile:MobilePage xmlns:local="clr-namespace:PRS.Mobile" xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" xmlns:material="clr-namespace:XF.Material.Forms.UI;assembly=XF.Material"
             xmlns:mobile="clr-namespace:InABox.Mobile;assembly=InABox.Mobile.Shared"
             x:Class="PRS.Mobile.ConsignmentCompletionPage">

    <mobile:MobilePage.PrimaryMenu>
        <ImageButton Source="save" Clicked="ConfirmBtn_Clicked"/>
    </mobile:MobilePage.PrimaryMenu>
    
    <mobile:MobilePage.PageContent>
        <ScrollView>
            <StackLayout Margin="10">
                
                <!--Row 0 Title-->
                <Frame HasShadow="False" BorderColor="Gray" Padding="10" CornerRadius="10">
                    <material:MaterialLabel x:Name="titleLbl" Text="" TypeScale="H6" HorizontalTextAlignment="Center" Margin="5"  HorizontalOptions="Center"/>
                </Frame>

                <!--Row 1 Confirm items-->
                <material:MaterialLabel Text="Line Items on Consignment" TypeScale="H6" HorizontalTextAlignment="Start" Margin="5"/>

                <Frame HasShadow="False" Padding="10" BorderColor="Gray" CornerRadius="10">
                    <Grid>
                        <Grid.RowDefinitions>
                            <RowDefinition Height="auto"/>
                            <RowDefinition Height="auto"/>
                            <RowDefinition Height="auto"/>
                            <RowDefinition Height="auto"/>
                            <RowDefinition Height="auto"/>
                        </Grid.RowDefinitions>
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="4*"/>
                            <ColumnDefinition Width="*"/>
                        </Grid.ColumnDefinitions>

                        <Label Grid.Row="0" Grid.Column="0" Text="Total Received: " 
                               FontSize="Medium" FontAttributes="Bold"/>
                        <Label Grid.Row="0" Grid.Column="1" x:Name="totalReceivedNumberLbl" HorizontalOptions="Center" VerticalOptions="Center"
                               FontSize="Medium" FontAttributes="Bold"/>

                    </Grid>
                </Frame>

                <!--Row 2 Photos-->
                <material:MaterialLabel x:Name="photosLbl" Text="Photos" TypeScale="H6" HorizontalTextAlignment="Start" Margin="5"/>

                <Frame HasShadow="False" Padding="10" BorderColor="Red" x:Name="photosFrame" CornerRadius="10">
                    <StackLayout Orientation="Vertical">
                        <Label Text="Tap on photo to view / delete" HorizontalOptions="Center" VerticalOptions="Center"/>
                        <ScrollView Orientation="Horizontal" x:Name="ImageScroller" IsVisible="false">
                            <StackLayout x:Name="images" Orientation="Horizontal" HeightRequest="150" HorizontalOptions="StartAndExpand" VerticalOptions="Fill"/>
                        </ScrollView>
                        <Grid>
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="*"/>
                                <ColumnDefinition Width="*"/>
                            </Grid.ColumnDefinitions>
                            <Button x:Name="TakePhoto" Grid.Column="0" Text="Camera" Clicked="TakePhoto_Clicked" Padding="3" FontSize="Medium" TextColor="White" BackgroundColor="#15C7C1" FontAttributes="Bold"/>
                            <Button x:Name="ChooseImage" Grid.Column="1" Text="Library" Clicked="ChooseImage_Clicked" Padding="3" FontSize="Medium" TextColor="White" BackgroundColor="#15C7C1" FontAttributes="Bold"/>
                        </Grid>
                    </StackLayout>
                </Frame>

                <!--Row 3 Description -->
                <material:MaterialLabel Text="Description (type to add more issues):" TypeScale="H6" HorizontalTextAlignment="Start" Margin="5"/>

                <Frame HasShadow="False" Padding="10" BorderColor="Gray" CornerRadius="10">
                    <Editor x:Name="descriptionLbl" AutoSize="TextChanges" VerticalOptions="Center" FontSize="Medium"/>
                </Frame>
            </StackLayout>
        </ScrollView>
    </mobile:MobilePage.PageContent>
</mobile:MobilePage>