<?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="inutralia.Views.HomeView"
			 xmlns:local="clr-namespace:inutralia;assembly=inutralia"
             NavigationPage.HasNavigationBar="false"  
			 Padding ="0,40,0,10">

    <StackLayout>
        <!-- -*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*LOGO-*-*-*-*-*-*-*-*-*-*-*-* -->

        <StackLayout HorizontalOptions="FillAndExpand" VerticalOptions="FillAndExpand">
            <Image Source="logo_empresa.png" Aspect="AspectFit" HorizontalOptions="FillAndExpand" VerticalOptions="CenterAndExpand" >
                <Image.WidthRequest>
                    <OnIdiom x:TypeArguments="x:Double">
                        <OnIdiom.Phone>
                            <OnPlatform x:TypeArguments="x:Double" 
                                        iOS="210"
                                        Android="200"/>
                        </OnIdiom.Phone>

                        <OnIdiom.Tablet>
                            <OnPlatform x:TypeArguments="x:Double" 
                                        iOS="380"
                                        Android="400"/>
                        </OnIdiom.Tablet>
                    </OnIdiom>
                </Image.WidthRequest>
            </Image>
        </StackLayout>

        <!-- -*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*MENÚ CUADRADOS-*-*-*-*-*-*-*-*-*-*-*-* -->

        <Grid HorizontalOptions="Center" VerticalOptions="FillAndExpand" Padding="15,20,15,10" ColumnSpacing="10" RowSpacing="10">

            <Grid.RowDefinitions>
                <RowDefinition Height="*" />
                <RowDefinition Height="*" />
            </Grid.RowDefinitions>

            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="*" />
                <ColumnDefinition Width="*" />
            </Grid.ColumnDefinitions>

            <Image Source="img1.png" Grid.Row="0" Grid.Column="0"  HorizontalOptions="CenterAndExpand" >
                <Image.WidthRequest>
                    <OnIdiom x:TypeArguments="x:Double">
                        <OnIdiom.Phone>
                            <OnPlatform x:TypeArguments="x:Double" 
                                        iOS="200"
                                        Android="200"/>
                        </OnIdiom.Phone>

                        <OnIdiom.Tablet>
                            <OnPlatform x:TypeArguments="x:Double" 
                                        iOS="350"
                                        Android="350"/>
                        </OnIdiom.Tablet>
                    </OnIdiom>
                </Image.WidthRequest>

                <Image.GestureRecognizers>
                    <TapGestureRecognizer Tapped="OnTapGestureProfile"
					                      NumberOfTapsRequired="1" />
                </Image.GestureRecognizers>
            </Image>

            <Image Source="img2.png" Grid.Row="0" Grid.Column="1"  HorizontalOptions="CenterAndExpand" >
                <Image.WidthRequest>
                    <OnIdiom x:TypeArguments="x:Double">
                        <OnIdiom.Phone>
                            <OnPlatform x:TypeArguments="x:Double" 
                                        iOS="200"
                                        Android="200"/>
                        </OnIdiom.Phone>

                        <OnIdiom.Tablet>
                            <OnPlatform x:TypeArguments="x:Double" 
                                        iOS="350"
                                        Android="350"/>
                        </OnIdiom.Tablet>
                    </OnIdiom>
                </Image.WidthRequest>

                <Image.GestureRecognizers>
                    <TapGestureRecognizer Tapped="OnTapGestureMenu"
					                      NumberOfTapsRequired="1" />
                </Image.GestureRecognizers>
            </Image>

            <Image Source="img3.png" Grid.Row="1" Grid.Column="0"  HorizontalOptions="CenterAndExpand" >
                <Image.WidthRequest>
                    <OnIdiom x:TypeArguments="x:Double">
                        <OnIdiom.Phone>
                            <OnPlatform x:TypeArguments="x:Double" 
                                        iOS="200"
                                        Android="200"/>
                        </OnIdiom.Phone>

                        <OnIdiom.Tablet>
                            <OnPlatform x:TypeArguments="x:Double" 
                                        iOS="380"
                                        Android="350"/>
                        </OnIdiom.Tablet>
                    </OnIdiom>
                </Image.WidthRequest>

                <Image.GestureRecognizers>
                    <TapGestureRecognizer Tapped="OnTapGestureGeneric"
					                      NumberOfTapsRequired="1" />
                </Image.GestureRecognizers>
            </Image>

            <Image Source="img4.png" Grid.Row="1" Grid.Column="1"  HorizontalOptions="CenterAndExpand">
                <Image.WidthRequest>
                    <OnIdiom x:TypeArguments="x:Double">
                        <OnIdiom.Phone>
                            <OnPlatform x:TypeArguments="x:Double" 
                                        iOS="200"
                                        Android="200"/>
                        </OnIdiom.Phone>

                        <OnIdiom.Tablet>
                            <OnPlatform x:TypeArguments="x:Double" 
                                        iOS="380"
                                        Android="350"/>
                        </OnIdiom.Tablet>
                    </OnIdiom>
                </Image.WidthRequest>

                <Image.GestureRecognizers>
                    <TapGestureRecognizer Tapped="OnTapGestureTrivial"
					                      NumberOfTapsRequired="1" />
                </Image.GestureRecognizers>
            </Image>
        </Grid>

        <!-- -*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*MENÚ LISTADO-*-*-*-*-*-*-*-*-*-*-*-* -->

        <Grid Padding="15,0,10,20" VerticalOptions="End">
            <Grid.RowDefinitions>
                <RowDefinition>
                    <RowDefinition.Height>
                        <OnIdiom x:TypeArguments="GridLength"
                                 Phone="40"
                                 Tablet="80"/>
                    </RowDefinition.Height>
                </RowDefinition>

                <RowDefinition Height="1" />

                <RowDefinition>
                    <RowDefinition.Height>
                        <OnIdiom x:TypeArguments="GridLength"
                                 Phone="40"
                                 Tablet="80"/>
                    </RowDefinition.Height>
                </RowDefinition>

                <RowDefinition Height="1" />

                <RowDefinition>
                    <RowDefinition.Height>
                        <OnIdiom x:TypeArguments="GridLength"
                                 Phone="40"
                                 Tablet="80"/>
                    </RowDefinition.Height>
                </RowDefinition>

                <RowDefinition Height="1" />

                <RowDefinition>
                    <RowDefinition.Height>
                        <OnIdiom x:TypeArguments="GridLength"
                                 Phone="40"
                                 Tablet="80"/>
                    </RowDefinition.Height>
                </RowDefinition>

                <RowDefinition Height="1" />
            </Grid.RowDefinitions>

            <Grid.ColumnDefinitions>
                <ColumnDefinition>
                    <ColumnDefinition.Width>
                        <OnIdiom x:TypeArguments="GridLength"
                                 Phone="45"
                                 Tablet="90"/>
                    </ColumnDefinition.Width>
                </ColumnDefinition>

                <!--	<ColumnDefinition Width="45" />-->
                <ColumnDefinition Width="*" />
                <ColumnDefinition>
                    <ColumnDefinition.Width>
                        <OnIdiom x:TypeArguments="GridLength"
                                 Phone="45"
                                 Tablet="90"/>
                    </ColumnDefinition.Width>
                </ColumnDefinition>
            </Grid.ColumnDefinitions>

            <!-- -*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-* 0. item list recetario-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-* -->

            <!--label clickable que englobal las 3 columnas del item del menú-->
            <Label HorizontalOptions="Fill" VerticalOptions="Fill" Grid.Row="0" Grid.Column="0" Grid.ColumnSpan="3">
                <Label.GestureRecognizers>
                    <TapGestureRecognizer Tapped="OnTapGestureRecipe"
					                      NumberOfTapsRequired="1" />
                </Label.GestureRecognizers>
            </Label>

            <!--icon recetario-->
            <Label Text="{ x:Static local:IoniciconsFont.IosBookmarksOutline}"  FontSize="30" Style="{StaticResource FontIcon}" Grid.Row="0" Grid.Column="0" XAlign="Center" YAlign="Center" TextColor="{ DynamicResource ListViewItemTextColor }">
                <Label.FontSize>
                    <OnIdiom x:TypeArguments="x:Double"
                             Phone="30"
                             Tablet="50"/>
                </Label.FontSize>

                <Label.GestureRecognizers>
                    <TapGestureRecognizer Tapped="OnTapGestureRecipe"
                                          NumberOfTapsRequired="1" />
                </Label.GestureRecognizers>
            </Label>

            <!--text recetario-->
            <Label Text="Recetario" Grid.Row="0" Grid.Column="1" YAlign="Center" FontSize="15" TextColor="{ DynamicResource ListViewItemTextColor }">
                <Label.FontSize>
                    <OnIdiom x:TypeArguments="x:Double"
                             Phone="15"
                             Tablet="25"/>
                </Label.FontSize>

                <Label.GestureRecognizers>
                    <TapGestureRecognizer Tapped="OnTapGestureRecipe"
                                          NumberOfTapsRequired="1" />
                </Label.GestureRecognizers>
            </Label>

            <!--icon ir-->
            <Label Text="{ x:Static local:IoniciconsFont.IosArrowRight }" FontSize="30" Style="{StaticResource FontIcon}" Grid.Row="0" Grid.Column="2" XAlign="Center" YAlign="Center"  TextColor="{ DynamicResource ListViewItemTextColor }">
                <Label.FontSize>
                    <OnIdiom x:TypeArguments="x:Double"
                             Phone="30"
                             Tablet="50"/>
                </Label.FontSize>

                <Label.GestureRecognizers>
                    <TapGestureRecognizer Tapped="OnTapGestureRecipe"
                                          NumberOfTapsRequired="1" />
                </Label.GestureRecognizers>
            </Label>

            <!-- -*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-* 1. separator-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-* -->

            <BoxView Grid.Row="1" HeightRequest="1" Grid.ColumnSpan="3" BackgroundColor="{ DynamicResource ListViewSeparatorColor }" HorizontalOptions="FillAndExpand" />

            <!---*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-2. item list boletín saludable-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-**-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-**-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-* -->

            <!--label clickable que englobal las 3 columnas del item del menú-->
            <Label HorizontalOptions="Fill" VerticalOptions="Fill" Grid.Row="2" Grid.Column="0" Grid.ColumnSpan="3">
                <Label.GestureRecognizers>
                    <TapGestureRecognizer Tapped="OnTapGestureArticle"
					                      NumberOfTapsRequired="1" />
                </Label.GestureRecognizers>
            </Label>

            <!--icon boletin saludable-->
            <Label Text="{ x:Static local:IoniciconsFont.AndroidFavoriteOutline}"  FontSize="30" Style="{StaticResource FontIcon}" Grid.Row="2" Grid.Column="0" XAlign="Center" YAlign="Center"  TextColor="{ DynamicResource ListViewItemTextColor }">
                <Label.FontSize>
                    <OnIdiom x:TypeArguments="x:Double"
                             Phone="30"
                             Tablet="50"/>
                </Label.FontSize>

                <Label.GestureRecognizers>
                    <TapGestureRecognizer Tapped="OnTapGestureArticle"
                                          NumberOfTapsRequired="1" />
                </Label.GestureRecognizers>
            </Label>

            <!--text boletin saludable-->
            <Label Text="Boletín Saludable" Grid.Row="2" Grid.Column="1" YAlign="Center" FontSize="15" TextColor="{ DynamicResource ListViewItemTextColor }" >
                <Label.FontSize>
                    <OnIdiom x:TypeArguments="x:Double"
                             Phone="15"
                             Tablet="25"/>
                </Label.FontSize>

                <Label.GestureRecognizers>
                    <TapGestureRecognizer Tapped="OnTapGestureArticle"
                                          NumberOfTapsRequired="1" />
                </Label.GestureRecognizers>
            </Label>

            <!--icon ir-->
            <Label Text="{ x:Static local:IoniciconsFont.IosArrowRight }" FontSize="30" Style="{StaticResource FontIcon}" Grid.Row="2" Grid.Column="2" XAlign="Center" YAlign="Center"  TextColor="{ DynamicResource ListViewItemTextColor }">
                <Label.FontSize>
                    <OnIdiom x:TypeArguments="x:Double"
                             Phone="30"
                             Tablet="50"/>
                </Label.FontSize>

                <Label.GestureRecognizers>
                    <TapGestureRecognizer Tapped="OnTapGestureArticle"
                                          NumberOfTapsRequired="1" />
                </Label.GestureRecognizers>
            </Label>

            <!---*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-3. separator-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-**-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-**-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-* -->

            <BoxView Grid.Row="3" Grid.ColumnSpan="3" HeightRequest="1" BackgroundColor="{ DynamicResource ListViewSeparatorColor }" HorizontalOptions="FillAndExpand" />

            <!---*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-4. item list lista de la compra-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*_*-*-*-*-*-*-*-*-*-*-*-**-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-**-*-*-*-*-*-*-*-*-*-* -->

            <!--label clickable que englobal las 3 columnas del item del menú-->
            <Label HorizontalOptions="Fill" VerticalOptions="Fill" Grid.Row="4" Grid.Column="0" Grid.ColumnSpan="3" >
                <Label.GestureRecognizers>
                    <TapGestureRecognizer Tapped="OnTapGestureShoppingList"
					                      NumberOfTapsRequired="1" />
                </Label.GestureRecognizers>
            </Label>

            <!--icon lista compra-->
            <Label Text="{ x:Static local:IoniciconsFont.IosCartOutline }"  FontSize="30" Style="{StaticResource FontIcon}" Grid.Row="4" Grid.Column="0" XAlign="Center"  YAlign="Center" TextColor="{ DynamicResource ListViewItemTextColor }">
                <Label.FontSize>
                    <OnIdiom x:TypeArguments="x:Double"
                             Phone="30"
                             Tablet="50"/>
                </Label.FontSize>

                <Label.GestureRecognizers>
                    <TapGestureRecognizer Tapped="OnTapGestureShoppingList"
                                          NumberOfTapsRequired="1" />
                </Label.GestureRecognizers>
            </Label>

            <!--text lista de la compra-->
            <Label Text="Lista de la Compra" Grid.Row="4" Grid.Column="1" YAlign="Center"  FontSize="15" TextColor="{ DynamicResource ListViewItemTextColor }" >
                <Label.FontSize>
                    <OnIdiom x:TypeArguments="x:Double"
                             Phone="15"
                             Tablet="25"/>
                </Label.FontSize>

                <Label.GestureRecognizers>
                    <TapGestureRecognizer Tapped="OnTapGestureShoppingList"
                                          NumberOfTapsRequired="1" />
                </Label.GestureRecognizers>
            </Label>

            <!--icon ir-->
            <Label Text="{ x:Static local:IoniciconsFont.IosArrowRight }" FontSize="30" Style="{StaticResource FontIcon}" Grid.Row="4" Grid.Column="2" XAlign="Center"  YAlign="Center" TextColor="{ DynamicResource ListViewItemTextColor }">
                <Label.FontSize>
                    <OnIdiom x:TypeArguments="x:Double"
                             Phone="30"
                             Tablet="50"/>
                </Label.FontSize>

                <Label.GestureRecognizers>
                    <TapGestureRecognizer Tapped="OnTapGestureShoppingList"
                                          NumberOfTapsRequired="1" />
                </Label.GestureRecognizers>
            </Label>

            <!---*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-4. separator-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-**-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-**-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-* -->

            <BoxView Grid.Row="5" Grid.ColumnSpan="3" HeightRequest="1" BackgroundColor="{ DynamicResource ListViewSeparatorColor }" HorizontalOptions="FillAndExpand" />

            <!---*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-5. item preguntas al especialista-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*_*-*-*-*-*-*-*-*-*-*-*-**-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-**-*-*-*-*-*-*-*-*-*-* -->

            <!--label clickable que englobal las 3 columnas del item del menú-->
            <Label HorizontalOptions="Fill" VerticalOptions="Fill" Grid.Row="6" Grid.Column="0" Grid.ColumnSpan="3" >
                <Label.GestureRecognizers>
                    <TapGestureRecognizer Tapped="OnTapGestureQuestion"
					                      NumberOfTapsRequired="1" />
                </Label.GestureRecognizers>
            </Label>

            <!--icon preguntas al especialista-->
            <Label Text="{ x:Static local:IoniciconsFont.IosChatboxesOutline }"  FontSize="30" Style="{StaticResource FontIcon}" Grid.Row="6" Grid.Column="0" XAlign="Center"  YAlign="Center" TextColor="{ DynamicResource ListViewItemTextColor }">
                <Label.FontSize>
                    <OnIdiom x:TypeArguments="x:Double"
                             Phone="30"
                             Tablet="50"/>
                </Label.FontSize>

                <Label.GestureRecognizers>
                    <TapGestureRecognizer Tapped="OnTapGestureQuestion"
                                          NumberOfTapsRequired="1" />
                </Label.GestureRecognizers>
            </Label>

            <!--text preguntas al especialista-->
            <Label Text="Preguntas al Nutricionista" Grid.Row="6" Grid.Column="1" YAlign="Center"  FontSize="15" TextColor="{ DynamicResource ListViewItemTextColor }" >
                <Label.FontSize>
                    <OnIdiom x:TypeArguments="x:Double"
                             Phone="15"
                             Tablet="25"/>
                </Label.FontSize>

                <Label.GestureRecognizers>
                    <TapGestureRecognizer Tapped="OnTapGestureQuestion"
                                          NumberOfTapsRequired="1" />
                </Label.GestureRecognizers>
            </Label>

            <!--icon ir-->
            <Label Text="{ x:Static local:IoniciconsFont.IosArrowRight }" FontSize="30" Style="{StaticResource FontIcon}" Grid.Row="6" Grid.Column="2" XAlign="Center"  YAlign="Center" TextColor="{ DynamicResource ListViewItemTextColor }">
                <Label.FontSize>
                    <OnIdiom x:TypeArguments="x:Double"
                             Phone="30"
                             Tablet="50"/>
                </Label.FontSize>

                <Label.GestureRecognizers>
                    <TapGestureRecognizer Tapped="OnTapGestureQuestion"
                                          NumberOfTapsRequired="1" />
                </Label.GestureRecognizers>
            </Label>

            <!---*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-6. item separator-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*_*-*-*-*-*-*-*-*-*-*-*-**-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-**-*-*-*-*-*-*-*-*-*-* -->
            <BoxView Grid.Row="7" HeightRequest="1" Grid.ColumnSpan="3" BackgroundColor="{ DynamicResource ListViewSeparatorColor }" HorizontalOptions="FillAndExpand" />
        </Grid>
    </StackLayout>
</ContentPage>
