extends layout_side

block content
  .container
    link(rel='stylesheet' href='/css/clients.css')
    link(rel='stylesheet', href='/bower_components/bootstrap/dist/css/bootstrap.min.css')
    link(href='/bower_components/bootstrap-toggle/css/bootstrap-toggle.css', rel='stylesheet', type='text/css')
    h1.contHeader #{title}
    br
    .form-group(style='width:100%; background-color:#1F2739;')
      form(method='POST', action='/employee/add',onsubmit='frmSubmit(event)',style='padding:20px')
          #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= workNum) 
              .col-sm-6
                label Cég:
                input.form-control.inputDark(name='company',type=text, autofocus,tabindex='1', readonly=false,width='1000', value= "K-L Electro Bt",style='color: white;background-color:blueviolet;') 
            label Rövidített név:
            input.form-control.inputDark(name='shortName',type=text, tabindex='2', readonly=false, value= workNum) 
            label Email:
            input.form-control.inputDark(name='email', type='text', tabindex='3', autocomplete='off')
            label Jelszó:
            input.form-control.inputDark(name='password',type='password', tabindex='4',value=newPwd)
            label Jelszó mégegyszer:
            input.form-control.inputDark(name='password2',type='password', tabindex='5',value=newPwd)
          br
          .row
            .col-sm-2
              #form-group
                label Éves szabadság:
                input.form-control.inputDark(name='vacationYear',type=label, tabindex='6',readonly=false,value=deviceID, style='width:120px;')    
                br 
            .col-sm-2
              #form-group
                label Kiadott szabadság:
                input.form-control.inputDark(name='vacationUsed',type=label, tabindex='7',readonly=false,value=deviceID)   
                br      
          #form-group
            label Cím:
            input.form-control.inputDark(name='Address',type=label, tabindex='8',readonly=false,value=deviceID)    
            br   
          #form-group
            label RFID azonosító:
            input.form-control.inputDark(name='rfid',type=text, tabindex='9')
            br
          br
          .form-group(id='checkform',style='padding-left:10px;border: 2px solid orange;border-radius: 4px;background-color: #2C3446;') 
            br 
            .row      
              .col-sm-3    
                #form-group 
                    label.label-white(style='font-size:12pt;font-weight: normal;') Jelenléti ív könyvelőnek:
                    br
                    input(type='checkbox',name='flagKonyveles',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;') Alvállalkozó:
                    br
                    input(id='isSubcontractor',onChange='changedSubcontractor()',type='checkbox',name='flagSubContractor',value='Ki',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;') Diák:
                    br
                    input(id='isStudent',onChange='changedStudent()',type='checkbox',name='flagStudent',value='Ki',data-onstyle="primary", data-offstyle="default", data-toggle='toggle',data-on="Be", data-off="Ki")                        
            br
          input.btn.btn-primary(type='submit',value='Mentés',tabindex='10') 
          |     
          a.btn.btn-success(href='/employee/list') Vissza
    script(type='text/javascript', src='/bower_components/jquery/dist/jquery.min.js')
    script(type='text/javascript', src='/bower_components/bootstrap/dist/js/bootstrap.min.js') 
    script(type='text/javascript', src='/bower_components/bootstrap-toggle/js/bootstrap-toggle.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';
            }
          /*  console.log($('#isStudent').first().val())
        
                $( '#isSubcontractor' ).parent().addClass('off');
                $( '#isSubcontractor' ).prop('checked', false);
                $( '#isSubcontractor').parent().removeClass('btn-success');
            */
        };
        function changedSubcontractor() {
            //OFF
            if($('#isSubcontractor').is(':checked'))
            {
              document.getElementById("isSubcontractor").value='on';
            }
            else 
            {
               document.getElementById("isSubcontractor").value='off';
            }            
            /*console.log($('#isStudent').val() +' - '+$('#isSubcontractor').val())
      
                $( '#isStudent' ).parent().addClass('off');
                $( '#isStudent' ).prop('checked', false);
                $( '#isStudent').parent().removeClass('btn-success');  */
              
            };
      $(document).ready(function () {
        $("#mworkers").click();
        $("#neweworker").addClass("active");
        document.getElementById("isStudent").value='Ki';
        document.getElementById("isSubcontractor").value='Ki';
                    
      });