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"
             xmlns:views="http://xamarin.com/schemas/2020/toolkit"
             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="5" RowSpacing="5">
            <Grid.RowDefinitions>
                <RowDefinition Height="3*"/>
                <RowDefinition Height="5*"/>
            </Grid.RowDefinitions>
            
            <mobile:MobileCard Padding="0" IsClippedToBounds="True">

                <Grid x:Name="scannerGrid">
                    <Grid.RowDefinitions>
                        <RowDefinition Height="*"/>
                        <RowDefinition Height="21"/>
                        <RowDefinition Height="4*"/>
                        <RowDefinition Height="21"/>
                        <RowDefinition Height="*"/>
                    </Grid.RowDefinitions>
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="*"/>
                        <ColumnDefinition Width="21"/>
                        <ColumnDefinition Width="4*"/>
                        <ColumnDefinition Width="21"/>
                        <ColumnDefinition Width="*"/>
                    </Grid.ColumnDefinitions>
                    
                    <zxing:ZXingScannerView  
                        Grid.Row="0" 
                        Grid.Column="0" 
                        Grid.RowSpan="5" 
                        Grid.ColumnSpan="5" 
                        x:Name="_scanView" 
                        Background="Gray"
                        OnScanResult="ScanView_OnScanResult"/>
                    
                    <Polyline Points="20,00 00,00 00,20" Grid.Row="1" Grid.Column="1" x:Name="topleft" Stroke="Red" StrokeThickness="2"/>
                    <Polyline Points="00,00 20,00 20,20" Grid.Row="1" Grid.Column="3" x:Name="topright" Stroke="Red"  StrokeThickness="2"/>
                    <Polyline Points="20,00 20,20 00,20" Grid.Row="3" Grid.Column="3" x:Name="bottomright" Stroke="Red"  StrokeThickness="2"/>
                    <Polyline Points="20,20 00,20 00,00" Grid.Row="3" Grid.Column="1" x:Name="bottomleft" Stroke="Red"  StrokeThickness="2"/>
                    
                    <Label 
                        Text="Scan Barcode" 
                        TextColor="White" 
                        BackgroundColor="Transparent" 
                        Grid.Row="4" 
                        Grid.Column="0" 
                        Grid.ColumnSpan="5" 
                        HorizontalTextAlignment="Center" 
                        VerticalTextAlignment="Center"/>
                </Grid>
            </mobile:MobileCard>
            
            <views:DockLayout Grid.Row="1">
                
                <views:DockLayout Dock="Bottom">
                    
                    <Button 
                        Margin="2" 
                        TextColor="White" 
                        BackgroundColor="#15C7C1" 
                        CornerRadius="10" 
                        IsEnabled="False" 
                        x:Name="addBtn"
                        Text="Add" 
                        FontAttributes="Bold" 
                        HorizontalOptions="FillAndExpand" 
                        VerticalOptions="Center" 
                        Padding="6,3,6,3" 
                        Clicked="AddItem_Clicked"
                        views:DockLayout.Dock="Left"
                    />
                    
                    <Label 
                        x:Name="countLbl" 
                        HorizontalOptions="Center" 
                        VerticalOptions="Center" 
                        IsVisible="false"
                        views:DockLayout.Dock="Right"/>
                </views:DockLayout>
                

                <ListView 
                    x:Name="requiItemListView" 
                    HasUnevenRows="True" 
                    BackgroundColor="Transparent" 
                    views:DockLayout.Dock="Top"
                    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>
            </views:DockLayout>
        </Grid>
    </mobile:MobilePage.PageContent>
</mobile:MobilePage>