<div class="logwaste-popup">

	<h4>How much did you use?</h4>

	<p><span id="userin">{{test.input}}%</span>
  <div class="input-slider">
    <!-- slider bar input, tied to test.input. needs javascript function to show the value the user is picking -->
    <input id="rangevalue" ng-model="test.input" type="range" min="0" max="100" value="0"/>
  </div>

	<div>
		<input type="checkbox" src="images/icons/unchecked.png" class="checkboxNonFood" ng-model="nonFood" ng-click="setNonFood(nonFood)" ng-checked="nonFood"> Non-food item</div>

	</div>

	<button ng-click="back()">Submit</button>
	<button id="ask-later-btn" ng-click="later()" ng-hide="cancel">Ask me later</button>
	<button id="cancel-btn" ng-click="later()"ng-show="cancel">Cancel</button>
</div>

