doctype html
html
  style. 
    footer {
      position:absolute;
      bottom:0;
      height: 60px;
      width:100%;
    }
  meta(name='viewport' content='width=device-width, initial-scale=1.0')
  head
    title Munka nyílvántartó
    link(rel='stylesheet' href='/bower_components/bootstrap/dist/css/bootstrap.css')
    link(rel='stylesheet', href='/pola.css')
    link(rel='stylesheet' href='/css/style.css')
  body
    nav.navbar.navbar-inverse
      .container
      .navbar-header
        button.navbar-toggle.collapsed(type='button', data-toggle='collapse', data-target='#navbar', aria-expanded='false', aria-controls='navbar')
          span.sr-only Toggle navigation
          span.icon-bar
          span.icon-bar
          span.icon-bar
        
        img(src='/bower_components/brand.ico', width='50', height='50',  class="d-inline-block align-top", alt='')
      a.navbar-brand(href='/') IO-Technic
      #navbar.collapse.navbar-collapse
        ul.nav.navbar-nav
          if user
            li.active
              a(href='/') Munkák
            //li
              a(href='/articles/add') Berendezés hozzáadása
            li
              a(href='/devices') Berendezések
            li
              a(href='/tools') Fogyóeszközök                 
          else 
            redirect('/users/login')
        ul.nav.navbar-nav.navbar-right
          if rot
            li 
              a(href='/users/register') Regisztráció     
            li 
              a(href='/users/user_edit') Felhasználó                
          if user
            li 
              a(href='/users/logout') Kijelentkezés
          else
            li
              a(href='/users/login') Bejelentkezés	 
    .container
      != messages('message', locals)  
      if errors
        each error, i in errors
          div(class="alert alert-danger") #{error.msg}
    video#bgvid(poster='/backimg.png', playsinline='', autoplay='', muted='', loop='')
      // WCAG general accessibility recommendation is that media such as background video play through only once. Loop turned on for the purposes of illustration; if removed, the end of the video will fade in the same way created by pressing the "Pause" button
      //source(src='http://thenewcode.com/assets/videos/polina.webm', type='video/webm')
      //source(src='http://thenewcode.com/assets/videos/polina.mp4', type='video/mp4')
      source(src='/backvid.mp4', type='video/mp4')

    block content
    br
    
    footer
      hr
      p Copyright © 2018
    script(src='/bower_components/jquery/dist/jquery.js')
    script(src='/bower_components/bootstrap/dist/js/bootstrap.js')
    script(src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js')