extends layout

block content
  div.card
    h1= title
    p Welcome to Sandwiches Order Doua
    form#command(action="/command" method="POST")
      div.field
        label(for="department") Department:
        input#department(type="list" list="department-list" name="department" autocomplete="off" required)
        datalist#department-list
          each department in departments
            option(value=department.name)

      div.field
        label(for="firstname") First name:
        input#firstname(type="text" name="firstName" required)
      div.field
        label(for="lastname") Last name:
        input#lastname(type="text" name="lastName" required)

      div#command1.command
        h2 Command 1
        div.field
          label(for="sandwich") Sandwich:
          input#sandwich(type="list" list="sandwich-list" name="sandwich1" autocomplete="off" required)
        div.field
          label(for="day") Day:
          input#day(type="date" name="date1" required)

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

      div.field
        input#send(type="submit" value="Pay")

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

  div#more
    a About
    a Contact

  div#dark.hide
  div#about.popup.card.hide
    h1 About
    p This software respond to the COVID-19 health crisis for the following students' offices food supply
    div.images
      div
        img(src="images/logoBio.png")
        p Bio student office
      div
        img(src="images/logoChimie.png")
        p Chemical student office
      div
        img(src="images/logoGC.png")
        p Civil engineering student office
      div
        img(src="images/logoGCGP.png")
        p Chemical and process engineering student office
      div
        img(src="images/logoGEA.png")
        p Management of companies and administrations student office
      div
        img(src="images/logoInfo.png")
        p IT student office
    p.before-link Made with ❤️ by
      a(href="https://www.linkedin.com/in/florian-charlaix" target="_blank") Florian Charlaix
  div#contact.popup.card.hide
    h1 Contact
    p.before-link Order issue:
      a(href="mailto: ") test@test.fr
    p.before-link Bio student office:
      a(href="mailto: ")
    p.before-link Chemical student office:
      a(href="mailto: ")
    p.before-link Civil engineering student office:
      a(href="mailto: ")
    p.before-link Chemical and process engineering student office:
      a(href="mailto: bde.gcgp.lyon1@gmail.com") bde.gcgp.lyon1@gmail.com
    p.before-link Management of companies and administrations student office:
      a(href="mailto: ")
    p.before-link IT student office:
      a(href="mailto: contact@bde-info.org") contact@bde-info.org

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