lee
/
subline


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293
							<!DOCTYPE html>
<html>
    <head>
        <title>The Subline</title>
        <link rel="stylesheet" href="/merchantSetupPage/merchantSetup.css">
        <link rel="stylesheet" href="/shared/shared.css">
    </head>
    <body>
        <% include ../shared/header %>

        <% include ../shared/banner %>

        <div id="addIngredients" class="container">
            <h1>Add your first set of ingredients to your pantry</h1>

            <h3>Choose from our list of ingredients</h3>

            <h5>(Can't find something?  You can create it in the next step)</h5>
            
            <table id="ingredient-display">
                <thead>
                    <tr>
                        <th>Add</th>
                        <th>Ingredient</th>
                        <th>Category</th>
                        <th>Quantity</th>
                        <th>Unit</th>
                    </tr>
                </thead>
                <tbody></tbody>
            </table>

            <button onclick="ingredientSetup.displayNewIngredients()">Next</button>
        </div>

        <div id="newIngredients" class="container hide">
            <h1>Add your first set of ingredients to your pantry</h1>

            <h3>Create your own ingredients</h3>

            <table id="inputField">
                <thead>
                    <tr>
                        <th>Ingredient Name</th>
                        <th>Category</th>
                        <th>Quantity</th>
                        <th>Measurement Unit</th>
                        <th class="anticolumn"></th>
                    </tr>
                </thead>
                <tbody></tbody>
            </table>
            <button onclick="ingredientSetup.newIngredientField()">+</button>
            <button onclick="ingredientSetup.createIngredientsList()">Create Ingredients</button>
            <button onclick="ingredientSetup.displayExistingIngredients()">Back</button>
        </div>

        <div id="createRecipes" class="container hide">
            <h1>Create your recipes</h1>

            <h2 id="recipeName"></h2>

            <table id="recipes">
                <thead>
                    <tr>
                        <th>Ingredient</th>
                        <th>Quantity</th>
                        <th class="anticolumn"></th>
                    </tr>
                </thead>
                <tbody></tbody>
            </table>

            <button onclick="recipeSetup.addRecipeIngredientField()">+</button>
            <button id="next"></button>
            <button id="previous" onclick="recipeSetup.changeRecipe(-1)">Previous Recipe</button>
        </div>

        <script>
            let ingredients = <%- JSON.stringify(ingredients) %>;
            if(locals.recipes){
                console.log("something");
                
            }
        </script>
        <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
        <script src="../shared/validation.js"></script>
        <script src="/merchantSetupPage/recipeSetup.js"></script>
        <script src="/merchantSetupPage/ingredientSetup.js"></script>
        <script src="/merchantSetupPage/controller.js"></script>
    </body>
</html>