prs/prs.mobile/comal.timesheets/Modules/Warehousing/Receivals/PurchaseOrderPage.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.PurchaseOrderPage"
    xmlns:material="clr-namespace:XF.Material.Forms.UI;assembly=XF.Material"
     Title="Purchase Orders">

    <timesheets:BasePage.PageContent>
        <StackLayout>
            <timesheets:FilterOptionsControl x:Name="filterOptionsControl"/>
            <Frame CornerRadius="10" Padding="3" BorderColor="Black" Margin="5, 2, 5, 2">
                <Grid HorizontalOptions="Center">
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="*"/>
                        <ColumnDefinition Width="5*"/>
                    </Grid.ColumnDefinitions>
                    <Image Grid.Column="0" 
                        Source="shoppingcart" Aspect="AspectFit" HeightRequest="40" HorizontalOptions="End"/>
                    <Label Grid.Column="1" 
                            x:Name="listCountLbl" Text="Number of items in list: " HorizontalOptions="Start" 
                           FontSize="Medium" FontAttributes="Bold" TextColor="#9f4576"
                           VerticalOptions="Center"/>
                </Grid>
            </Frame>
            <Entry x:Name="searchEnt" Placeholder="Search" TextChanged="SearchEnt_Changed"
                    Margin="5"/>
            <Label  Text="Select a Purchase Order to receive items" LineBreakMode ="WordWrap" 
                               HorizontalOptions="Center" VerticalOptions="Center"/>
            <ListView x:Name="purchaseOrderListView" HasUnevenRows="True">
                <ListView.ItemTemplate>
                    <DataTemplate>
                        <ViewCell Tapped="PurchaseOrder_Clicked">
                            <Frame BorderColor="#15C7C1" Margin="2" CornerRadius="10" Padding="3">
                                <Grid>
                                    <Grid.RowDefinitions>
                                        <RowDefinition Height="auto"/>
                                        <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" TextColor="#9f4576"
                                        HorizontalOptions="Start" VerticalOptions="Center"
                                        Text="{Binding PONumber}" FontAttributes="Bold" FontSize="Medium" Margin="2"/>

                                    <Label  Grid.Row="1" Grid.Column="0"
                                        HorizontalOptions="Start" VerticalOptions="Center"
                                        Text="{Binding SupplierName}" FontSize="Medium" Margin="2"/>

                                    <Label  Grid.Row="0" Grid.Column="1"
                                        HorizontalOptions="End" VerticalOptions="Center"
                                        Text="{Binding DueDate}" FontSize="Medium" Margin="2"/>

                                    <Label  Grid.Row="1" Grid.Column="1"
                                        HorizontalOptions="End" VerticalOptions="Center"
                                        Text="{Binding Status}" FontSize="Medium" Margin="2"/>

                                    <Label  Grid.Row="2" Grid.Column="0" Grid.ColumnSpan="2"
                                        HorizontalOptions="Start" VerticalOptions="Center"
                                        Text="{Binding Notes}" FontSize="Small" Margin="2"/>

                                    <Label  Grid.Row="3" Grid.Column="0" Grid.ColumnSpan="2" TextColor="#15C7C1"
                                        HorizontalOptions="Center" VerticalOptions="Center" FontAttributes="Bold"
                                        Text="{Binding NumberOfItems}" FontSize="Small" Margin="2, 10, 2, 2"/>

                                </Grid>

                            </Frame>
                        </ViewCell>
                    </DataTemplate>
                </ListView.ItemTemplate>
            </ListView>
        </StackLayout>
    </timesheets:BasePage.PageContent>
</timesheets:BasePage>