extends layout_side

block content
  link(rel='stylesheet' href='/css/clients.css')
  link(href='/bower_components/bootstrap-toggle/css/bootstrap-toggle.min.css', rel='stylesheet', type='text/css')
  .container#wrapper(style='width:100%;')
    h2.contHeader #{title}
    
    label(id='uid', style='display:none;') #{employee._id}
    br
    form(method='POST',style='width:90%;padding-left: 50px', action='/employee/edit/'+employee._id,onsubmit='frmSubmit(event)')
        #form-group
        .row
          .col-sm-6
            label Név:
            input.form-control.inputDark(name='Name',type=text, autofocus,tabindex='1', readonly=false,width='1000', value= employee.name) 
          .col-sm-6
            label Cégnév:
            input.form-control.inputDark(name='company',type=text, autofocus,tabindex='1', readonly=false,width='1000', value= employee.company) 
          br
          label Rövidített név:
          input.form-control.inputDark(name='shortName',type=text, tabindex='2', readonly=false, value= employee.shortName)
          br
          label email cím:
          input.form-control.inputDark(name='email',type=text, tabindex='3', readonly=false, value= employee.email)          
        br
        .row
          .col-sm-2
            #form-group
              label Éves szabadság:
              input.form-control.inputDark(name='vacationYear',type=label, tabindex='4',readonly=false,value=employee.vacationYear, style='width:120px;')    
              br 
          .col-sm-2
            #form-group
              label Kiadott szabadság:
              input.form-control.inputDark(name='vacationUsed',type=label, tabindex='5',readonly=false,value=employee.vacationUsed)   
              br
          .col-sm-3
            #form-group 
                label.label-white(style='font-size:12pt;font-weight: normal;') Jelenléti ív könyvelőnek:
                br
                if (employee.konyvelesre==='on')
                    input(type='checkbox',name='flagKonyveles',checked,data-onstyle="primary", data-offstyle="default", data-toggle='toggle',data-on="Be", data-off="Ki")
                else
                    input(type='checkbox',name='flagKonyveles',data-onstyle="primary", data-offstyle="default", data-toggle='toggle',data-on="Be", data-off="Ki") 
        .form-group(style='border: 2px solid orange;border-radius: 4px;background-color: #2C3446;') 
          br 
          .row      
            .col-sm-1    
              #form-check(style='padding-left:20px;')             
                  label.label-white(style='font-size:12pt;font-weight: normal;') Érkezés:
                  br
                  if (employee.emailNotifyFlags.arriving)
                      input(type='checkbox',name='flagArrive',checked ,data-toggle='toggle',data-on="Be", data-off="Ki")
                  else
                      input(type='checkbox',name='flagArrive',data-toggle='toggle',data-on="Be", data-off="Ki")
            .col-sm-1
              #form-group 
                  label.label-white(style='font-size:12pt;font-weight: normal;') Távozás:
                  br
                  if (employee.emailNotifyFlags.getaway)
                      input(type='checkbox',name='flagGetaway',checked,data-onstyle="primary", data-offstyle="default", data-toggle='toggle',data-on="Be", data-off="Ki")                        
                  else
                      input(type='checkbox',name='flagGetaway',data-onstyle="primary", data-offstyle="default", data-toggle='toggle',data-on="Be", data-off="Ki")                        
            .col-sm-2
              #form-group 
                  label.label-white(style='font-size:12pt;font-weight: normal;text-align: center;') Havi összesítés:
                  br
                  if (employee.emailNotifyFlags.monthlySummary)    
                      input(type='checkbox',name='flagMonthlySum',style="horizontal-align: middle;position: relative;",checked,data-onstyle="primary", data-offstyle="default", data-toggle='toggle',data-on="Be", data-off="Ki")
                  else
                      input(type='checkbox',name='flagMonthlySum',data-onstyle="primary", data-offstyle="default", data-toggle='toggle',data-on="Be", data-off="Ki")
            .col-sm-2
              #form-group
                  label.label-white(style='font-size:12pt;font-weight: normal;') Szabadságról:
                  br
                  if (employee.emailNotifyFlags.holiday)
                      input(type='checkbox',name='flagHoliday',checked,data-onstyle="primary", data-offstyle="default", data-toggle='toggle',data-on="Be", data-off="Ki")
                  else
                      input(type='checkbox',name='flagHoliday',data-onstyle="primary", data-offstyle="default", data-toggle='toggle',data-on="Be", data-off="Ki") 
            .col-sm-1  
              #form-group
                  label.label-white(style='font-size:12pt;font-weight: normal;') Alvállalkozó:
                  br
                  if (employee.isSubcontractor==='on')
                      input(id='isSubcontractor',type='checkbox',name='flagSubContractor',onChange='changedSubcontractor()',checked,data-onstyle="primary",value='on', data-offstyle="default", data-toggle='toggle',data-on="Be", data-off="Ki")
                  else
                      input(id='isSubcontractor',type='checkbox',name='flagSubContractor',onChange='changedSubcontractor()',data-onstyle="primary",value='off', data-offstyle="default", data-toggle='toggle',data-on="Be", data-off="Ki")                      
            .col-sm-2  
              #form-group
                  label.label-white(style='font-size:12pt;font-weight: normal;') Mobile Portal:
                  br
                  if (employee.mobilePortalAccessEnabled===true)
                      input(id='mobilePortalAccessEnabled',type='checkbox',name='mobilePortalAccessEnabled',onChange='changedMobilePortalAccess()',checked,data-onstyle="primary",value='on', data-offstyle="default", data-toggle='toggle',data-on="Be", data-off="Ki")
                  else
                      input(id='mobilePortalAccessEnabled',type='checkbox',name='mobilePortalAccessEnabled',onChange='changedMobilePortalAccess()',data-onstyle="primary",value='off', data-offstyle="default", data-toggle='toggle',data-on="Be", data-off="Ki")    
            .col-sm-1   
              #form-group
                  label.label-white(style='font-size:12pt;font-weight: normal;') Munkavezető:
                  br
                  if (employee.isForeman===true)
                      input(id='IsForeman',type='checkbox',name='flagIsForeman',onChange='changedIsForeman()',checked,data-onstyle="primary",value=true, data-offstyle="default", data-toggle='toggle',data-on="Be", data-off="Ki")
                  else
                      input(id='IsForeman',type='checkbox',name='flagIsForeman',onChange='changedIsForeman()',data-onstyle="primary",value=false, data-offstyle="default", data-toggle='toggle',data-on="Be", data-off="Ki")                      
            .col-sm-1  
              #form-group
                  label.label-white(style='font-size:12pt;font-weight: normal;') Diák:
                  br
                  if (employee.isStudent==='on')
                      input(id='isStudent',type='checkbox',name='flagStudent',onChange='changedStudent()',checked,data-onstyle="primary",value='on', data-offstyle="default", data-toggle='toggle',data-on="Be", data-off="Ki")
                  else
                      input(id='isStudent',type='checkbox',name='flagStudent',onChange='changedStudent()',data-onstyle="primary",value='off', data-offstyle="default", data-toggle='toggle',data-on="Be", data-off="Ki")            
          br                   
        br
        .row  
          .col-sm-4
            #form-group
              label UUID:
              input.form-control.inputDark(name='uuid',type=label, tabindex='6',readonly=true,style='color:gray;',value=employee.uuid)   
              br
          .col-sm-4
            #form-group
              label APIKEY:
              input.form-control.inputDark(name='apikey',type=label, tabindex='7',readonly=true,style='color:gray;',value=employee.apiKey)   
              br                                               
        #form-group
          label Cím:
          input.form-control.inputDark(name='Address',type=label, tabindex='8',readonly=false,value=employee.address)    
          br   
        #form-group
          label RFID azonosító:
          input.form-control.inputDark(name='rfid',type=text, tabindex='9', value=employee.accessCode)
          br
        br

        input.btn.btn-primary(type='submit',value='Mentés',tabindex='10') 
        |     
        a.btn.btn-warning(href='#',id='newApiKey',name='newApiKey') Új APIkey        
        |     
        a.btn.btn-warning(href='#',id='newPassword',name='newPassword') Új Jelszó küldése        
        |             
        a.btn.btn-success(href='/employee/list') Vissza
    script(type='text/javascript', src='/bower_components/bootstrap-toggle/js/bootstrap-toggle.min.js')
    script(src='https://unpkg.com/sweetalert/dist/sweetalert.min.js')
    script.
        function frmSubmit(e)
        {
          if ($('#isStudent').first().val()==='on' && $('#isSubcontractor').first().val()==='on')
          {
            //alert("Tanuló és alvállalkozó nem lehet egyszerre.");
            swal('Munkanyílvántartó','Tanuló és alvállalkozó nem lehet egyszerre.','error')
            e.preventDefault();
          }
          
        }
        function changedStudent() {
            //OFF
            if($('#isStudent').is(':checked'))
            {
              document.getElementById("isStudent").value='on';
            }
            else 
            {
               document.getElementById("isStudent").value='off';
            }

        };
        function changedSubcontractor() {
              //OFF
              if($('#isSubcontractor').is(':checked'))
              {
                document.getElementById("isSubcontractor").value='on';
              }
              else 
              {
                document.getElementById("isSubcontractor").value='off';
              }            
         
            };
        function changedMobilePortalAccess() {
              //OFF
              if($('#mobilePortalAccessEnabled').is(':checked'))
              {
                document.getElementById("mobilePortalAccessEnabled").value=true;
              }
              else 
              {
                document.getElementById("mobilePortalAccessEnabled").value=false;
              }            
         
            };            
        function changedIsForeman() {
              //OFF
              if($('#IsForeman').is(':checked'))
              {
                document.getElementById("IsForeman").value=true;
              }
              else 
              {
                document.getElementById("IsForeman").value=false;
              }            
         
            };            
      $(document).ready(function () {
        $("#mworkers").click();
        $("#listworker").addClass("active");
        var uid=document.getElementById('uid').textContent;
        $('#newApiKey').click(function () {
            	$.get('/employee/newApiKey/'+uid, function(apiKey) { 
              console.log(apiKey);
              alert("Új API key sikeresen generálva és elküldve a felhasználónak.");  // display string message
              });
          });
        $('#newPassword').click(function () {
            	$.get('/employee/newPassword/'+uid, function(result) { 
              if (result.result==='error'){
                alert("Új Jelszó generálása sikertelen!");  // display string message
              }
              else 
              if (result.result==='success'){
              alert("Új Jelszó sikeresen generálva és elküldve a felhasználónak.");  // display string message
              }
              });
          });          
               
      });