include mixin

doctype html
html
  head
    title= title
    link(rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons")
    link(rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css")
    //link(rel="stylesheet" href="/stylesheets/style.css")
    meta(name="viewport" content="width=device-width, initial-scale=1.0")
  body
    mixin nav
      if user
        if user.permissions >= 1
          li: a(href="/sandwiches")=__("sandwiches")
        if user.permissions >= 2
          li: a(href="/orders")=__("orders")
        if user.permissions >= 3
          li: a(href="/admin")=__("admin.title")
        li: a(href="/profile")=user.username
        li: a(href="/logout")=__("layout.logout")
      else
        li: a(href="/login")=__("layout.login")
        li: a(href="/register")=__("layout.register")
    nav.orange(role="navigation")
      div.nav-wrapper.container
        a.brand-logo(href="/") SOD
        a.sidenav-trigger(href="#" data-target="mobile-nav"): i.material-icons menu
        ul.right.hide-on-med-and-down
          +nav
      ul#mobile-nav.sidenav
        +nav

    block content

    .hide
      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="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js")
    script(src="/javascripts/layout.js")
    if !test
      p !{captcha}