extends layout_side

block content
  .container
    link(rel='stylesheet' href='/css/clients.css')
    h1.header #{title}
    br
    form(method='POST', action='/devicesrfid/new')
      input(id='selectedMode',name='selectedMode')
      .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= rfidName)
        .col-sm-3
          #form-group           
            label Hozzárendelés:
            input.form-control.inputDark(name='Assignment',type=text, tabindex='2', readonly=false, value= rfidAssignment) 
      br
      .row
        .col-sm-3
          #form-group
            label IMEI:
            input.form-control.inputDark(name='Imei',type=label, tabindex='3',readonly=false,value=rfidIMEI)    
            br 
        .col-sm-3
          #form-group
            label CCID:
            input.form-control.inputDark(name='Ccid',type=label, tabindex='3',readonly=false,value=rfidCCID)   
            br      
      br

      .dropdown
        button#dropdownState.btn.btn-default.dropdown-toggle(type='button', data-toggle='dropdown', aria-haspopup='true', aria-expanded='true')
          | Működés
          span.caret
        
        ul.dropdown-menu(aria-labelledby='dropdownMenu1')
          li
            a(href='#', data-value='worktimeControl') Munkaidő rögzítés
          li
            a(href='#', data-value='accessControl') Beléptetés
          li
            a(href='#', 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='/') Vissza
    script.
      $(document).ready(function () {
        $("#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);
         })
        })

      });