prs/prs.mobile.new/PRS.Mobile/Modules/StoreRequis/StoreRequiScannerPage.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:zxing="clr-namespace:ZXing.Net.Mobile.Forms;assembly=ZXing.Net.Mobile.Forms"
             xmlns:mobile="clr-namespace:InABox.Mobile;assembly=InABox.Mobile.Shared"
             x:Class="PRS.Mobile.StoreRequiScannerPage">
    <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="ExitBtn_Clicked"/>
            <Label Grid.Column="1"  Text="Add items" 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="SaveBtn_Clicked"/>
        </Grid>
    </NavigationPage.TitleView>

    <mobile:MobilePage.PageContent>
        <Grid Padding="0">
            <Grid.RowDefinitions>
                <RowDefinition Height="auto"/>
                <RowDefinition Height="2*"/>
                <RowDefinition Height="5*"/>
            </Grid.RowDefinitions>

            <Label Grid.Row="0" Text="Scan a barcode or add item manually" HorizontalOptions="Center" VerticalOptions="Center" HorizontalTextAlignment="Center"/>

            <Grid Grid.Row="1" x:Name="scannerGrid">
                <Grid.RowDefinitions>
                    <RowDefinition Height="*"/>
                    <RowDefinition Height="*"/>
                    <RowDefinition Height="*"/>
                    <RowDefinition Height="*"/>
                    <RowDefinition Height="*"/>
                    <RowDefinition Height="*"/>
                </Grid.RowDefinitions>
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="*"/>
                    <ColumnDefinition Width="*"/>
                    <ColumnDefinition Width="*"/>
                    <ColumnDefinition Width="*"/>
                    <ColumnDefinition Width="*"/>
                    <ColumnDefinition Width="*"/>
                </Grid.ColumnDefinitions>
                <Label Grid.Row="1" Grid.Column="0" x:Name="lblv1" IsVisible="false" Margin="0"
                    VerticalOptions="Center" Rotation="90" HorizontalOptions="End" HeightRequest="2" WidthRequest="60"
                       BackgroundColor="White"/>

                <Label Grid.Row="1" Grid.Column="1"  x:Name="lblh1" IsVisible="false" Margin="0"
                    VerticalOptions="Start"  HorizontalOptions="Start" HeightRequest="2" WidthRequest="60"
                       BackgroundColor="White"/>

                <Label Grid.Row="1" Grid.Column="5" x:Name="lblv2" IsVisible="false" Margin="0"
                    VerticalOptions="Center" Rotation="90" HorizontalOptions="Start" HeightRequest="2" WidthRequest="60"
                       BackgroundColor="White"/>

                <Label Grid.Row="1" Grid.Column="4"  x:Name="lblh2" IsVisible="false" Margin="0"
                    VerticalOptions="Start"  HorizontalOptions="Start" HeightRequest="2" WidthRequest="60"
                       BackgroundColor="White"/>

                <Label Grid.Row="4" Grid.Column="0" x:Name="lblv3" IsVisible="false" Margin="0"
                    VerticalOptions="End" Rotation="90" HorizontalOptions="End" HeightRequest="2" WidthRequest="60"
                       BackgroundColor="White"/>

                <Label Grid.Row="5" Grid.Column="1"  x:Name="lblh3" IsVisible="false" Margin="0"
                    VerticalOptions="Start"  HorizontalOptions="Start" HeightRequest="2" WidthRequest="60"
                       BackgroundColor="White"/>
                <Label Grid.Row="4" Grid.Column="5" x:Name="lblv4" IsVisible="false" Margin="0"
                    VerticalOptions="End" Rotation="90" HorizontalOptions="Start" HeightRequest="2" WidthRequest="60"
                       BackgroundColor="White"/>

                <Label Grid.Row="5" Grid.Column="4"  x:Name="lblh4" IsVisible="false" Margin="0"
                    VerticalOptions="Start"  HorizontalOptions="Start" HeightRequest="1" WidthRequest="60"
                      BackgroundColor="White"/>

                <zxing:ZXingScannerView  Grid.Row="0" Grid.Column="0" Grid.RowSpan="6" Grid.ColumnSpan="6"
                    x:Name="_scanView"  VerticalOptions="FillAndExpand"/>
                <zxing:ZXingDefaultOverlay  Grid.Row="0" Grid.Column="0" Grid.RowSpan="6" Grid.ColumnSpan="6"
                                            Opacity="0"
                    x:Name="scannerOverlay" VerticalOptions="FillAndExpand"/>
            </Grid>

            <Label Grid.Row="1"
                x:Name="loadingLbl" Text="Loading Holdings, Please wait.." VerticalOptions="Center" 
                           HorizontalTextAlignment="Center"  HorizontalOptions="CenterAndExpand"
                           FontAttributes="Bold" FontSize="Medium" BackgroundColor="#9f4576" TextColor="White"/>

            <Frame Grid.Row="2" Padding="0">
                <StackLayout Padding="0">

                    <Button Margin="2" TextColor="White" BackgroundColor="#15C7C1" CornerRadius="10" IsEnabled="False" x:Name="addBtn"
                        Text="Manually add an item" FontAttributes="Bold" HorizontalOptions="FillAndExpand" VerticalOptions="Center" Padding="6,3,6,3" 
                                Clicked="AddItem_Clicked"
                        />

                    <Label x:Name="countLbl" HorizontalOptions="Center" VerticalOptions="Center" IsVisible="false"/>

                    <ListView x:Name="requiItemListView" HasUnevenRows="True" BackgroundColor="Transparent" Grid.Row="1"
                                Margin="0,5,0,0">
                        <ListView.ItemTemplate>
                            <DataTemplate>
                                <ViewCell Tapped="RequiItem_Tapped">
                                    <Frame Padding="3" BorderColor="{Binding BorderColor}" Margin="5" CornerRadius="10" HasShadow="False" BackgroundColor="{Binding Colour}">
                                        <Grid>
                                            <Grid.RowDefinitions>
                                                <RowDefinition Height="auto"/>
                                                <RowDefinition Height="auto"/>
                                                <RowDefinition Height="auto"/>
                                            </Grid.RowDefinitions>
                                            <Grid.ColumnDefinitions>
                                                <ColumnDefinition Width="60"/>
                                                <!--col 0-->
                                                <ColumnDefinition Width="60"/>
                                                <!--col 1-->
                                                <ColumnDefinition Width="*"/>
                                                <!--col 2-->
                                                <ColumnDefinition Width="60"/>
                                                <!--col 3-->
                                            </Grid.ColumnDefinitions>

                                            <Label Grid.Row="0" Grid.Column="0" Grid.ColumnSpan="4" 
                                                   TextColor="#9f4576" LineBreakMode="WordWrap" Margin="4" VerticalOptions="Fill"
                                                   Text="{Binding Summary}" IsVisible="{Binding IsNotes}"/>

                                            <!--col 0-->
                                            <Label Grid.Row="0" Grid.RowSpan="2" Grid.Column="0" IsVisible="{Binding IsNotNotes}"
                                             Text="-" HorizontalOptions="FillAndExpand" VerticalTextAlignment="Center" HorizontalTextAlignment="Center"
                                            FontSize="Medium" TextColor="White" BackgroundColor="#15C7C1" FontAttributes="Bold" VerticalOptions="FillAndExpand" Margin="5,0,0,0">
                                                <Label.GestureRecognizers>
                                                    <TapGestureRecognizer Tapped="ReduceQtyBtn_Clicked" CommandParameter="{Binding .}"/>
                                                </Label.GestureRecognizers>
                                            </Label>

                                            <!--col 1-->
                                            <Entry Grid.Row="0" Grid.RowSpan="2" Grid.Column="1" IsVisible="{Binding IsNotNotes}"
                                            x:Name="qtyLbl" Text="{Binding Quantity}" Keyboard="Numeric" TextColor="DimGray" TextChanged="Qty_Changed"
                                            FontSize="Large" FontAttributes="Bold" HorizontalTextAlignment="Center" VerticalTextAlignment="Center" VerticalOptions="Center"/>

                                            <!--col 2-->
                                            <Label Grid.Row="0" Grid.Column="2" IsVisible="{Binding IsNotNotes}"
                                             x:Name="productLbl" Text="{Binding ProductName}"
                                             FontSize="Medium" FontAttributes="Bold" HorizontalTextAlignment="Start" VerticalTextAlignment="Center" VerticalOptions="Center"/>

                                            <!--row 1-->
                                            <Label Grid.Row="1" Grid.Column="2" IsVisible="{Binding IsNotNotes}"
                                             x:Name="locationLbl" Text="{Binding LocationName}" TextColor="#9f4576"
                                             FontSize="Medium" FontAttributes="Bold" HorizontalTextAlignment="Start" VerticalTextAlignment="Center" VerticalOptions="Center"/>

                                            <!--col 3-->
                                            <Label Grid.Row="0" Grid.RowSpan="2" Grid.Column="3" IsVisible="{Binding IsNotNotes}"
                                             Text="+" HorizontalOptions="FillAndExpand" VerticalTextAlignment="Center" HorizontalTextAlignment="Center"
                                            FontSize="Medium" TextColor="White" BackgroundColor="#15C7C1" FontAttributes="Bold" VerticalOptions="FillAndExpand" Margin="0,0,5,0">
                                                <Label.GestureRecognizers>
                                                    <TapGestureRecognizer Tapped="IncreaseQtyBtn_Clicked" CommandParameter="{Binding .}"/>
                                                </Label.GestureRecognizers>
                                            </Label>

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