#fuelingModal.fade.modal(tabindex='-1', role='dialog', aria-labelledby='fuelingModalLabel', aria-hidden='true')
    //-form(method='GET',id='holidayForm' action='/employee/holidays_byperson/')
    .modal-dialog(role='document', style='width:1000px;')
        .modal-content
            .modal-header#fuelingHeader.bg-primary(style="background: Primary")
                h4#vehicleId.modal-title 
                h6#id(style='display:none')
            .modal-body(style='background-color:#4f5b69')
                .container(style='width:100%;')
                    #darktable.container
                        table#fuelingTable(style='width:100%;')
                            col(width='2%')
                            col(width='10%')
                            col(width='10%')
                            col(width='10%')
                            col(width='8%')
                            thead
                                tr
                                    th
                                        h1(style='text-align:right') #
                                    th
                                        h1(style='text-align:center') Időpont
                                    th
                                        h1(style='text-align:center') Mennyiség
                                    th
                                        h1(style='text-align:center') Kilométer óra állás
                                    th
                                        h1(style='text-align:center') Összeg
                            tbody
                    #darktable.container
                        h4(style="height:12px;color:#64b4da")#sum  
                        h4(style="height:12px;color:#64b4da")#consumption  
                br              
            .modal-footer(style="background-color: #2C3446")
                .form-group(style="width:150px;float:left")
                    #datetimepickerFuel.input-group.date
                        input.form-control(id='calcDate',name='dateEmission', tabindex='6',type='text',style='color: white;background-color:#2C3446;')
                        span.input-group-addon
                            span.glyphicon.glyphicon-calendar  
                .form-group
                    label.form-label(for='fasz') Mutasd mind:
                    
                    input#showAll(type='checkbox' data-width=84 data-height=35 data-toggle='switchbutton' checked='' data-onlabel="Havi" data-offlabel="Mind" data-onstyle="success" data-offstyle="warning")
                            //-input#mobilePortalAccessEnabled(type='checkbox',name='mobilePortalAccessEnabled',data-onstyle="primary",value='on', data-offstyle="default", data-toggle='toggle',data-on="Be", data-off="Ki")
                    br                          
                button#fmodalClose.btn.btn-primary(type='button', data-dismiss='modal') Bezár
            //-button.btn.btn-primary(type='submit') Rendben
script.

            // Generate Table
            var createTable=function (data){
                var sum=0;
                var consumption=0;
                $('#fuelingTable > tbody').empty();
                if (data)
                {
                    $.each(data.refueling,function(i,el){
                        var newRow=$('<tr class="clickable-row" id='+el._id+' data-href=/employee/detailstemp/'+el._id+'>"'+//);
                        '<td style="text-align:right">'+(i+1)+'</td>'+
                        '<td style="text-align:center">'+moment(el.dateTime).format("YYYY.MM.DD")+'</td>'+
                        '<td style="text-align:center">'+el.quantity+' l'+'</td>'+
                        '<td style="text-align:center">'+el.kilometer.toLocaleString('hu-HU')+' km'+'</td>'+
                        '<td style="text-align:center">'+el.fueledHUF.toLocaleString('hu-HU')+' Ft'+'</td>'+
                        '</tr>');
                        $('#fuelingTable > tbody:last-child').append (newRow);
                        sum+=parseInt(el.fueledHUF);
                    })
                    consumption= data.fuelConsumption;
                }
                
                $('#sum').text('Összesen: '+sum.toLocaleString('hu-HU')+' Ft')
                $('#consumption').text('Fogyasztás: '+consumption.toLocaleString('hu-HU')+' l/100km')
            }
          // Tankolás modal
           $('#fuelingModal').on('show.bs.modal', function () {
              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');
              var selectedDate=$('#datetimepickerFuel').data("DateTimePicker").viewDate().format("YYYY.MM");
              $(this).find('#vehicleId').html($('<b> Tankolások: '+ getVnameFromRow  + '</b> <b style="float:right">'+getVidFromRow+'</b>' ))
              $('#id').text(getIdFromRow);
              $.get('/vehicles/api/fueling/'+getIdFromRow+'/'+selectedDate+'/false',function(data)
              {
                createTable(data);
              })
           })  
            $(document).ready(function () {

                $('#showAll').change(function() {


                    if (!$(this).prop('checked'))
                    {
                        $('#datetimepickerFuel').hide();
                        var id=$('#id').text();
                        var selectedDate=$('#datetimepickerFuel').data("DateTimePicker").viewDate().format("YYYY.MM");
                        $.get('/vehicles/api/fueling/'+id+'/'+selectedDate+'/true',function(data)
                        {
                            createTable(data);
                        })
                    }
                    else 
                    {
                        $('#datetimepickerFuel').show();
                        var id=$('#id').text();
                        var selectedDate=$('#datetimepickerFuel').data("DateTimePicker").viewDate().format("YYYY.MM");
                        $.get('/vehicles/api/fueling/'+id+'/'+selectedDate+'/false',function(data)
                        {
                            createTable(data);
                        })                        
                    }
                })                
                $('#datetimepickerFuel').datetimepicker({
                    locale: 'hu',
                    format: 'LD',
                    defaultDate: new Date(),
                    inline: false,
                    sideBySide: true,
                    showTodayButton: true,
                    format: 'YYYY.MM'
                }).on('dp.change',function(e){
                    var calcdate=moment(e.date).format('YYYY.MM');// new Date($('#calcDate').val());
                    //moment.locale('hu');
                    var id=$('#id').text();
                    //document.getElementById('month').innerHTML='Munkaidő lista '+moment(calcdate,'YYYY.MM').format('MMMM');
                    $.get('/vehicles/api/fueling/'+id+'/'+calcdate+'/false',function(data)
                    {
                        createTable(data);
                    })
                });
            });