extends ../layouts/interior-page

block pagetitle
    span.glyphicon.glyphicon-list.title-icon
    span.text-muted Enter your order for: 
    a(href='/#/run/{{ run.id }}') {{ run.name }}
    .pull-right
        include ../includes/run-nav
            

block interiorcontent
    div(ng-show='show')
        p Hi {{ invitee.name }}! You are all going to {{ run.restaurant }}. 

        .row
            .col-xs-12.col-sm-7
                h2 Update your order
                form.form.update-order-form(role='form')
                    div.form-group
                        textarea#order.form-control(ng-model='invitee.order',placeholder='Your order',rows=8)

                    button.btn.btn-lg.btn-primary.btn-block(ng-click='submit(invitee)') Update Order

            .col-xs-12.col-sm-5
                div.pod.others-orders
                    h2 Other's orders
                    ul.list-group(ng-repeat='i in invitees')
                        li.list-group-item.clearfix
                            .person.pull-left
                                span.glyphicon.glyphicon-user
                                |  
                                strong {{ i.name }}
                            .order.pull-left
                                | {{ i.order }}

block modals
    include ../includes/menu-modal