prs/prs.mobile/comal.timesheets/Modules/Warehousing/Transfer/RecTrans.xaml

<?xml version="1.0" encoding="utf-8" ?>
<timesheets:BasePage xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             x:Class="comal.timesheets.RecTrans"
             xmlns:material="clr-namespace:XF.Material.Forms.UI;assembly=XF.Material" xmlns:extensions="http://xamarin.com/schemas/2020/toolkit"
             xmlns:timesheets="clr-namespace:comal.timesheets"
             material:MaterialNavigationPage.AppBarColor="#a2006d"
             Title="Transfer Stock"
             >
    
    <timesheets:BasePage.ToolbarItems>
        <ToolbarItem x:Name="Save" Order="Primary" Priority="0" Clicked="SaveBatch_Clicked" IconImageSource="floppydisk.png"/>
    </timesheets:BasePage.ToolbarItems>
    
    <timesheets:BasePage.Content>
        <Grid Padding="2">
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="*"/>
                <ColumnDefinition Width="*"/>
            </Grid.ColumnDefinitions>

            <!--Left Column-->
            <Grid Grid.Column="0">
                <Grid.RowDefinitions>
                    <RowDefinition Height="auto"/>
                    <RowDefinition Height="auto"/>
                </Grid.RowDefinitions>

                <!--Top Left Issuing-->
                <Frame x:Name="issuingFrame"
                Grid.Row="0" Padding="0" BackgroundColor="WhiteSmoke" BorderColor="Black" CornerRadius="10">
                    <Grid Padding="0">
                        <Grid.RowDefinitions>
                            <RowDefinition Height="40"/>
                            <RowDefinition Height="60"/>
                            <RowDefinition Height="40"/>
                        </Grid.RowDefinitions>

                        <!--Top row of frame-->
                        <Label x:Name="issuingLocationLbl" Text="Issuing Location" VerticalOptions="Center" FontSize="Medium" TextColor="#008b8b"
                        Grid.Row="0" Margin="2"  FontAttributes="Bold" HorizontalOptions="Center"/>

                        <!--Bottom row of frame-->
                        <Label Grid.Row="2" Margin="2"                        
                        x:Name="issuingLocationCountLbl" Text="Items: " HorizontalOptions="Center" VerticalOptions="Start"/>
                    </Grid>
                </Frame>

                <extensions:Expander Grid.Row="0" x:Name="issuingExpander" VerticalOptions="Center" HorizontalOptions="FillAndExpand"
                                          extensions:CornerRadiusEffect.CornerRadius="10" Tapped="IssuingExpander_Tapped"
                                  BackgroundColor="#FFF5F5F5" Margin="3">
                    <extensions:Expander.Header>
                        <Frame CornerRadius="10" BackgroundColor="#15C7C1" BorderColor="Transparent" HorizontalOptions="Center">
                            <Label Text="Choose" TextColor="White" BackgroundColor="Transparent">
                            </Label>
                        </Frame>
                    </extensions:Expander.Header>

                    <StackLayout>
                        <Button Margin="2, 6, 2, 2" TextColor="White" BackgroundColor="#15C7C1" CornerRadius="10"
                        Text="Search" FontAttributes="Bold" HorizontalOptions="Center" VerticalOptions="Center" Padding="6,3,6,3" 
                         Clicked="ChooseIssuingLocationBtn_Clicked"  x:Name="chooseIssuingLocationBtn"/>

                        <Button Margin="2" TextColor="White" BackgroundColor="#15C7C1"  CornerRadius="10" Clicked="IssuingFavourite_Clicked"
                        Text="Favourite 1" FontAttributes="Bold" HorizontalOptions="Center" VerticalOptions="Center" Padding="6,3,6,3" 
                                x:Name="issuingFavouriteBtn1"
                        />

                        <Button Margin="2" TextColor="White" BackgroundColor="#15C7C1"  CornerRadius="10" Clicked="IssuingFavourite_Clicked"
                        Text="Favourite 2" FontAttributes="Bold" HorizontalOptions="Center" VerticalOptions="Center" Padding="6,3,6,3" 
                                x:Name="issuingFavouriteBtn2"
                         />

                        <Button Margin="2" TextColor="White" BackgroundColor="#15C7C1" CornerRadius="10" Clicked="IssuingFavourite_Clicked"
                        Text="Favourite 3" FontAttributes="Bold" HorizontalOptions="Center" VerticalOptions="Center" Padding="6,3,6,3" 
                                x:Name="issuingFavouriteBtn3"
                        />
                    </StackLayout>
                </extensions:Expander>

                <!--Left List-->
                <Frame Grid.Row="1" Padding="0" BackgroundColor="WhiteSmoke">
                    <StackLayout>
                        <Entry x:Name="searchEnt" Placeholder="Search" HorizontalTextAlignment="Center" TextChanged="SearchEnt_Changed"/>
                        <ListView x:Name="issuingListView" HasUnevenRows="True">
                            <ListView.ItemTemplate>
                                <DataTemplate>
                                    <ViewCell Tapped="IssuingListView_Tapped">
                                        <Frame BorderColor="#15C7C1"  Margin="2" CornerRadius="15"  Padding="5" HasShadow="False">
                                            <Grid>
                                                <Grid.RowDefinitions>
                                                    <RowDefinition Height="auto"/>
                                                    <RowDefinition Height="auto"/>
                                                    <RowDefinition Height="auto"/>
                                                    <RowDefinition Height="auto"/>
                                                    <RowDefinition Height="auto"/>
                                                    <RowDefinition Height="auto"/>
                                                    <RowDefinition Height="{Binding LastRowHeight}"/>
                                                </Grid.RowDefinitions>
                                                <Label Grid.Row="0" Text="{Binding Code}" FontAttributes="Bold" HorizontalOptions="Center"/>
                                                <Label Grid.Row="1" Text="{Binding Name}"/>
                                                <Label Grid.Row="2" Text="{Binding DisplayJob}"/>
                                                <Label Grid.Row="3" Text="{Binding DisplayFinish}"/>
                                                <Label Grid.Row="4" Text="{Binding DisplaySize}"/>
                                                <Label Grid.Row="5" Text="{Binding DisplayUnits}"/>
                                                <Image Grid.Row="6" IsVisible="{Binding ImageVisible}" Source="{Binding ImageSource}"/>
                                            </Grid>
                                        </Frame>
                                    </ViewCell>
                                </DataTemplate>
                            </ListView.ItemTemplate>
                        </ListView>
                    </StackLayout>
                </Frame>
            </Grid>

            <!--Right Column-->
            <Grid Grid.Column="1">
                <Grid.RowDefinitions>
                    <RowDefinition Height="auto"/>
                    <RowDefinition Height="auto"/>
                </Grid.RowDefinitions>

                <!--Top Right Receiving-->
                <Frame Grid.Row="0" x:Name="receivingFrame"
                   Padding="0" BackgroundColor="WhiteSmoke" BorderColor="Black" CornerRadius="10">
                    <Grid Padding="0">
                        <Grid.RowDefinitions>
                            <RowDefinition Height="40"/>
                            <RowDefinition Height="60"/>
                            <RowDefinition Height="40"/>
                        </Grid.RowDefinitions>

                        <!--Top row of frame-->
                        <Label x:Name="receivingLocationLbl" Text="Receiving Location" VerticalOptions="Center" FontSize="Medium" TextColor="PaleVioletRed"
                        Grid.Row="0"  Margin="2"  FontAttributes="Bold" HorizontalOptions="Center"/>

                        <!--Bottom row of frame-->
                        <Label Grid.Row="2" Margin="2" 
                        x:Name="receivingCountLbl" Text="Items in batch: " HorizontalOptions="Center" VerticalOptions="Start"/>

                    </Grid>
                </Frame>

                <extensions:Expander Grid.Row="0"  x:Name="receivingExpander" VerticalOptions="Center" HorizontalOptions="FillAndExpand"
                                          extensions:CornerRadiusEffect.CornerRadius="10" Tapped="ReceivingExpander_Tapped" 
                              BackgroundColor="#FFF5F5F5" Margin="3">
                    <extensions:Expander.Header>
                        <Frame CornerRadius="10" BackgroundColor="#9f4576" BorderColor="Transparent" HorizontalOptions="Center">
                            <Label Text="Choose" TextColor="White" BackgroundColor="Transparent">
                            </Label>
                        </Frame>
                    </extensions:Expander.Header>

                    <StackLayout>
                        <Button Margin="2, 6, 2, 2" TextColor="White" BackgroundColor="#9f4576"  CornerRadius="10"
                        Text="New / Search" FontAttributes="Bold" HorizontalOptions="Center" VerticalOptions="Center" Padding="6,3,6,3" 
                        x:Name="chooseReceivingLocationBtn" Clicked="ChooseReceivingLocationBtn_Clicked"/>

                        <Button Margin="2" TextColor="White" BackgroundColor="#9f4576"  CornerRadius="10" x:Name="chooseJobBtn"
                        Text="Job" FontAttributes="Bold" HorizontalOptions="Center" VerticalOptions="Center" Padding="6,3,6,3" Clicked="JobBtn_Clicked"
                        />

                        <Button Margin="2" TextColor="White" BackgroundColor="#9f4576"  CornerRadius="10" x:Name="receivingFavouriteBtn1"
                        Text="Favourite 1" FontAttributes="Bold" HorizontalOptions="Center" VerticalOptions="Center" Padding="6,3,6,3" Clicked="ReceivingFavourite_Clicked"
                         />

                        <Button Margin="2" TextColor="White" BackgroundColor="#9f4576"  CornerRadius="10" x:Name="receivingFavouriteBtn2"
                        Text="Favourite 2" FontAttributes="Bold" HorizontalOptions="Center" VerticalOptions="Center" Padding="6,3,6,3" Clicked="ReceivingFavourite_Clicked"
                        />

                        <Button Margin="2" TextColor="White" BackgroundColor="#9f4576"  CornerRadius="10" x:Name="receivingFavouriteBtn3"
                        Text="Favourite 3" FontAttributes="Bold" HorizontalOptions="Center" VerticalOptions="Center" Padding="6,3,6,3" Clicked="ReceivingFavourite_Clicked"
                        />
                    </StackLayout>

                </extensions:Expander>

                <!--Right List-->
                <Frame Grid.Row="1" Padding="0" BackgroundColor="WhiteSmoke">
                    <ListView x:Name="receivingListView" HasUnevenRows="True">
                        <ListView.ItemTemplate>
                            <DataTemplate>
                                <ViewCell Tapped="ReceivingListView_Tapped">
                                    <Frame BorderColor="#c71585"  Margin="2" CornerRadius="15" Padding="5" HasShadow="False">
                                        <Grid>
                                            <Grid.RowDefinitions>
                                                <RowDefinition Height="auto"/>
                                                <RowDefinition Height="auto"/>
                                                <RowDefinition Height="auto"/>
                                                <RowDefinition Height="auto"/>
                                                <RowDefinition Height="auto"/>
                                                <RowDefinition Height="auto"/>
                                                <RowDefinition Height="{Binding LastRowHeight}"/>
                                            </Grid.RowDefinitions>
                                            <Label Grid.Row="0" Text="{Binding Code}" FontAttributes="Bold" HorizontalOptions="Center"/>
                                            <Label Grid.Row="1" Text="{Binding Name}"/>
                                            <Label Grid.Row="2" Text="{Binding DisplayJob}"/>
                                            <Label Grid.Row="3" Text="{Binding DisplayFinish}"/>
                                            <Label Grid.Row="4" Text="{Binding DisplaySize}"/>
                                            <Label Grid.Row="5" Text="{Binding DisplayUnits}"/>
                                            <Image Grid.Row="6" IsVisible="{Binding ImageVisible}" Source="{Binding ImageSource}"/>
                                        </Grid>
                                    </Frame>
                                </ViewCell>
                            </DataTemplate>
                        </ListView.ItemTemplate>
                    </ListView>
                </Frame>
            </Grid>
        </Grid>
    </timesheets:BasePage.Content>
</timesheets:BasePage>