include mixin

doctype html
html
  head
    title= title
    link(rel="stylesheet", href="/stylesheets/style.css")
  body
    block content

    div#user
      a(href="/")=__("layout.home")
      if user
        if user.permissions >= 1
          p -
          a(href="/sandwiches")=__("sandwiches")
        if user.permissions >= 2
          p -
          a(href="/orders")=__("orders")
        if user.permissions >= 3
          p -
          a(href="/admin")=__("admin.title")
      p |
      if user
        a(href="/profile")=user.username
        a(href="/logout")=__("layout.logout")
      else
        a(href="/login")=__("layout.login")
        a(href="/register")=__("layout.register")

    div#more
      a=__("layout.about")
      a=__("contact")

    div#dark.hide
    div#about.popup.card.hide
      h1=__("layout.about")
      p=__("layout.aboutDescription")
      div.images
        div
          img(src="/images/logoBio.png")
          p=__("layout.bio")
        div
          img(src="/images/logoChimie.png")
          p=__("layout.chemistry")
        div
          img(src="/images/logoGC.png")
          p=__("layout.GC")
        div
          img(src="/images/logoGCGP.png")
          p=__("layout.GCPD")
        div
          img(src="/images/logoGEA.png")
          p=__("layout.GEA")
        div
          img(src="/images/logoInfo.png")
          p=__("layout.IT")
      p.before-link=__("layout.made")
        a(href="https://www.linkedin.com/in/florian-charlaix" target="_blank") Florian Charlaix
      p.before-link=__("layout.powered")
        a(href="https://sapinet.fr" target="_blank") Sapinet
    div#contact.popup.card.hide
      h1=__("contact")
      form(action="/contact" method="POST")
        div.cont
          div.field
            label(for="firstNameContact")="* "+__("firstName")
            input#firstNameContact(type="text" name="firstName" value=user?user.firstName:"" required)
          div.field
            label(for="lastNameContact")="* "+__("lastName")
            input#lastNameContact(type="text" name="lastName" value=user ? user.lastName : "" required)
        div.cont
          div.field
            label(for="emailContact")="* "+__("email")
            input#emailContact(type="email" name="email" value=user ? user.email : "" required)
          div.field
            label(for="phoneNumberContact")=__("layout.phoneNumber")
            input#phoneNumberContact(type="tel" name="phoneNumber")
        div.field
          label(for="subjectContact")="* "+__("layout.subject")
          +list("subjectContact", "subjectContactList", "subject", "", "off", true)
          datalist#subjectContactList
            option(value=__("layout.commandEdit"))
            option(value=__("layout.commandRemove"))
            option(value=__("layout.question"))
            option(value=__("layout.profile"))
            option(value=__("layout.other"))
        p=__("layout.warnMessage")
        div.field.message
          label(for="messageContact")=__("layout.message")
          textarea#messageContact(name="message" required)
        div.field
          +submit(value=__("send"))

    script(src="/javascripts/layout.js")
    if !test
      p !{captcha}