extends ../layouts/interior-page

block pagetitle
    span.glyphicon.glyphicon-list
    span.text-muted Lunch run status:
    |  {{ run.name }}

block interiorcontent
    .run-details(ng-show="show")
        p Wait here to see real-time updates of your invitees' orders.

        .progress
            div(class='progress-bar {{ progressClass }}',role='progressbar',aria-valuenow="{{ progress }}",aria-minvalue='0',aria-maxvalue='100',style='width:{{ progress }}%',ng-show='progress')
                | {{ progress }}%

        div.row.run-order-status(ng-repeat="i in run.invitees")
            div(class='name col-sm-3 {{ i.statusClass }}')
                span.glyphicon.glyphicon-user
                | {{ i.name }}
            .order.col-sm-7 {{ i.order }}
            .fill.col-sm-2
                a.btn.btn-default.btn-sm.btn-block(href='#/run/{{ run.id }}/order/{{ i.name }}')
                    span.glyphicon.glyphicon-pencil