extends layout_side

block content
  .container
    link(rel='stylesheet' href='/css/clients.css')
    h1.header #{title}
    
    br
    form(method='POST', action='/devicesrfid/edit/'+rfidDev._id)
      input(id='selectedMode',name='selectedMode',style='display:none',value=rfidDev.state)
      .row
        .col-sm-3
          #form-group
            label Eszköz neve:
            input.form-control.inputDark(name='Name',type=text, autofocus,tabindex='1', readonly=false,width='1000', value= rfidDev.name)
        .col-sm-3
          #form-group           
            label Hozzárendelés:
            input.form-control.inputDark(name='Assignment',type=text, tabindex='2', readonly=false, value= rfidDev.assignment) 
      br
      .row
        .col-sm-3
          #form-group
            label IMEI:
            input.form-control.inputDark(name='Imei',type=label, tabindex='3',readonly=false,value=rfidDev.imei)    
            br 
        .col-sm-3
          #form-group
            label CCID:
            input.form-control.inputDark(name='Ccid',type=label, tabindex='3',readonly=false,value=rfidDev.ccid)   
            br      
      br
      #form-group
        label Hozzárendelt jármű:      
        select.form-control(id='vehiclesSelect',name='selectedVehicle', style="width:20%", value=rfidDev.vehicle_id)
          option(value=null ) Szabad eszköz
          each vehicle in vehicles
            option(value=vehicle._id ) #{vehicle.vehicle_id+" "+ vehicle.name}
      br
      .dropdown
        button#dropdownState.btn.btn-default.dropdown-toggle(type='button', data-toggle='dropdown', aria-haspopup='true', aria-expanded='true', value=rfidDev.state)
          | Működés
          span.caret
        
        ul.dropdown-menu(aria-labelledby='dropdownMenu1')
          li
            a(href='#',id='1', data-value='worktimeControl') Munkaidő rögzítés
          li
            a(href='#', id='2', data-value='accessControl') Beléptetés
          li
            a(href='#',id='3',  data-value='disabled') Tíltott
      br
      br
      input.btn.btn-primary(id='btnsave',class='disabled',type='submit',value='Mentés',tabindex='6') 
      |     
      a.btn.btn-success(href='/devicesrfid/list') Vissza
    script.

      $(document).ready(function () {
              function selectElement(id, valueToSelect) {    
      let element = document.getElementById(id);
      element.value = valueToSelect;
        }
       var a="#{rfidDev.vehicle_id}";
       selectElement('vehiclesSelect',a);
       //console.log("Selected: "+ a)

        $("#mhardware").click();
        $("#newrfiddevice").addClass("active");
         
        
        $(".dropdown-menu li a").click(function(){
        $(this).parents(".dropdown").find('.btn').html($(this).text() + ' <span class="caret"></span>');
        $(this).parents(".dropdown").find('.btn').val($(this).data('value'));
        });
        $(function(){
         $(".dropdown-menu").on("click", "li", function(event){
             console.log("You clicked the drop downs", event)
            $('#btnsave').removeClass('disabled');
            $('#selectedMode').attr('value',event.currentTarget.innerText);
         })
        })
        //Dropdown beállítása
        $(".dropdown-menu li a:contains("+selectedMode.value+")").click();
      
      });