<?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             xmlns:local="clr-namespace:MobileClient"
             x:Class="MobileClient.MainPage">

    <!-- Main Grid being the phone screen itself -->
    <Grid x:Name="MainGrid" BackgroundColor="#C7D9D9">
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="1*"/>
            <ColumnDefinition Width="1*"/>
        </Grid.ColumnDefinitions>
        <Grid.RowDefinitions>
            <RowDefinition Height="1*"/>
            <RowDefinition Height="1*"/>
            <RowDefinition Height="1*"/>
            <RowDefinition Height="1*"/>
            <RowDefinition Height="1*"/>
            <RowDefinition Height="1*"/>
        </Grid.RowDefinitions>

        <Grid BackgroundColor="DarkGray" Grid.Column="0" Grid.Row="0" Grid.RowSpan="2" RowSpacing="0" ColumnSpacing="0">
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="1*"/>
                <ColumnDefinition Width="1*"/>
            </Grid.ColumnDefinitions>
            <Grid.RowDefinitions>
                <RowDefinition Height="1*"/>
                <RowDefinition Height="1*"/>
            </Grid.RowDefinitions>

            <Entry x:Name="EmailText" Text="sample@email.com" Margin="4, 30, 4, 5" BackgroundColor="WhiteSmoke" Grid.Column="0" Grid.ColumnSpan="2" Grid.Row="0"/>
            <Button x:Name="AddEmail" Text="Add Email" BackgroundColor="#D7E8BA" BorderWidth="0" BorderRadius="0" Grid.Column="0" Grid.Row="1" Clicked="AddEmail_Clicked"/>
            <Button x:Name="DelEmail" Text="Delete Email" BackgroundColor="#D7E8BA" BorderWidth="0" BorderRadius="0" Grid.Column="1" Grid.Row="1" Clicked="DelEmail_Clicked"/>
        </Grid>

        <Grid BackgroundColor="DarkGray" Grid.Column="1" Grid.Row="0" Grid.RowSpan="2" RowSpacing="0" ColumnSpacing="0">
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="1*"/>
                <ColumnDefinition Width="1*"/>
            </Grid.ColumnDefinitions>
            <Grid.RowDefinitions>
                <RowDefinition Height="1*"/>
                <RowDefinition Height="1*"/>
            </Grid.RowDefinitions>

            <Picker x:Name="SelectTime" Margin="4, 30, 4, 5" BackgroundColor="WhiteSmoke" Grid.Column="0" Grid.Row="0" Grid.ColumnSpan="2">
                <Picker.Items>
                    <x:String>00:00</x:String>
                    <x:String>01:00</x:String>
                    <x:String>02:00</x:String>
                    <x:String>03:00</x:String>
                    <x:String>04:00</x:String>
                    <x:String>05:00</x:String>
                    <x:String>06:00</x:String>
                    <x:String>07:00</x:String>
                    <x:String>08:00</x:String>
                    <x:String>09:00</x:String>
                    <x:String>10:00</x:String>
                    <x:String>11:00</x:String>
                    <x:String>12:00</x:String>
                    <x:String>13:00</x:String>
                    <x:String>14:00</x:String>
                    <x:String>15:00</x:String>
                    <x:String>16:00</x:String>
                    <x:String>17:00</x:String>
                    <x:String>18:00</x:String>
                    <x:String>19:00</x:String>
                    <x:String>20:00</x:String>
                    <x:String>21:00</x:String>
                    <x:String>22:00</x:String>
                    <x:String>23:00</x:String>
                </Picker.Items>
                <Picker.SelectedIndex>12</Picker.SelectedIndex>
            </Picker>
            <Button x:Name="AddTime" Text="Add Time" BackgroundColor="#D7E8BA" BorderWidth="0" BorderRadius="0" Grid.Column="0" Grid.Row="1" Clicked="AddTime_Clicked"/>
            <Button x:Name="DelTime" Text="Delete Time" BackgroundColor="#D7E8BA" BorderWidth="0" BorderRadius="0" Grid.Column="1" Grid.Row="1" Clicked="DelTime_Clicked"/>
        </Grid>

        <Grid BackgroundColor="DarkGray" Grid.Column="0" Grid.Row="2" RowSpacing="0" ColumnSpacing="0">
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="1*"/>
                <ColumnDefinition Width="1*"/>
            </Grid.ColumnDefinitions>

            <Picker x:Name="SelectAmount" Margin="4, 30, 4, 5" BackgroundColor="WhiteSmoke" Grid.Column="0">
                <Picker.Items>
                    <x:String>1 Sec</x:String>
                    <x:String>2 Secs</x:String>
                    <x:String>3 Secs</x:String>
                    <x:String>4 Secs</x:String>
                    <x:String>5 Secs</x:String>
                    <x:String>6 Secs</x:String>
                    <x:String>7 Secs</x:String>
                    <x:String>8 Secs</x:String>
                    <x:String>9 Secs</x:String>
                    <x:String>10 Secs</x:String>
                </Picker.Items>
                <Picker.SelectedIndex>1</Picker.SelectedIndex>
            </Picker>
            <Button x:Name="SetTime" Text="Set Time" BackgroundColor="#D7E8BA" BorderWidth="0" BorderRadius="0" Grid.Column="1" Clicked="SetTime_Clicked"/>
        </Grid>

        <Grid BackgroundColor="DarkGray" Grid.Column="1" Grid.Row="2" RowSpacing="0" ColumnSpacing="0">
            <StackLayout Margin="20">
                <Label Text="Auto Mode" VerticalTextAlignment="End" FontSize="Medium" FontFamily="Arial" HorizontalTextAlignment="Center"/>
                <Switch x:Name="SwitchMode" Scale="1.5"  HorizontalOptions="Center" VerticalOptions="Start" IsToggled="False" Toggled="Switch_Toggled" Margin="10"/>
            </StackLayout>
        </Grid>

        <Grid BackgroundColor="DarkGray" Grid.Column="0" Grid.Row="3" Grid.RowSpan="3" RowSpacing="0" ColumnSpacing="0">
            <Grid.RowDefinitions>
                <RowDefinition Height="1*"/>
                <RowDefinition Height="9*"/>
            </Grid.RowDefinitions>

            <Label Text="Emails" FontSize="Medium" FontFamily="Arial" HorizontalTextAlignment="Center" VerticalTextAlignment="Center" Grid.Row="0"/>

            <ListView x:Name="AllEmails" Grid.Row="1">
                <ListView.ItemTemplate>
                    <DataTemplate>
                        <TextCell Text="{Binding Email}"></TextCell>
                    </DataTemplate>
                </ListView.ItemTemplate>
            </ListView>
        </Grid>

        <Grid BackgroundColor="DarkGray" Grid.Column="1" Grid.Row="3" Grid.RowSpan="3" RowSpacing="0" ColumnSpacing="0">
            <Grid.RowDefinitions>
                <RowDefinition Height="1*"/>
                <RowDefinition Height="9*"/>
            </Grid.RowDefinitions>

            <Label Text="Times" FontSize="Medium" FontFamily="Arial" HorizontalTextAlignment="Center" VerticalTextAlignment="Center" Grid.Row="0"/>

            <ListView x:Name="AllTimes" Grid.Row="1">
                <ListView.ItemTemplate>
                    <DataTemplate>
                        <TextCell Text="{Binding Time}"></TextCell>
                    </DataTemplate>
                </ListView.ItemTemplate>
            </ListView>
        </Grid>

    </Grid>
</ContentPage>