<?xml version="1.0" encoding="UTF-8"?>
<ContentView xmlns="http://schemas.microsoft.com/dotnet/2021/maui" 
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             x:Class="GMCabsDriverAssistant.UserControl.TripInformationPage">
    <StackLayout Orientation="Vertical">
        <Image  HeightRequest="50"
                            Margin="0,10,0,-40"
                            Source="gmlogo_tablet.png" 
                            Scale="1.0"
                            IsVisible="True"/>
        <Frame  CornerRadius="10"
                Padding="10" VerticalOptions="CenterAndExpand" Margin="50,40,50,-50"
                IsVisible="{Binding VisibleTrip}"
                BackgroundColor="White">
            <Grid HorizontalOptions="CenterAndExpand">
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="Auto"/>
                    <ColumnDefinition Width="1*"/>
                </Grid.ColumnDefinitions>
                <Label  Grid.Row="0"
                        Grid.Column="0"
                        Text="Starting From" 
                        TextColor="Gray"
                        FontFamily="Bold"
                        HorizontalOptions="CenterAndExpand"
                        FontSize="20"/>
                <Label  Grid.Row="1"
                        Grid.Column="0"
                        Text="{Binding StartSuburb}" 
                        TextColor="Black"
                        FontFamily="Bold"
                        HorizontalOptions="CenterAndExpand"
                        FontSize="25"/>
                <Label  Grid.Row="2"
                        Grid.Column="0"
                        Text="{Binding StartTimeOrEndLocation}" 
                        TextColor="Gray"
                        FontFamily="Bold"
                        HorizontalOptions="CenterAndExpand"
                        FontSize="20"/>
                <Label  Grid.Row="3"
                        Grid.Column="0"
                        Text="{Binding PickUpDateTimeOrEndSuburb}" 
                        TextColor="Black"
                        FontFamily="Bold"
                        HorizontalOptions="CenterAndExpand"
                        FontSize="25"/>
                <Label  Grid.Row="4"
                        Grid.Column="0"
                        Text="Trip Duration" 
                        TextColor="Gray"
                        FontFamily="Bold"
                        HorizontalOptions="CenterAndExpand"
                        FontSize="20"/>
                <Label  Grid.Row="5"
                        Grid.Column="0"
                        Text="{Binding TimerSeconds}" 
                        TextColor="Black"
                        FontFamily="Bold"
                        HorizontalOptions="CenterAndExpand"
                        FontSize="25"/>
            </Grid>
        </Frame>
        <StackLayout Orientation="Vertical" Margin="50,50,50,10">
            <Frame CornerRadius="20" BackgroundColor="{StaticResource Primary}" HeightRequest="5" IsVisible="{Binding IsStartTripButtonVisible}">
                <Label Text="{Binding StartTripButtonText}"
                FontSize="20"   
                       TextColor="White"
                       VerticalOptions="CenterAndExpand"
                       Margin="0,-10,0,-10"
                       VerticalTextAlignment="Center"
                       HorizontalTextAlignment="Center"
                BackgroundColor="{StaticResource Primary}"
                IsVisible="{Binding IsStartTripButtonVisible}"
                HorizontalOptions="FillAndExpand">
                    <Label.GestureRecognizers>
                        <TapGestureRecognizer Command="{Binding OnStartEndTripClick}" NumberOfTapsRequired="1"></TapGestureRecognizer>
                    </Label.GestureRecognizers>
                </Label>
            </Frame>
            <Button Text="Plot"
                FontSize="20"                
                BackgroundColor="{StaticResource Primary}"               
                CornerRadius="20"
                Clicked="BtnPlot_Clicked"
                Margin="0,10,0,0"
                IsVisible="false"
                HorizontalOptions="FillAndExpand"/>
            <!--IsVisible="{Binding IsPlotButtonVisible}"-->
        </StackLayout>
        <Button Text="Ok"
                FontSize="20"
                Margin="50,-10,50,10"
                BackgroundColor="{StaticResource Primary}"
                Command="{Binding OnOkButtonClick}"
                IsVisible="{Binding IsOkButtonVisible}"
                CornerRadius="20"/>
        <StackLayout Orientation="Horizontal" VerticalOptions="EndAndExpand" Margin="10,10,10,10">
            <StackLayout>
                <Image Source="{Binding ImageIcon}" Scale="0.7" />
            </StackLayout>
            <StackLayout>
                <Button
                        Margin="0,25,0,0"
                        Text="{Binding  DuressButtonText}"                            
                        FontSize="30"
                        CornerRadius="10"
                        HeightRequest="70"
                        BackgroundColor="{StaticResource Primary}"
                        TextColor="White" 
                        Pressed="OnDuressPressed"
                        Released="OnDuressReleased"/>
            </StackLayout>
            <StackLayout Orientation="Horizontal" Margin="70,0,0,0">
                <Image Source="google_map.png" HeightRequest="70" WidthRequest="70" Scale="1.7">
                    <Image.GestureRecognizers>
                        <TapGestureRecognizer Tapped="OnMapIconTapped" />
                    </Image.GestureRecognizers>
                </Image>
                <Image Source="waze.png" HeightRequest="70" WidthRequest="70"  Scale="1.37">
                    <Image.GestureRecognizers>
                        <TapGestureRecognizer Tapped="OnWazeIconTapped" />
                    </Image.GestureRecognizers>
                </Image>
            </StackLayout>
        </StackLayout>
    </StackLayout>
</ContentView>