1 files changed, 50 insertions, 1 deletions

diff --git a/pages/meals.html b/pages/meals.html
index 9e80ec0..36ba07b 100644
--- a/pages/meals.html
+++ b/pages/meals.html
@@ -135,7 +135,56 @@
 	        </button>
 	</h4>
 	<ul id="meals-collapsible" class="collapsible"></ul>
-    </div>
+	<!--
+		<div class="row">
+			<div class="input-field col s4">
+				<input type="text" class="datepicker" id="datepicker-from">
+				<label for="datepicker-from" class="active">Date</label>
+			</div>
+			<div class="input-field col s4">
+				<select>
+					<option value="" disabled selected>Meal type</option>
+					<option value="Malica">Malica</option>
+					<option value="Kosilo">Kosilo</option>
+				</select>
+				<label>Meal type</label>
+			</div>
+			<div class="input-field col s4">
+				<button id="meals_checkout" href="#meals_checkout-warning-modal" type="button" class="modal-trigger waves-effect waves-light btn" style="float: right">
+					Checkout from a meal
+					<i class="material-icons right">trending_up</i>
+				</button>	
+			</div>
+		</div>
+	<h4>Checkouts</h4>
+	
+	<hr>
+	-->
+	<p>
+		<small>
+			<b>
+				Usage:
+			</b>
+			Click on a date to open the collapsible menu with choices and click on a specific meal to select it. Reload the meals when you're done and check the entries.
+			<br>
+			<b>
+				Note:
+			</b>
+			App was not tested with lunches in mind. Meals probably won't work with lunches and having a lunch subscription may even break its functionality.
+			<br>
+			<b>
+				Note:
+			</b>
+			If a meal is not present in the Meals collapsible field, this does not necessarily mean it does not exist. Meals that haven't been altered by you or are unchangable
+			(read-only) are not shown for clarity.
+			<br>
+			<b>
+				Note:
+			</b>
+			You are welcome to contribute to the <a href="https://github.com/rstular/lopolis-api/" target="_blank">LopolisAPI project source (py)</a> and add features, such as checkouts.
+		</small>
+	</p>
+	</div>
 </body>
 
 </html>