prs/prs.mobile/comal.timesheets/SetoutsScreen.xaml

<?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             x:Class="comal.timesheets.SetoutsScreen">

    <NavigationPage.TitleView>
        <Grid Margin="0" Padding="0">
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="*"/>
                <ColumnDefinition Width="*"/>
                <ColumnDefinition Width="*"/>
            </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="Setouts" 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"
                Text="Save" Clicked="SaveBtn_Clicked"/>-->
        </Grid>
    </NavigationPage.TitleView>

    <ContentPage.Content>
        <Grid RowSpacing="0" ColumnSpacing="0">
            <Grid.RowDefinitions>
                <RowDefinition Height="50"/>
                <RowDefinition Height="*"/>
                <RowDefinition Height="0" x:Name="packetRow"/>
            </Grid.RowDefinitions>

            <!-- Row 0 -->
            <Grid Grid.Row="0" RowSpacing="0" ColumnSpacing="0">
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="*"/>
                    <ColumnDefinition Width="*"/>
                </Grid.ColumnDefinitions>

                <Entry Grid.Column="0" Placeholder="Search" x:Name="searchEnt" 
                       TextChanged="SearchEnt_Changed" Margin="5, 5, 2.5, 5"
                       HorizontalOptions="FillAndExpand" VerticalOptions="Center"/>

                <Button Grid.Column="1" x:Name="jobBtn" Clicked="JobsBtn_Clicked" Margin="2.5, 5, 5, 5"
                        HorizontalOptions="FillAndExpand" VerticalOptions="Center" TextColor="White" FontAttributes="Bold"
                        Text="Select Job" CornerRadius="5" BackgroundColor="#15C7C1"/>
            </Grid>

            <!-- Row 1 -->
            <ListView Grid.Row="1" x:Name="setoutsListView" HasUnevenRows="True">
                <ListView.ItemTemplate>
                    <DataTemplate>
                        <ViewCell Tapped="SetoutsListView_Tapped">
                            <!-- Column 0 -->
                            <Frame Grid.Column="0" HasShadow="False" CornerRadius="3" Padding="2"
                                   Margin="5, 1, 5, 1" BorderColor="#15C7C1">
                                <Grid RowSpacing="0" ColumnSpacing="0">
                                    <Grid.RowDefinitions>
                                        <RowDefinition Height="20"/>
                                        <RowDefinition Height="auto"/>
                                    </Grid.RowDefinitions>
                                    <Label Grid.Row="0" Text="{Binding Number}" FontAttributes="Bold" Margin="5, 1, 1, 1"/>
                                    <Label Grid.Row="1" Text="{Binding Description}" Margin="5, 1, 1, 1" LineBreakMode="WordWrap"/>
                                </Grid>
                            </Frame>
                        </ViewCell>
                    </DataTemplate>
                </ListView.ItemTemplate>
            </ListView>

            <!-- Row 2 for hidden manufacturing packet viewer -->
            <Frame x:Name="packetsFrame" Grid.Row="2" HasShadow="False" BorderColor="#a2006d" CornerRadius="3" Padding="0" Margin="1,1,1,15">
                <Grid RowSpacing="0" ColumnSpacing="0">
                    <Grid.RowDefinitions>
                        <RowDefinition Height="60"/>
                        <RowDefinition Height="auto"/>
                    </Grid.RowDefinitions>

                    <!-- Inner Row 0 -->
                    <Grid Grid.Row="0" RowSpacing="0" ColumnSpacing="0">
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="2*"/>
                            <ColumnDefinition Width="*"/>
                            <ColumnDefinition Width="*"/>
                        </Grid.ColumnDefinitions>

                        <Label Grid.Column="0" Text="Packets" Margin="15, 0, 0, 0" x:Name="packetsLbl"
                               VerticalOptions="Center" FontAttributes="Bold" FontSize="Medium"
                               />

                        <Image Grid.Column="1" Source="pdficon.png" Margin="5"
                               VerticalOptions="Center" HorizontalOptions="Center"
                               HeightRequest="50" WidthRequest="50"
                               >
                            <Image.GestureRecognizers>
                                <TapGestureRecognizer Tapped="PDFs_Tapped"/>
                            </Image.GestureRecognizers>
                        </Image>

                        <Frame x:Name="notificationFrame" Grid.Column="1" HorizontalOptions="End" VerticalOptions="Start" BorderColor="Black"
                           HeightRequest="30" WidthRequest="30" CornerRadius="15" HasShadow="False" Margin="0, 1, 12, 0"
                            BackgroundColor="Yellow" Padding="1">
                            <Label FontAttributes="Bold" TextColor="Gray" FontSize="Medium" HorizontalOptions="Center" VerticalOptions="Center" Margin="1"
                            x:Name="numberOfDocsLbl" />
                        </Frame>

                        <Image Grid.Column="2" Source="closee.png" Margin="5" x:Name="closeImg"
                               VerticalOptions="Start" HorizontalOptions="End"
                               HeightRequest="30" WidthRequest="30">

                            <Image.GestureRecognizers>
                                <TapGestureRecognizer Tapped="ClosePackets_Clicked"/>
                            </Image.GestureRecognizers>
                        </Image>

                    </Grid>
                    
                    <!-- Inner Row 1 -->
                    <ListView Grid.Row="1" x:Name="packetListView" HasUnevenRows="True" VerticalOptions="FillAndExpand">
                        <ListView.ItemTemplate>
                            <DataTemplate>
                                <ViewCell Tapped="PacketListView_Tapped">
                                    <Frame BorderColor="#15C7C1"  Margin="2" CornerRadius="15"  Padding="5" HasShadow="False">
                                        <Grid>
                                            <Grid.RowDefinitions>
                                                <RowDefinition Height="auto"/>
                                                <!--0-->
                                                <RowDefinition Height="auto"/>
                                                <!--1-->
                                                <RowDefinition Height="auto"/>
                                                <!--2-->
                                                <RowDefinition Height="auto"/>
                                                <!--3-->
                                                <RowDefinition Height="{Binding LastRowHeight}"/>
                                                <!--4-->
                                            </Grid.RowDefinitions>
                                            <Grid.ColumnDefinitions>
                                                <ColumnDefinition Width="4*"/>
                                                <ColumnDefinition Width="2*"/>
                                                <ColumnDefinition Width="*"/>
                                            </Grid.ColumnDefinitions>

                                            <!--Column 0-->

                                            <Label Grid.Row="0" Grid.Column="0" Text="{Binding Serial}" FontAttributes="Bold" TextColor="PaleVioletRed"
                                               />
                                            <Label Grid.Row="1" Grid.Column="0" LineBreakMode="WordWrap" MaxLines="6" FontAttributes="Bold"
                                           Text="{Binding Title}" HorizontalOptions="Start"/>

                                            <Label Grid.Row="2" Grid.Column="0" VerticalOptions="End"
                                           Text="{Binding Location}"/>

                                            <Label Grid.Row="3" Grid.Column="0"
                                           Text="{Binding JobName}"/>

                                            <Label Grid.Row="4" Grid.Column="0" Grid.ColumnSpan="3"
                                           HorizontalOptions="FillAndExpand" FontAttributes="Bold" FontSize="Medium" VerticalOptions="Center"
                                           IsVisible="{Binding OnOrderVisible}" HorizontalTextAlignment="Center"
                                           Text="{Binding OrderETA}" BackgroundColor="#cb99c9"
                                           />

                                            <!--Column 1-->

                                            <Label Grid.Row="0" Grid.Column="1" FontAttributes="Bold"
                                           Text="{Binding SetoutNumber}"/>

                                            <Label Grid.Row="1" Grid.Column="1" 
                                           Text="{Binding Created}"/>

                                            <Label Grid.Row="2" Grid.Column="1"
                                           Text="{Binding DueDate}"/>

                                            <Label Grid.Row="3" Grid.Column="1"
                                           Text="{Binding StageLinkPercentage}"/>

                                            <!--Column 2-->

                                            <Grid Grid.Column="2" Grid.Row="0" Grid.RowSpan="4" VerticalOptions="Center" HorizontalOptions="Center">
                                                <Grid.RowDefinitions>
                                                    <RowDefinition Height="auto"/>
                                                    <RowDefinition Height="auto"/>
                                                    <RowDefinition Height="auto"/>
                                                </Grid.RowDefinitions>
                                                <Image Grid.Row="0"  HeightRequest="{Binding ImageHeight}" WidthRequest="{Binding ImageWidth}"
                                               HorizontalOptions="Center" VerticalOptions="Center"
                                               Source="{Binding ImagePath}"/>

                                                <Label Grid.Row="1"  FontSize="30" 
                                           Text="{Binding Quantity}"/>

                                                <Label Grid.Row="2"
                                           Text="{Binding TemplateLinkCode}"/>
                                            </Grid>

                                        </Grid>
                                    </Frame>
                                </ViewCell>
                            </DataTemplate>
                        </ListView.ItemTemplate>
                    </ListView>
                </Grid>
                
                
            </Frame>

        </Grid>

    </ContentPage.Content>
</ContentPage>