extends layout

block content
  .mainContainer
    link(rel='stylesheet' href='/bower_components/bootstrap/dist/css/bootstrap.css')
    link(rel='stylesheet' href='/bower_components/bootstrap-select/dist/css/bootstrap-select.css')
    link(rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css')
    link(rel='stylesheet', type='text/css', href='https://unpkg.com/lightpick@latest/css/lightpick.css')
    style.
      .badge-success {
        background-color: #468847;
      }
      .badge-success:hover {
        background-color: #356635;
      }
      .padFix{
          padding-top:8px;
      }      
      .table-wrapper {
        max-height: 600px;
        overflow: auto;
        display:inline-block;
      } 
              
    body
      br
      .panel.panel-primary
        .panel-heading
          .row
            .col-sm-1
              h3.panel-title.padfix #{title}
              //-span.badge #{quotes.length}
            .col-sm-3
              button.btn.btn-success(type='text' id='newQuote'  ) Új árajánlat
                i.glyphicon.glyphicon-upload   
            .col-sm-6
              .input-group
                input.form-control(type='text'  id='findWork' value='' placeholder="Keresés...")
                .input-group-btn
                  button.btn.btn-success
                    i.glyphicon.glyphicon-search   
                            
        .panel-body
              h2#results
              .col-12.col-xs-12.col-sm-12.col-lg-12
                .table-responsive.table-wrapper
                  table.table.table-striped
                    col(width='1%')
                    col(width='1%')
                    col(width='auto')
                    col(width='15%')
                    col(width='5%')
                    thead
                      tr
                        th #
                        th(style='text-align:left') Megrendelő
                        th Megnevezés
                        th(style='text-align:center') Létrehozva
                        th(style='text-align:center') Készítő
                    tbody(id='quoteTable',style='overflow-y: auto;')
                      each quote, i in quotes
                        tr
                          td #{i+1}
                          td(style='text-align:left; vertical-align:middle;font-size: 9px;font-weight: bold;') #{quote.customer || "-"}
                          td(style='vertical-align:middle') 
                            a(href="/quote/"+quote._id)= quote.title
                          td(style='text-align:center;vertical-align:middle') #{quote.date}
                          td(style='text-align:left;vertical-align:middle') #{quote.author}
    script(src='/bower_components/jquery/dist/jquery.js')
    script(type='text/javascript',src='/build/pdfmake.js')
    script(type='text/javascript',src='/build/vfs_fonts.js')
    script(type='text/javascript', src='/bower_components/moment/min/moment.min.js')
    script(type='text/javascript', src='/bower_components/bootstrap-select/dist/js/bootstrap-select.min.js')
    script(src='https://unpkg.com/lightpick@latest/lightpick.js')
    script.
          (() => {
        'use strict'

        // Fetch all the forms we want to apply custom Bootstrap validation styles to
        const forms = document.querySelectorAll('.needs-validation')

        // Loop over them and prevent submission
        Array.from(forms).forEach(form => {
          form.addEventListener('submit', event => {
            if (!form.checkValidity()) {
              event.preventDefault()
              event.stopPropagation()
            }

            form.classList.add('was-validated')
          }, false)
        })
      })()

          var showErrorSuccess = function(element, status, message) {
          if (status === false) {
            element.next().removeClass('hidden')//.parent().addClass('has-error');
            element.parent().addClass('has-error');
            element.parent().next().text(message)
            return false;
          }
          element.next().addClass('hidden')//.parent().removeClass('has-error').addClass('has-success');
          element.parent().removeClass('has-error');
        };

          $(function(){
            $("[data-toggle='tooltip']").tooltip();
            $("#findWork").on("keyup", function() {
              var yr=$("#dpd").val();
              var cond=$(this).val();
               var parameters = { year: yr, condition: cond };
               console.log(parameters);
              $.get( '/filter',parameters, function(data) {

                var wTable=document.getElementById("workTable");
                    wTable.innerHTML=data;
          
                
              }); 
            });
            

      });