extends layout_vehicles

block content
  .container
    link(rel='stylesheet' href='/css/clients.css')
    link(href='/bower_components/bootstrap-toggle/css/bootstrap-toggle.min.css', rel='stylesheet', type='text/css')
    h1.header #{title}
    br
    form(method='POST', action='/vehicles/edit/'+vehicle._id)

      #form-group
        label Megnevezés:
        input.form-control.inputDark(name='Name',type=text, autofocus,tabindex='1', readonly=false,width='1000', value= vehicle.name)
      br
      #form-group           
        label Személyek száma:
        input.form-control.inputDark(name='persons',type=text, tabindex='2', readonly=false, value= vehicle.persons) 
      br            
      #form-group           
        label Rendszám:
        input.form-control.inputDark(name='vehicleId',type=text, tabindex='3', readonly=false, value= vehicle.vehicle_id) 
      br
      #form-group
          label.label-white(style='font-size:12pt;font-weight: normal;') Láthatóság:
          br
          if (vehicle.visible===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")    
      br
      br
      input.btn.btn-primary(id='btnsave',type='submit',value='Mentés',tabindex='3') 
      |     
      a.btn.btn-success(href='/vehicles/view') Vissza
    script(type='text/javascript', src='/bower_components/bootstrap-toggle/js/bootstrap-toggle.min.js')
    script.
      $(document).ready(function () {
        $("#vehicle").click();
        $("#vehiclenew").addClass("active");

      });

      function changedMobilePortalAccess() {
            //OFF
            if($('#mobilePortalAccessEnabled').is(':checked'))
            {
              document.getElementById("mobilePortalAccessEnabled").value=true;
            }
            else 
            {
              document.getElementById("mobilePortalAccessEnabled").value=false;
            }            
        
          };