{% include 'components/frontHead.html' %}
<div class="container" >
    <div class="row" id="waitTimeRow">
        <ol class="breadcrumb" id="waitBread">
            <li><a href="#"><i class="fa fa-fw fa-home"></i> {{ breadcrumb.storeType }}</a></li>
            <li class="active">{{ breadcrumb.storeCity }}</li>
            <div id="waitLoading" class="pull-right"> <i class='fa fa-spinner fa-spin pull-right'></i></div>
            <div id="waitTime" class="waitTimeText pull-right"></div>

        </ol>
        <div id="waitAdjust">
            <div class="btn-group btn-group-lg" id="waitButtons">
                {% if breadcrumb.waitTime == 3 %}
                <button type="button" class="btn btn-primary active">3</button>
                {% else %}
                <button type="button" class="btn btn-primary">3</button>
                {% endif %}
                {% if breadcrumb.waitTime == 5 %}
                <button type="button" class="btn btn-primary active">5</button>
                {% else %}
                <button type="button" class="btn btn-primary">5</button>
                {% endif %}
                {% if breadcrumb.waitTime == 10 %}
                <button type="button" class="btn btn-primary active">10</button>
                {% else %}
                <button type="button" class="btn btn-primary">10</button>
                {% endif %}
                {% if breadcrumb.waitTime == 15 %}
                <button type="button" class="btn btn-primary active">15</button>
                {% else %}
                <button type="button" class="btn btn-primary">15</button>
                {% endif %}
            </div>
        </div>
    </div>
    <!-- <div class="row">
        <div class="col-sm-12">
            <div class="well well-sm" style="margin-bottom:10px;margin-top: 10px;">
                <h1 class="waitTimeText">
                    <div id="waitTime"></div>
                </h1>
                <div id="waitLoading" style="position: absolute; right:25px; bottom: 20px; font-size: 18px;"></div>
                <h3 style="color: #000; text-align: center; margin:0;">Current Estimated Wait Time</h3>
            </div>
        </div>
    </div> -->
    <div class="row">
        <div id="buyqueue_load">
            <div id="buysProcessing"></div>
            <div id="buysSorted"></div>
            <div id="buysSorting"></div>
            <div id="buysQueued"></div>
            <div id="buysRemote"></div>
        </div>
    </div>
</div>
{% include 'components/frontFoot.html' %}
<script type="text/javascript">

</script>

</body>
</html>