extends layout

block content
  #itemPage
    a#back(href="/") «
    img#stage(src=item.previewfile)

    section#details
      p !{item.intro}
      p !{item.details}
      p.price
        span.value #{item.price}

      form.available
        .inlineCalendar
          input(type="hidden", value=item.unavailableDates)
          .calendar

      form.request(action="/request/", method="post")
        h5 #{item.title} anfragen
        .form-group
          .input-group
            .input-group-prepend
              span.input-group-text
                i(class="fa fa-calendar-o")
            input(type="text", data-type="date", class="input-sm form-control", name="start", placeholder="Von", data-toggle="tooltip", title="Wann möchtest du den Artikel ausleihen?")
        .form-group
          .input-group
            .input-group-prepend
              span.input-group-text
                i(class="fa fa-calendar-o")
            input(type="text", data-type="date", class="input-sm form-control", name="end", placeholder="Bis", data-toggle="tooltip", title="Bis wann möchtest du den Artikel ausleihen?")
        .form-group
          .input-group
            .input-group-prepend
              span.input-group-text
                i(class="fa fa-user-o")
            input(type="text", class="input-sm form-control", name="name", placeholder="Dein Vor- u. Nachname", data-toggle="tooltip", title="Verrate uns doch bitte, wer du bist!")
        .form-group
          .input-group
            .input-group-prepend
              span.input-group-text
                i(class="fa fa-envelope-o")
            input(type="text", class="input-sm form-control", name="contact", placeholder="E-Mail oder Telefonnummer", data-toggle="tooltip", data-placement="top", title="Wie möchtest du von uns Antwort erhalten? Nenn uns deine Telefonnummer, oder deine E-Mail-Adresse.")
        .form-group
          .input-group
            button(type="submit", class="btn btn-primary btn-block", value="request") Anfrage