extends ../layouts/interior-page

block pagetitle
        span.glyphicon.glyphicon-list
        span.text-muted Enter your order for:
        |  {{ run.name }}

block interiorcontent
    div(ng-show='show')
        p Hi {{ invitee.name }}! You are all going to {{ run.restaurant }}. 
            span(ng-show='showMenuUrl') Here is the 
                a(href='{{ run.menuUrl }}',target="_blank") menu.

        .row
            .col-xs-12.col-sm-6
                h2 Update your order
                form.form.create-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)') Submit Order

            .col-xs-12.col-sm-6
                div.pod(ng-show='showMenuUrl')
                    h2
                        | Menu 
                        a.btn.btn-sm.btn-default.pull-right(href='{{ run.menuUrl }}',target='_blank')
                            span.glyphicon.glyphicon-new-window

                    iframe(ng-src='{{ menuUrl }}',width='100%',height='400px')

                div.pod.others-orders
                    h2 Other's orders
                    ul.list-group(ng-repeat='i in invitees')
                        li.list-group-item
                            strong {{ i.name }}
                            | : {{ i.order }}