@(asg: model.ASG)(implicit money: java.text.DecimalFormat)
<div class="asg panel panel-default">
    <div class="panel-heading">
        <h4 class="panel-title">
            @asg.app
            @for(cost <- asg.approxMonthlyCost){<small>(~ $@money.format(cost)/month)</small>}
        </h4>
    </div>

    @if(!asg.suspendedActivities.isEmpty) {
        <div class="alert alert-warning panel-body">
            <strong>Warning!</strong> The following autoscaling activities are currently
            suspended: @asg.suspendedActivities.mkString(", ")
        </div>
    }

    <table class="table table-condensed">

        <thead>
            <th>Instance</th>
            @for(_ <- asg.name) {
                <th>AutoScaling</th>
            }
            @for(_ <- asg.elb) {
                <th>ELB</th>
            }
            <th>Uptime</th>
            <th>Version</th>
        </thead>

        @for(member <- asg.members) {
            <tr class="@member.goodorbad">
                <td><a href="@routes.Application.instance(member.id)">@member.id</a></td>
                @for(_ <- asg.name) {
                    <td>@member.lifecycleState</td>
                }
                @for(_ <- asg.elb) {
                    <td title="@member.description">@member.state<br>@member.description</td>
                }
                <td>@member.instance.uptime</td>
                <td>@member.instance.version.getOrElse("?")</td>
            </tr>
        }

    </table>
</div>