//link(rel='stylesheet', type='text/css', href='https://unpkg.com/lightpick@latest/css/lightpick.css')
#mapModal.modal(tabindex='-1', 
    role='dialog', 
    aria-labelledby='mapModalLabel', 
    aria-hidden='true',

    )
  //-form(method='GET',id='holidayForm' action='/employee/holidays_byperson/')
  .modal-dialog(role='document', style='width:720px')
    .modal-content
      .modal-header#mapModalHeader.bg-primary(style="background: Primary")
        h4#vehicleIdMap.modal-title Arc
      .modal-body(style='background-color:#4f5b69')
        .container(style='width:100%;')
            #darktable.container
              iframe(src='https://www.google.com/maps/embed?pb=!1m10!1m8!1m3!1d116862.54554679655!2d90.40409584970706!3d23.749000170125925!3m2!1i1024!2i768!4f13.1!5e0!3m2!1sen!2sbd!4v1550040341458' width='100%' height='450' frameborder='0' style='border:0' allowfullscreen='')
          
      .modal-footer(style="background-color: #2C3446")
          button.btn.btn-primary(type='button', data-dismiss='modal') 
            i.fa.fa-arrow-left
            |  | Bezár
    //script(type='text/javascript', src='/bower_components/moment/min/moment.min.js')
    //script(src='https://unpkg.com/lightpick@latest/lightpick.js')

script.
        //- Trackinginfo modal
        $(document).on('show.bs.modal','#mapModal', function () {
          console.log('modal')
          $(this).find('form').trigger('reset');
          var getIdFromRow = $(event)[0].currentTarget.activeElement.getAttribute('data-id')//$(event.target).closest('tr').data('id');
          var getVidFromRow = $(event)[0].currentTarget.activeElement.getAttribute('data-vid');//$(event.target).closest('tr').data('vid');
          var getVnameFromRow = $(event)[0].currentTarget.activeElement.getAttribute('data-name');//$(event.target).closest('tr').data('name');
          $('#vehicleIdMap').val(getIdFromRow); 
              //-$("#fuelingHeader").html(getIdFromRow); 
          $(this).find('#vehicleIdMap').html($('<b> Olaj csere: '+ getVnameFromRow  + '</b> <b style="float:right">'+getVidFromRow+'</b>' ))
          $.get('/vehicles/api/getVehicle/'+getIdFromRow,function(data)
            {
              console.log(data.name)
            })  

        })