<%@ Page Title="" Language="C#" MasterPageFile="~/MasterPages/MySwoleMate.Master" AutoEventWireup="true" CodeBehind="AddMeal.aspx.cs" Inherits="MySwoleMate300WebApiFinal.AddMeal" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <script src="/Scripts/AddItemMeal.js" type="text/javascript"></script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <section class= "first">
        <div class= "container">
            <div class="row">
                <div class="col-xs-12 text-center">
                    <h1>ADD MEAL</h1>
                </div>
            </div>
            <div class="form-horizontal">
                <div class="form-group">
                    <div class="row">
                    </div>
                    <div class="row">
                        <asp:Label ID="AddMealLabel" AssociatedControlID="AddMealName" CssClass="col-xs-4 control-label"  runat="server" Text="Meal Name"></asp:Label>
                        <div class="col-xs-4">
                            <asp:TextBox ID="AddMealName" data-describeby="helpBlock" TextMode="SingleLine" data-html="true" data-animation="true" data-toggle ="tooltip" data-placement="top"
                                         CssClass ="form-control" validationgroupname="AllValidators"  MaxLength="30"  runat="server">
                            </asp:TextBox>
                            <div class ="has-error">
                                <span class="help-block" id="helpBlock">
                                </span>
                            </div>
                        </div>
                    </div>
                    </div>
                    <div class="form-group">
                        <div class="row">
                            <asp:Label ID="AddCategoryLabel" AssociatedControlID="AddCategoryName" CssClass="col-xs-4 control-label"  runat="server" Text="Category"></asp:Label>
                            <div class="col-xs-4">
                                <asp:dropdownlist ID ="AddCategoryName" validationgroupname="AllValidators" data-describeby="helpBlock2" data-html="true" data-animation="true" data-toggle="tooltip" data-placement="top" CssClass="form-control" runat="server">
                                </asp:dropdownlist>
                                <div class="has-error">
                                    <span class="help-block" id="helpBlock2">
                                    </span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-xs-12 text-center">
                            <span id="addItemButton"></span>
                        </div>
                    </div>
                    <hr />
                    <asp:panel ID="AddMealContainer" runat="server">
                    </asp:panel>
                    <div class="form-group">
                        <div class="row">
                            <div class="col-xs-12 text-center">
                                <asp:Button ID="AddMealButton" runat="server" OnClientClick="return Form_Validate();" Text="Submit" CssClass="btn btn-success"
                                             ValidationGroup="AllValidators" />
                                <asp:hyperlink cssclass="btn btn-default" navigateurl="~/Food.aspx" runat="server" text="Back" />
                            </div>
                        </div>
                    </div>
                </div>
            </div>
    </section>
</asp:Content>