extends ../layouts/interior-layout

block pagetitle
    span.glyphicon.glyphicon-chevron-right
    | start a new lunch run
    
block interiorcontent
    .create-run-form(ng-controller='CreateRunCtrl')
        form(name='form',novalidate,role='form')
            section.name
                .row
                    .col-xs-2.step-num
                        span.glyphicon.glyphicon-info-sign
                    .col-xs-10
                        input#name.form-control(type='text',ng-model='run.name',required,placeholder='Name your run')
            section
                .row
                    .col-xs-2.step-num
                        span.glyphicon.glyphicon-user
                    .col-xs-10
                        input#creatorName.form-control(type='text',ng-model='run.creatorName',required,placeholder='Your name')
                        input#creatorEmail.form-control(type='email',ng-model='run.creatorEmail',required,placeholder='Your email')
            section
                .row
                    .col-xs-2.step-num 
                        span.glyphicon.glyphicon-map-marker
                    .col-xs-10
                        input#restaurant.form-control(type='text',ng-model='run.restaurant',placeholder='Restaurant')
                        input#menuUrl.form-control(type='url',ng-model='run.menuUrl',placeholder='Menu URL')

            section.invitees
                .row
                    .col-xs-2.step-num
                        span.glyphicon.glyphicon-list
                    .col-xs-10
                        .invitee.clearfix(ng-repeat='i in run.invitees')
                            input.form-control(ng-model='i.name',required,placeholder='Name')
                            input.form-control(ng-model='i.email',required,placeholder='Email')
                            button.btn.btn-warning(ng-click='removeInvitee($index)') 
                                span.glyphicon.glyphicon-remove

                        button.btn.btn-default(ng-click='addInvitee()')
                            span.glyphicon.glyphicon-plus
                            | Invite another!

            section.submit
                button.btn.btn-lg.btn-primary.btn-block(ng-click="create(run)",ng-disabled="form.$invalid")
                    | Create
