CaffGeek/MBACNationals

<div class="row">
    <h2>HIGH AVERAGE</h2>

    <h4>Tournament Division</h4>
    <div class="section group">
        <div class="col-md-6">
            <h5>Men</h5>
            <ul>
            <li data-ng-repeat="participant in model.HighAverages['Tournament'].Participants | filter:{Gender:'M'} | orderBy:'Average':true | limitTo:10"><a href="" ui-sref="bowler({ bowler: participant.ParticipantId })">{{participant.Average | number:1}} - {{participant.Name}}</a></li>
            </ul>
        </div>
        <div class="col-md-6">
            <h5>Women</h5>
            <ul>
            <li data-ng-repeat="participant in model.HighAverages['Tournament'].Participants | filter:{Gender:'F'} | orderBy:'Average':true | limitTo:10"><a href="" ui-sref="bowler({ bowler: participant.ParticipantId })">{{participant.Average | number:1}} - {{participant.Name}}</a></li>
            </ul>
        </div>
    </div>
    
    <h4>Teaching Division</h4>
    <div class="section group">
        <div class="col-md-6">
            <h5>Men</h5>
            <ul>
            <li data-ng-repeat="participant in model.HighAverages['Teaching'].Participants | filter:{Gender:'M'} | orderBy:'Average':true | limitTo:10"><a href="" ui-sref="bowler({ bowler: participant.ParticipantId })">{{participant.Average | number:1}} - {{participant.Name}}</a></li>
            </ul>
        </div>
        <div class="col-md-6">
            <h5>Women</h5>
            <ul>
            <li data-ng-repeat="participant in model.HighAverages['Teaching'].Participants | filter:{Gender:'F'} | orderBy:'Average':true | limitTo:10"><a href="" ui-sref="bowler({ bowler: participant.ParticipantId })">{{participant.Average | number:1}} - {{participant.Name}}</a></li>
            </ul>
        </div>
    </div>
    
    <h4>Seniors</h4>
    <div class="section group">
        <div class="col-md-6">
            <h5>Men</h5>
            <ul>
            <li data-ng-repeat="participant in model.HighAverages['Senior'].Participants | filter:{Gender:'M'} | orderBy:'Average':true | limitTo:10"><a href="" ui-sref="bowler({ bowler: participant.ParticipantId })">{{participant.Average | number:1}} - {{participant.Name}}</a></li>
            </ul>
        </div>
        <div class="col-md-6">
            <h5>Women</h5>
            <ul>
            <li data-ng-repeat="participant in model.HighAverages['Senior'].Participants | filter:{Gender:'F'} | orderBy:'Average':true | limitTo:10"><a href="" ui-sref="bowler({ bowler: participant.ParticipantId })">{{participant.Average | number:1}} - {{participant.Name}}</a></li>
            </ul>
        </div>
    </div>
</div>