<?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:app="clr-namespace:inutralia;assembly=inutralia"
             xmlns:artina="clr-namespace:UXDivers.Artina.Shared;assembly=UXDivers.Artina.Shared"             
             x:Class="inutralia.Views.ModalAddShoppingList"
             x:Name="modalAddShoppingListView"
             Title="Ingredientes adicionales"            
             BackgroundColor="{DynamicResource BasePageColor}">


    <ContentPage.Padding>
        <OnPlatform x:TypeArguments="Thickness" 
                    iOS="0,40,0,0"
                    Android="10,50,10,0"/>
    </ContentPage.Padding>

    <ContentPage.Content>
        <StackLayout HorizontalOptions="FillAndExpand" VerticalOptions="FillAndExpand" >

            <StackLayout VerticalOptions="FillAndExpand" HorizontalOptions="FillAndExpand">
                <StackLayout VerticalOptions="CenterAndExpand"  Padding="10,20,10,20">
                    <Label Text="AÑADE QUE QUIERES COMPRAR" TextColor="{DynamicResource AccentColor}" HorizontalOptions="Center" FontSize="24"/>

                    <Entry x:Name="entryIngre" Placeholder="Añade el ingrediente" HorizontalOptions="FillAndExpand" VerticalOptions="Center" Margin="20,20" />
                </StackLayout>
            </StackLayout>

            <StackLayout Orientation="Horizontal" VerticalOptions="EndAndExpand" HorizontalOptions="FillAndExpand" Padding="10,0,10,20" >

                <artina:Button x:Name="addModalButton"
                               VerticalOptions="CenterAndExpand"
                               FontSize="Medium"
                               Text="Añadir"                              
                               HorizontalOptions="FillAndExpand"
                               HeightRequest="60"
                               WidthRequest="120"
                               Clicked="AddModalButton"                                 
                               Style="{DynamicResource PrimaryActionButtonStyle}" />

                <artina:Button x:Name="cancelModalButton"
                               FontSize="Medium"
                               VerticalOptions="CenterAndExpand"
                               HorizontalOptions="FillAndExpand"
                               Text="Cancelar"                             
                               HeightRequest="60"
                               WidthRequest="110"
                               Clicked="CancelModalButton"                               
                               Style="{DynamicResource DeleteButtonStyle}"/>

            </StackLayout>
        </StackLayout>
    </ContentPage.Content>
</ContentPage>