<?xml version="1.0" encoding="UTF-8"?>
<ContentPage
    x:Name="_basepage" 
    NavigationPage.HasNavigationBar="false"
    xmlns:iOS="clr-namespace:Xamarin.Forms.PlatformConfiguration.iOSSpecific;assembly=Xamarin.Forms.Core"
    iOS:Page.UseSafeArea="true"
    xmlns="http://xamarin.com/schemas/2014/forms" 
    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
    xmlns:xForms="clr-namespace:Syncfusion.SfBusyIndicator.XForms;assembly=Syncfusion.SfBusyIndicator.XForms"
    xmlns:mobile="clr-namespace:InABox.Mobile;assembly=InABox.Mobile.Shared"
    x:Class="InABox.Mobile.MobilePage">
    
    <!-- NavigationPage.HasBackButton="false"     -->
    
    <Grid
       x:Name="_rootGrid" 
       RowSpacing="0" 
       ColumnSpacing="0" 
       VerticalOptions="FillAndExpand" 
       HorizontalOptions="FillAndExpand">
        <Grid.Margin>
            <OnPlatform x:TypeArguments="Thickness">
                <OnPlatform.Platforms>
                    <On Platform="iOS" Value="0,0,0,0" />
                    <On Platform="Android" Value="0,0,0,0" />
                </OnPlatform.Platforms>
            </OnPlatform>
        </Grid.Margin>

        <Grid.RowDefinitions>
            <RowDefinition>
                
                <RowDefinition.Height>
                    <OnPlatform x:TypeArguments="GridLength">
                        <OnPlatform.Platforms>
                            <On Platform="iOS" Value="40" />
                            <On Platform="Android" Value="50" />
                        </OnPlatform.Platforms>
                    </OnPlatform>

                </RowDefinition.Height>
            </RowDefinition>
            <RowDefinition Height="*" />
        </Grid.RowDefinitions>
        
        <Grid 
            x:Name="_titleBar"
            Grid.Row="0"
            Padding="5,0,5,0"
            ColumnSpacing="0">
            
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="Auto" />
                <ColumnDefinition Width="Auto" />
                <ColumnDefinition Width="*" />
                <ColumnDefinition Width="Auto" />
                <ColumnDefinition Width="Auto" />
                <ColumnDefinition Width="Auto" />
            </Grid.ColumnDefinitions>
            
            <ImageButton 
                Grid.Column="0" 
                x:Name="_backButton"
                Aspect="AspectFit"
                Source="arrow_white_left" 
                Clicked="_backButton_OnClicked"/>
                
            <StackLayout 
                x:Name="_alternateMenu" 
                Grid.Column="1" 
                Orientation="Horizontal" 
                HorizontalOptions="EndAndExpand" />
            
            <Label 
                x:Name="_titleLabel"
                Grid.Column="2"
                Margin="5,0,0,0"
                Text="{Binding Title, Source={x:Reference _basepage}}" 
                FontSize="Medium"
                FontAttributes="Bold"
                VerticalTextAlignment="Center" 
                HorizontalTextAlignment="Start"
                LineBreakMode="TailTruncation"/>

            <Image
                x:Name="_updateIndicator"
                Grid.Column="3"
                Source="upload"
                IsVisible="False"/>
            
            <Image
                x:Name="_connectionIndicator"
                Grid.Column="4"
                Source="disconnected"
                IsVisible="False"/>
            
            <StackLayout 
                x:Name="_primaryMenu" 
                Grid.Column="5" 
                Margin="0,0,3,0"
                Orientation="Horizontal" 
                HorizontalOptions="EndAndExpand" />
            
        </Grid>
            
        <Grid
            x:Name="_content"
            Grid.Row="1"
            RowSpacing="0"
            ColumnSpacing="0"
            Padding="0"
            Margin="0"/>

        <mobile:MobileCard 
            x:Name="activity_frame"
            Grid.Row="1"
            BackgroundColor="Transparent"
            BorderColor="Transparent"
            Padding="0"
            Margin="0"
            VerticalOptions="Center"
            HorizontalOptions="Center"
            IsVisible="False"
            IsClippedToBounds="True"
            HeightRequest="80"
            WidthRequest="80">
        <xForms:SfBusyIndicator 
            AnimationType="SingleCircle"
            x:Name="activity_indicator"
            VerticalOptions="CenterAndExpand"
            HorizontalOptions="CenterAndExpand"
            ViewBoxWidth="50"
            ViewBoxHeight="50"
            TextColor="White"
            IsBusy="False"
            Duration="200"
            />
        </mobile:MobileCard>


    </Grid>
    
</ContentPage>