<div class="jumbotron">
    <div class="row">
        <div class="col-md-6"><a class="btn btn-lg btn-block btn-primary" ng-click="addItem(0)">Steak mit Pommes</a></div>
        <div class="col-md-6"><a class="btn btn-lg btn-block btn-info" ng-click="addItem(1)">Steak mit Brot</a></div>
    </div>
    <br/>
    <div class="row">
        <div class="col-md-6"><a class="btn btn-lg btn-block btn-darkgreen" ng-click="addItem(2)">Hackbraten mit Pommes</a></div>
        <div class="col-md-6"><a class="btn btn-lg btn-block btn-success" ng-click="addItem(3)">Hackbraten mit Brot</a></div>
    </div>
    <br/>
    <div class="row">
        <div class="col-md-6"><a class="btn btn-lg btn-block btn-warning" ng-click="addItem(4)">Portion Pommes</a></div>
    </div>
</div>

<div class="row marketing">
    <h3>
            <label>Rechnung Nr.
            <input type="text" ng-model="Rechnung"/></label>
    </h3>
    <table class="table table-striped">
        <tr>
            <th>Pos</th>
            <th>Anzahl</th>
            <th>Bezeichnung</th>
            <th class="text-right">EP</th>
            <th class="text-right">GP</th>
        </tr>
        <tr ng-repeat="b in Bestellung">
            <td>
                <div class="btn-group">
                    <button type="button" class="btn btn-danger" ng-click="removeItem(b)"><i class="glyphicon glyphicon-trash"></i></button>
                    <button type="button" class="btn btn-default">{{$index+1}}</button>
                </div>
                </td>
            <td>
                <div class="btn-group">
                    <button type="button" class="btn btn-success" ng-click="b.Anzahl=b.Anzahl+1"><i class="glyphicon glyphicon-plus"></i></button>
                    <button type="button" class="btn btn-default">{{b.Anzahl}}</button>
                    <button type="button" class="btn btn-danger" ng-click="b.Anzahl=b.Anzahl-1"><i class="glyphicon glyphicon-minus"></i></button>
                </div>
            </td>
            <td>{{b.Bezeichnung}}<br/>
                <div class="btn-group" ng-show="b.Extras">
                    <button type="button" class="btn" ng-class="{'btn-primary':b.Extras.Jaeger}" ng-click="b.Extras.Jaeger=!b.Extras.Jaeger">Jägersauce</button>
                    <button type="button" class="btn" ng-class="{'btn-success':b.Extras.Zwiebel}" ng-click="b.Extras.Zwiebel=!b.Extras.Zwiebel">Zwiebelsauce</button>
                </div>
            </td>
            <td class="text-right">{{b.EP|euro}}</td>
            <td class="text-right">{{b.Anzahl*b.EP|euro}}</td>
        </tr>
        <tr class="warning middle">
            <td><i class="glyphicon glyphicon-shopping-cart"></i></td>
            <th>{{Anzahl()}}</th>
            <th>Gesamt</th>
            <td></td>
            <td class="text-right">
                <button type="button" class="btn btn-success btn-lg" ng-click="checkOut()">{{Summe()|euro}} €</button>
            </td>
        </tr>
    </table>
</div>
