doctype html
html
  head
    title Munka nyílvántartó
    script(type='text/javascript', src='/bower_components/jquery/dist/jquery.min.js')
    script(src='/bower_components/bootstrap/dist/js/bootstrap.js')    
    link(rel='stylesheet' href='/bower_components/bootstrap/dist/css/bootstrap.css')
    
    //link(rel='stylesheet', href='https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css', integrity='sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO', crossorigin='anonymous')
    link(href='//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css', rel='stylesheet')
    //script(type='text/javascript', src='/bower_components/jquery/dist/jquery.min.js')
    link(rel='stylesheet', href='/bower_components/bootstrap/dist/css/bootstrap.min.css')
    link(rel='stylesheet', href='/bower_components/eonasdan-bootstrap-datetimepicker/build/css/bootstrap-datetimepicker.min.css')  
    link(rel='stylesheet', href='//maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css')
    //script(src='https://code.jquery.com/jquery-3.3.1.slim.min.js', integrity='sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo', crossorigin='anonymous')
    script(src='https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js', integrity='sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49', crossorigin='anonymous')
    //script(src='https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js', integrity='sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy', crossorigin='anonymous')

    //link(rel='stylesheet' href='/css/style.css')
    //link(rel='stylesheet' href='/css/switch.css')
    //link(rel='stylesheet' href='/css/switchsmall.css')
    //link(rel='stylesheet' href='/css/checkmark.css')
    link(rel='stylesheet' href='/css/table.css')
    link(rel='stylesheet', href='/css/sidebar.css') 
    link(rel='stylesheet' href='/bower_components/jquery-typeahead/dist/jquery.typeahead.min.css')
    link(rel='stylesheet' href='/css/darktable.css')
    link(rel='stylesheet' href='/css/infopanel.css')
    style.
      div.a {
      text-indent: 50px;
      }
    
  body
    nav.nav-side-menu
		
      .brand
        img(src='/IO_technic_LogoFull_I.png', width='150',  alt='')
      i.fa.fa-bars.fa-2x.toggle-btn(data-toggle='collapse', data-target='#menu-content')
      #ml.menu-list
        ul#menu-content.menu-content.collapse.out
          li#mworkers.collapsed.sm(data-toggle='collapse', data-target='#workers')
            a(id="1",href='#')
              i.fa.fa-users.fa-lg
              |  Munkavállalók
              span.arrow
          ul#workers.sub-menu.collapse(data-id='workers')
            li#newworker 
              a(id="2",href='/employee/add') Új munkavállaló
            li#listworker
              a(id="3",href='/employee/list') Munkavállalók listája  
            li#listworktime
              a(id="4",href='/employee/accesslist') Jelenléti lista 
            li#listholidaysadd
              a(id="5",href='/employeeHolidays/holidays') Szabadságok
          li#mhardware(data-toggle='collapse', data-target='#hardwares')
            a(id="6",href='#')
              i.fa.fa-qrcode.fa-lg
              |  RFID eszközök
              span.arrow
          ul#hardwares.sub-menu.collapse(data-id='hardwares')
            li#newrfiddevice 
              a(id="7",href='/devicesrfid/new') Új RFID eszköz
            li#listrfiddevice
              a(id="8",href='/devicesrfid/list') RFID Eszközök
          li
            a(id="12",href='/')
              i.glyphicon.glyphicon-arrow-left
              |  Vissza           
          li#printBtn.hide
            //a(href='/invoices/print')
            a#print(href='#' data-value= mode)
              i.fa.fa-print.fa-lg
              |  Nyomtatás       
       
  .container.alert-fixed#msg
    != messages('message', locals)  
    if errors
      each error, i in errors
        div(class="alert alert-danger") #{error.msg}
  .container(style='padding-left:300px;width:100%;')
    block content
    br
    hr
    footer
      p(style='margin-left:10px;') IO-Technic Hungary Copyright © 2018       
    //#picsa
  script(type='text/javascript',src='/bower_components/jquery/dist/jquery.js')
  script(type='text/javascript',src='/js/datepicker.js')
 


  //script(src='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js')
  script(type='text/javascript', src='/bower_components/moment/min/moment.min.js')
  script(src='/bower_components/moment/min/moment-with-locales.js')
  //script(type='text/javascript', src='/bower_components/bootstrap/dist/js/bootstrap.min.js')
  script(type='text/javascript', src='/bower_components/eonasdan-bootstrap-datetimepicker/build/js/bootstrap-datetimepicker.min.js')
  //script(type='text/javascript',src='/js/invoice.js')
  //script(type='text/javascript',src='/js/datepicker.js')
  script(src='https://cdn.jsdelivr.net/npm/fullcalendar/index.global.min.js')

  script(type='text/javascript',src='/build/pdfmake.js')
  script(type='text/javascript',src='/build/vfs_fonts.js')

  script.
    window.jQuery || document.write('<script src="../../assets/js/vendor/jquery.min.js"><\\/script>')
    // Get current page and set current in nav
      $(document).ready(function(){
       
        // outer scope
        var phrases = [];

        $('#menu-content ul').each(function(idx,ml){
            // inner scope
            var menuId = $(this).attr('id');//$(this).attr("id");
           // var menuState = $(this).is( ":visible" );
           // console.log(menuState);
            //console.log(menuId);
            if(localStorage.getItem(menuId))
            {
            $(this).addClass('collapse in');
            $(this).removeClass('collapse');
            $(this).attr("aria-expanded","true");
            }
            else 
            {
              $(this).removeClass('collapse in');
              $(this).addClass('collapse');
              $(this).attr("aria-expanded","false");
            }

        });
        //console.log(phrases)

      $("#msg").delay(3000).slideUp(300);
      })
     $('#ml li').on('click',function(e){
      
        $('#menu-content ul').each(function(idx,ml){
            // inner scope
            var menuId = $(this).attr('id');
            var menuState = $(this).is( ":visible" );
          //  console.log(menuId);
          //  console.log(localStorage.getItem(menuId));
            localStorage.setItem(menuId ,menuState);
            //$(this).addClass('collapsed in');

        });
           // var menuId = $(this).attr('id');//$(this).attr("id");
          //  var menuState = this.getAttribute('aria-expanded')
          //  console.log();
           
          // console.log($('#ml li').hasClass('show'));
        })