prs/prs.mobile.new/PRS.Mobile/Modules/StoreRequis/StoreRequiList.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:mobile="clr-namespace:InABox.Mobile;assembly=InABox.Mobile.Shared"
             x:Class="PRS.Mobile.StoreRequiList"
             Title="Store Requis">
    <mobile:MobilePage.PageContent>
        <StackLayout>

            <!--Take stock now-->
            <Frame BorderColor="#15C7C1"  Margin="7" CornerRadius="15"  Padding="5" HasShadow="False">
                <Frame.GestureRecognizers>
                    <TapGestureRecognizer Tapped="TakeStockNow_Tapped"/>
                </Frame.GestureRecognizers>
                <Grid >
                    <Grid.RowDefinitions>
                        <RowDefinition Height="50"/>
                        <RowDefinition Height="50"/>
                    </Grid.RowDefinitions>
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="auto"/>
                        <ColumnDefinition Width="*"/>
                    </Grid.ColumnDefinitions>

                    <ImageButton Grid.Row="0" Grid.RowSpan="2" Grid.Column="0" CornerRadius="10" x:Name="takerequinow"
                                      Aspect="AspectFit" Clicked="TakeStockNow_Tapped" Margin="10, 5, 10, 5"
                     HorizontalOptions="Start" VerticalOptions="Center" Source="takerequinow"/>

                    <Label Grid.Row="0" Grid.Column="1" VerticalOptions="End" FontAttributes="Bold" FontSize="Medium"
                               Text="Take Stock Now"/>

                    <Label Grid.Row="1" Grid.Column="1" VerticalOptions="Start" 
                               Text="Sign out items from stores"/>

                </Grid>
            </Frame>

            <!--New request-->
            <Frame BorderColor="#15C7C1"  Margin="5" CornerRadius="15"  Padding="5" HasShadow="False">
                <Frame.GestureRecognizers>
                    <TapGestureRecognizer Tapped="NewRequiRequest_Tapped"/>
                </Frame.GestureRecognizers>
                <Grid >
                    <Grid.RowDefinitions>
                        <RowDefinition Height="50"/>
                        <RowDefinition Height="50"/>
                    </Grid.RowDefinitions>
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="auto"/>
                        <ColumnDefinition Width="*"/>
                    </Grid.ColumnDefinitions>

                    <ImageButton Grid.Row="0" Grid.RowSpan="2" Grid.Column="0" CornerRadius="10" Margin="10, 5, 10, 5"
                     HorizontalOptions="Start" VerticalOptions="Center" Source="newrequirequest" Aspect="AspectFit" Clicked="NewRequiRequest_Tapped"
                        x:Name="imageBtn0" />

                    <Label Grid.Row="0" Grid.Column="1" VerticalOptions="End" FontAttributes="Bold" FontSize="Medium"
                               Text="New Requi Request"
                       x:Name="titleLbl0"/>

                    <Label Grid.Row="1" Grid.Column="1" VerticalOptions="Start"
                               Text="Create a requi to be filled"
                     />

                </Grid>
            </Frame>

            <!--Existing requis-->
            <Frame BorderColor="#9f4576"  Margin="5" CornerRadius="15"  Padding="5" HasShadow="False">
                <StackLayout>
                    <Grid HorizontalOptions="Center">
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="auto"/>
                            <ColumnDefinition Width="*"/>
                        </Grid.ColumnDefinitions>
                        <Image Grid.Column="0" x:Name="storereqimg"
                               Aspect="AspectFit" HeightRequest="60" Source="storerequis" HorizontalOptions="End"
                               VerticalOptions="Center" Margin="2, 6, 0, 2"/>
                        <Label Grid.Column="1" Margin="1, 2, 2, 2"
                            Text="List of Unfilled Requis" HorizontalOptions="Start" HorizontalTextAlignment="Center" VerticalOptions="Center" 
                           FontAttributes="Bold" FontSize="Large" x:Name="listLbl" TextColor="#9f4576"/>
                    </Grid>
                    <Label Text="Tap to open and fill" HorizontalOptions="Center" HorizontalTextAlignment="Center" VerticalOptions="Center" 
                           />

                    <ListView x:Name="requisListView" HasUnevenRows="True" BackgroundColor="Transparent" Grid.Row="1"
                  Margin="0,5,0,0">
                        <ListView.ItemTemplate>
                            <DataTemplate>
                                <ViewCell Tapped="Requi_Clicked">
                                    <Frame Padding="5" BorderColor="#15C7C1" Margin="5" CornerRadius="10" HasShadow="False">
                                        <Grid>
                                            <Grid.RowDefinitions>
                                                <RowDefinition Height="auto"/>
                                                <RowDefinition Height="auto"/>
                                                <RowDefinition Height="auto"/>
                                            </Grid.RowDefinitions>
                                            <Grid.ColumnDefinitions>
                                                <ColumnDefinition Width="*"/>
                                                <ColumnDefinition Width="auto"/>
                                            </Grid.ColumnDefinitions>

                                            <!--row 0-->
                                            <Label Grid.Row="0" Grid.Column="0" TextColor="#9f4576"
                                       Text="{Binding Number}" FontSize="Medium" FontAttributes="Bold" VerticalTextAlignment="Center"/>
                                            <Label Grid.Row="0" Grid.Column="1" 
                                       Text="{Binding EstimatedWarehouseArrival}" FontSize="Medium" FontAttributes="Bold" VerticalTextAlignment="Center" HorizontalTextAlignment="End"/>

                                            <!--row 1-->
                                            <Label Grid.Row="1" Grid.Column="0" 
                                       Text="{Binding Contact}" FontSize="Medium" FontAttributes="Bold" VerticalTextAlignment="Center"/>
                                            <Label Grid.Row="1" Grid.Column="1" 
                                       Text="{Binding Job}" FontSize="Small" FontAttributes="Bold" VerticalTextAlignment="Center" HorizontalTextAlignment="End"/>

                                            <!--row 2-->
                                            <Label Grid.Row="2" Grid.Column="0" Grid.ColumnSpan="2"
                                       Text="{Binding Request}" FontSize="Small" VerticalTextAlignment="Center" LineBreakMode="WordWrap"/>

                                        </Grid>
                                    </Frame>
                                </ViewCell>
                            </DataTemplate>
                        </ListView.ItemTemplate>
                    </ListView>
                </StackLayout>
            </Frame>
        </StackLayout>
    </mobile:MobilePage.PageContent>
</mobile:MobilePage>