SOD/views/index.pug

extends layout

block content
  div.card
    h1= title
    p=__("index.welcome")
    form#order(action="/order" method="POST")
      div.field
        label(for="department")=__("department")+":"
        +list("department", "department-list", "department", user ? user.DepartmentName : "", "off", true)
        datalist#department-list
          each department in departments
            option(value=department.name)

      div.field
        label(for="firstname")=__("firstName")+":"
        input#firstname(type="text" name="firstName" value=user ? user.firstName : "" required)
      div.field
        label(for="lastname")=__("lastName")+":"
        input#lastname(type="text" name="lastName" value=user ? user.lastName : "" required)

      div#order1.order
        h2=__("order")+" 1"
        div.field
          label(for="sandwich1")=__("sandwich")+":"
          +list("sandwich1", "sandwich-list", "sandwiches[1]", "", "off", true)
        div.field
          label(for="day1")=__("index.day")+":"
          input#day1(type="date" min=date.firstDate ? date.firstDate : "" max=date.lastDate ? date.lastDate : "" name="dates[1]" required)

      div#order-action
        a#add-order +
        a#remove-order.hide -

      h3=__("index.payment")
      div.field.buttons
        label(for="lyf_pay") LyfPay
        input#lyf_pay(type="radio" name="payment" value="lyfPay" checked)
        label(for="credit_card")=__("index.creditCard")
        input#credit_card(type="radio" name="payment" value="creditCard")

      div.field
        +submit(value=__("index.pay"))

      datalist#sandwich-list
        each sandwich in sandwiches
          option(value=sandwich.name)

  script(src="/javascripts/index.js")