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.pull-right(ng-show='showMenuUrl')
                a.btn.btn-default(href='{{ run.menuUrl }}',target="_blank",data-toggle='modal',data-target='#menuModal')
                    span.glyphicon.glyphicon-list-alt
                    |  Show Menu

        .row
            .col-xs-12.col-sm-7
                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)') 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
                            span.glyphicon.glyphicon-user
                            |  
                            strong {{ i.name }}
                            | : {{ i.order }}

block modals
    .modal.fade#menuModal(tabindex=-1,role='dialog',aria-labelledby='menuModalLabel',aria-hidden='true')
        .modal-dialog.modal-lg
            .modal-content
                .modal-header
                    |  
                    button.close(type='button',data-dismiss='modal',aria-hidden='true') ×
                .modal-body
                    h4.hidden.modal-title#menuModalLabel Menu
                    iframe(ng-src='{{ menuUrl }}',width='100%',height='400px')