<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Alepa Twitch Grabs Candy</title>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="{{url_for('static', filename='picker.js')}}"></script>
<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
</head>
<body>


<div class="container">
<div class="row">
<h2>Simple Quantity increment buttons with Javascript </h2>
    <div class="col-lg-2">
      Tasty treats
                    <div class="input-group">
                <span class="input-group-btn">
                  
                    <button type="button" class="quantity-left-minus btn btn-danger btn-number"  data-type="minus" data-field="">
                      <span class="glyphicon glyphicon-minus"></span>
                    </button>
                </span>
                <input type="text" id="candy1" name="quantity" class="form-control input-number" value="0" min="1" max="20">
                <span class="input-group-btn">
                    <button type="button" class="quantity-right-plus btn btn-success btn-number" data-type="plus" data-field="">
                        <span class="glyphicon glyphicon-plus"></span>
                    </button>
                </span>
            </div>
    </div>
    <div class="col-lg-2">
       Sweet snacks
                    <div class="input-group">
                <span class="input-group-btn">
                 
                    <button type="button" class="quantity-left-minus btn btn-danger btn-number"  data-type="minus" data-field="">
                      <span class="glyphicon glyphicon-minus"></span>
                    </button>
                </span>
                <input type="text" id="candy2" name="quantity" class="form-control input-number" value="0" min="1" max="20">
                <span class="input-group-btn">
                    <button type="button" class="quantity-right-plus btn btn-success btn-number" data-type="plus" data-field="">
                        <span class="glyphicon glyphicon-plus"></span>
                    </button>
                </span>
            </div>
    </div>

    <div class="col-lg-2">
                                            Chocolaty candy 
                    <div class="input-group">
                <span class="input-group-btn">

                    <button type="button" class="quantity-left-minus btn btn-danger btn-number"  data-type="minus" data-field="">
                      <span class="glyphicon glyphicon-minus"></span>
                    </button>
                </span>
                <input type="text" id="candy3" name="quantity" class="form-control input-number" value="0" min="0" max="20">
                <span class="input-group-btn">
                    <button type="button" class="quantity-right-plus btn btn-success btn-number" data-type="plus" data-field="">
                        <span class="glyphicon glyphicon-plus"></span>
                    </button>
                </span>
            </div>
    </div>

    <div class="col-lg-2">
      Good something
                <div class="input-group">
                <span class="input-group-btn">
                    <button type="button" class="quantity-left-minus btn btn-danger btn-number"  data-type="minus" data-field="">
                      <span class="glyphicon glyphicon-minus"></span>
                    </button>
                </span>
                <input type="text" id="candy4" name="quantity" class="form-control input-number" value="0" min="0" max="20">
                <span class="input-group-btn">
                    <button type="button" class="quantity-right-plus btn btn-success btn-number" data-type="plus" data-field="">
                        <span class="glyphicon glyphicon-plus"></span>
                    </button>
                </span>
            </div>
    </div>

        <div class="col-lg-2">
              <div class="input-group">
                       <button class="btn btn-magick" onClick="submitOrder()">Place sweet order!</button>
            </div>
    </div>
</div>
</div>

</body>
</html>

