lee
/
subline


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136
							<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <title>The Subline</title>
        <link rel="icon" type="img/png" href="/shared/images/logo.png">
        <link rel="stylesheet" href="/shared/shared.css">
        <link rel="stylesheet" href="/dataPage/data.css">
    </head>
    <body>
        <% include ../shared/header %>

        <% include ../shared/banner %>

        <h1 id="title"><%=data.merchant.name%></h1>

        <strand-selector></strand-selector>

        <div id="homeStrand" class="strand">
            <h2 id="month"></h2>

            <div class="dates">
                <label>From:
                    <input id="homeFrom" type="date" onchange="window.homeObj.newDates()">
                </label>
                
                <label>To:
                    <input id="homeTo" type="date" onchange="window.homeObj.newDates()">
                </label>
            </div>

            <div class="buttonBox">
                <a class="button" href="/dashboard">Display Inventory</a>
            </div>
            
            <div class="tables">
                <!-- Ingredients used -->
                <div id="ingredientsData" class="dataTable">
                    <h3>Ingredients</h3>
                    <table>
                        <thead>
                            <tr>
                                <th>Ingredient</th>
                                <th>Used</th>
                                <th>Remaining</th>
                            </tr>
                        </thead>
                        <tbody></tbody>
                    </table>
                </div>

                <!-- Recipes used -->
                <div id="recipesData" class="dataTable">
                    <h3>Recipes</h3>

                    <div>
                        <p>Total Revenue: <span id="revenueTotal"></span></p>
                        <p>Total sold: <span id="soldTotal"></span></p>
                    </div>

                    <table>
                        <thead>
                            <tr>
                                <th>Recipe</th>
                                <th># sold</th>
                                <th>Revenue</th>
                            </tr>
                        </thead>
                        <tbody></tbody>
                    </table>
                </div>

                <!-- Purchases -->
                <div id="purchasesData" class="dataTable">
                    <h3>Purchases</h3>

                    <table>
                        <thead>
                            <tr>
                                <th>Ingredient</th>
                                <th>Amount</th>
                            </tr>
                        </thead>
                        <tbody></tbody>
                    </table>
                </div>
            </div>
        </div>

        <div id="ingredientStrand" class="strand">
            <div class="dates">
                <label>From:
                    <input id="ingredientFrom" type="date" onchange="window.ingredientObj.newDates()">
                </label>
                
                <label>To:
                    <input id="ingredientTo" type="date" onchange="window.ingredientObj.newDates()">
                </label>
            </div>

            <div class="canvasBox">
                <div id="ingredientOptions"></div>

                <canvas></canvas>
            </div>
        </div>

        <div id="recipeStrand" class="strand">
            <div class="dates">
                <label>From:
                    <input id="recipeFrom" type="date" onchange="window.ingredientObj.newDates()">
                </label>
                
                <label>To:
                    <input id="recipeTo" type="date" onchange="window.ingredientObj.newDates()">
                </label>
            </div>

            <div class="canvasBox">
                <div id="recipeOptions"></div>

                <canvas></canvas>
            </div>
        </div>

        <script>let data = <%- JSON.stringify(data); %></script>
        <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
        <script src="/shared/validation.js"></script>
        <script src="/dataPage/home.js"></script>
        <script src="/dataPage/ingredient.js"></script>
        <script src="/dataPage/recipe.js"></script>
        <script src="/shared/controller.js"></script>
        <script src="/shared/graphs.js"></script>
        <script src="/dataPage/fetchData.js"></script>
    </body>
</html>