CaffGeek/MBACNationals

<style>@page { size: landscape; }</style>

<h2>{{model.Division.replace("Ladies", "Women")}}<a class="hidden-print pull-right" href="javascript:window.print();"><span class="glyphicon glyphicon-print"></span></a></h2>
<h4>Game {{model.Number}}</h4>
<h5>{{model.Centre}} lane {{model.Lane}}-{{model.Lane+1}}</h5>

<div class="col span_5_of_12 col-md-5">
    <img class="span_3_of_3" src="/Content/Images/flags/{{model.Away.Province}}.gif" style="max-height:121px" />
    <h4><a href="" ui-sref="team({ team: model.Away.Id })">{{model.Away.Province}}</a></h4>

    <table style="width:100%">
        <tr>
            <th class="text-left"><h4>Points: {{model.Away.TotalPoints}}</h4></th>
            <td class="text-right"><h4>{{model.Away.Score}}</h4></td>
            <td class="text-right" data-ng-if="model.IsPOA" poahighlight="{{model.Away.POA}}"><h4>{{model.Away.POA}}</h4></td>
            <td class="text-right"><h4>{{model.Away.Points}}</h4></td>
        </tr>
        <tr data-ng-repeat="bowler in model.Away.Bowlers | orderBy:'Position'">
            <th class="text-left"><a href="" ui-sref="bowler({ bowler: bowler.Id })">{{bowler.Name}}</a></th>
            <td class="text-right">{{bowler.Score}}</td>
            <td class="text-right" data-ng-if="model.IsPOA" poahighlight="{{bowler.POA}}">{{bowler.POA}}</td>
            <td class="text-right">{{bowler.Points}}</td>
        </tr>
    </table>
</div>

<div class="col span_1_of_12 col-md-1"></div>

<div class="col span_5_of_12 col-md-5">
    <img class="span_3_of_3" src="/Content/Images/flags/{{model.Home.Province}}.gif" style="max-height:121px" />
    <h4><a href="" ui-sref="team({ team: model.Home.Id })">{{model.Home.Province}}</a></h4>
    
    <table style="width:100%">
        <tr>
            <th class="text-left"><h4>Points: {{model.Home.TotalPoints}}</h4></th>
            <td class="text-right"><h4>{{model.Home.Score}}</h4></td>
            <td class="text-right" data-ng-if="model.IsPOA" poahighlight="{{model.Home.POA}}"><h4>{{model.Home.POA}}</h4></td>
            <td class="text-right"><h4>{{model.Home.Points}}</h4></td>
        </tr>
        <tr data-ng-repeat="bowler in model.Home.Bowlers | orderBy:'Position'">
            <th class="text-left"><a href="" ui-sref="bowler({ bowler: bowler.Id })">{{bowler.Name}}</a></th>
            <td class="text-right">{{bowler.Score}}</td>
            <td class="text-right" data-ng-if="model.IsPOA" poahighlight="{{bowler.POA}}">{{bowler.POA}}</td>
            <td class="text-right">{{bowler.Points}}</td>
        </tr>
        <tr>
            <td></td>
        </tr>
    </table>
</div>