<?xml version="1.0" encoding="utf-8" ?>
<pages:PopupPage xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             x:Class="inutralia.Views.ShoppingList.InfoPopup"            
             xmlns:pages="clr-namespace:Rg.Plugins.Popup.Pages;assembly=Rg.Plugins.Popup"
             xmlns:animations="clr-namespace:Rg.Plugins.Popup.Animations;assembly=Rg.Plugins.Popup"
             xmlns:artina="clr-namespace:UXDivers.Artina.Shared;assembly=UXDivers.Artina.Shared"
             BackgroundColor="Transparent">

    <pages:PopupPage.Animation>
        <animations:ScaleAnimation 
                      PositionIn="Center"
                      PositionOut="Center"
                      ScaleIn="1.2"
                      ScaleOut="0.8"
                      DurationIn="400"
                      DurationOut="300"
                      EasingIn="SinOut"
                      EasingOut="SinIn"
      HasBackgroundAnimation="False"/>
    </pages:PopupPage.Animation>

    <StackLayout VerticalOptions="Center"  Padding="20,0" HorizontalOptions="FillAndExpand" >
        <Frame CornerRadius="10" Padding="0" BackgroundColor="{DynamicResource AccentColor}" >
            <StackLayout Padding="10">
                <Label Text="COMO SE UTILIZA LA LISTA DE LA COMPRA" TextColor="White" HorizontalOptions="Start"/>
                <Label Text="La lista de la compra mostrará por defecto los ingredientes a utilizar por orden alfabético." TextColor="#333333" FontSize="Small" HorizontalOptions="CenterAndExpand"></Label>
                <Label Text="BOTONES A UTILIZAR" TextColor="White" HorizontalOptions="Start"></Label>
                <Label Text="· Añadir Productos" HorizontalOptions="Start" TextColor="#FFFFFF" FontSize="Small"></Label>
                <Label Text="Desde esta opción podremos añadir el producto que queramos, siempre que sean relativos a la nutrición" TextColor="#333333" FontSize="Small" HorizontalOptions="CenterAndExpand"></Label>
                <Label Text="· Comprar en DELSUPER" HorizontalOptions="Start" TextColor="#FFFFFF" FontSize="Small"></Label>
                <Label Text="Este botón se pulsará, siempre que se quiera realizar la compra a través de un supermercado de forma online. Para ello nuestra alianza con el marketplace DelSuper nos facilitará esta opción, integrando nuestra lista en el supermercado que elijamos, para que nos la traigan a casa*" TextColor="#333333" FontSize="Small" HorizontalOptions="CenterAndExpand"></Label>
                <Label Text="* Ver códigos postales de reparto." TextColor="#333333" FontSize="Micro" HorizontalOptions="CenterAndExpand"></Label>
                <Label Text="· Borrar marcados" HorizontalOptions="Start" TextColor="#FFFFFF" FontSize="Small"></Label>
                <Label Text="Esta opción tiene 2 funcionalidades, la primera, si vas hacer la compra personalmente, puedes ir marcándolos según los vayas echando a la cesta, y la segunda, tiene una función de eliminación, de tal forma que si vas a hacer la compra online y un producto no lo quieres adquirir, lo deberás marcar y borrar. Puedes hacerlo uno por uno o de forma masiva." TextColor="#333333" FontSize="Small" HorizontalOptions="CenterAndExpand"></Label>
                <Label Text="· Borrar todos" HorizontalOptions="Start" TextColor="#FFFFFF" FontSize="Small"></Label>
                <Label Text="Esta opción tiene como objetivo borrar todos los productos de una sola vez" TextColor="#333333" FontSize="Small" HorizontalOptions="CenterAndExpand"></Label>

                <StackLayout Orientation="Horizontal" VerticalOptions="End" Padding="10,20,10,0">
                    <artina:Button Text="Cerrar"                                
                               Clicked="Button_Clicked" 
                               FontSize="Medium" 
                               Style="{DynamicResource DeleteButtonStyle}" 
                               VerticalOptions="Center" 
                               HorizontalOptions="FillAndExpand" />
                </StackLayout>
            </StackLayout>
        </Frame>
    </StackLayout>
</pages:PopupPage>
