doctype html
html
    head
        title Munka nyílvántartó
        h2.contHeader(id='title') #{title}
        br
        link(rel='stylesheet' href='/bower_components/bootstrap/dist/css/bootstrap.css')
        link(rel='stylesheet', href='/bower_components/bootstrap/dist/css/bootstrap.min.css')
        link(rel='stylesheet', href='//maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css')
        link(rel='stylesheet' href='/bower_components/jquery-typeahead/dist/jquery.typeahead.min.css')
        link(href='https://cdn.dhtmlx.com/scheduler/edge/dhtmlxscheduler_material.css' rel='stylesheet' type='text/css' charset='utf-8')
        style.
            html, body{
            margin:0px;
            padding:0px;
            height:100%;
            overflow:hidden;
            }
            .scheduler_weekends {
                background-color: #FFFF00;
                opacity: 0.5;
            }
    body
        #form-group(style='margin-left:20px')
            .row
                .col-sm-2
                    select.form-control(id='employeesel',name='employeesel',value=0, tabindex='29', style='background-color:#2C3446;color: #FFFFFF; width: 200px')
                        option(value='All',selected) Mindenki
                        each option in employee
                            option(value=(option.name)) #{option.name}   
                .col-sm-3
                    button.btn.btn-default(type='button' id='ajaxSubmit') Új
                .col-sm-3
                    a.btn.btn-success(href='/employee/accesslist') Vissza
        br
        #scheduler_here.dhx_cal_container(style='width:100%; height:100%;')
            .dhx_cal_navline
                .dhx_cal_prev_button  
                .dhx_cal_next_button  
                .dhx_cal_today_button
                .dhx_cal_date
                .dhx_cal_tab(name='day_tab')
                .dhx_cal_tab(name='week_tab')
                .dhx_cal_tab(name='month_tab')
                .dhx_cal_tab(name='year_tab' style='right:280px;')
            .dhx_cal_header
            .dhx_cal_data



      

 
script(src='/bower_components/jquery/dist/jquery.js')
script(type='text/javascript', src='/bower_components/jquery/dist/jquery.min.js')
script(type='text/javascript', src='/bower_components/moment/min/moment.min.js')
script(src='/bower_components/bootstrap/dist/js/bootstrap.js')
script(src='https://cdn.dhtmlx.com/scheduler/edge/dhtmlxscheduler.js' charset='utf-8')
script(src='https://docs.dhtmlx.com/scheduler/codebase/ext/dhtmlxscheduler_year_view.js')
script(src='https://docs.dhtmlx.com/scheduler/codebase/ext/dhtmlxscheduler_limit.js' type='text/javascript' charset='utf-8')
script.
        scheduler.addMarkedTimespan({
            days: [0, 6],   // Sunday and Saturday
            zones: "fullday",
            css: "scheduler_weekends"
        });
                // Employee list get AJAX
   /* $.get( '/data', function(data) {
        
    });*/
    // set format of dates in the data source
    scheduler.config.xml_date="%d-%m-%Y";
    scheduler.init('scheduler_here', new Date(2021,01,10), "year");
    scheduler.load("/employee/data", "json");
      
    var dp = new dataProcessor("/employee/api");
    dp.setTransactionMode("REST");
    dp.init(scheduler);