{% macro inputPeriodo(dataInicial, dataFinal, relatorio30) %}
    <div class="control-group span3">
        <label for="dataInicial" class=" required control-label">Data inicial</label>
        <div class="controls">
            <input name="filtros[dataInicial]" id="dataInicial" required="required" pattern="[0-9]{2}/[0-9]{2}/[0-9]{4}" autocomplete="off" class="input-small" onkeyup="vData(this)" value="{{ dataInicial }}" title="dd/mm/aaaa"  onchange="vData(this)" type="text" {{ block('widget_attributes') }}  />
            <span class="help-inline"></span>
        </div>
    </div>
    <div class="control-group span3">
        <label for="dataFinal" class=" required control-label">Data final</label>
        <div class="controls">
            <input name="filtros[dataFinal]" id="dataFinal" required="required" pattern="[0-9]{2}/[0-9]{2}/[0-9]{4}" autocomplete="off" class="input-small" onkeyup="vData(this)" value="{{ dataFinal }}" title="dd/mm/aaaa"  onchange="vData(this)" type="text" {{ block('widget_attributes') }}  />
            <span class="help-inline"></span>
        </div>
    </div>
    {% if (relatorio30) %}
        <div class="control-group span3">
            <label for="dataInclusao" class="control-label">Data limite da inserção</label>
            <div class="controls">
                <input name="filtros[dataInclusao]" id="dataInclusao" pattern="[0-9]{2}/[0-9]{2}/[0-9]{4}" autocomplete="off" class="input-small" onkeyup="vData(this)"  title="dd/mm/aaaa"  onchange="vData(this)" type="text" {{ block('widget_attributes') }}  />
                <span class="help-inline"></span>
            </div>
        </div>
    {% endif %}
    <script>
        $(document).ready(function(){
                $("#dataInicial,#dataFinal,#dataInclusao").datepicker({
                    showOn: "button",
                    buttonText: 'Calendário',
                    buttonImage: "{{ asset('bundles/propesq/images/calendar.png') }}",
                    buttonImageOnly: true,
                    "regional" : "pt-BR"        
                            
                });
                $("#dataInicial,#dataFinal,#dataInclusao").keydown(function(event){
                    // Obtém a data/hora atual
                    var data = new Date();

                    // Guarda cada pedaço em uma variável
                    var dia     = data.getDate();           // 1-31
                    var mes     = data.getMonth();          // 0-11 (zero=janeiro)
                    var ano    = data.getFullYear();       // 4 dígitos

                    // Formata a data e a hora
                    var str_data = (dia < 10)?"0"+dia:dia;
                    mes = mes + 1;
                    mes = (mes < 10)?"0"+mes:mes;
                    str_data += '/' + (mes) + '/' + ano;

                    var regExp = new RegExp("[0-9]{2}\/[0-9]{2}\/[0-9]{4}");
                    if(event.keyCode == 13 && !regExp.test($(this).val())){
                        $(this).val(str_data);
                    }
                    if(event.keyCode == 40 && !event.ctrlKey){
                        $(this).next().click();
                        return false;
                    }
                });
                $("#dataInicial,#dataFinal,#dataInclusao").mask("99/99/9999");
                
                $('#dataInicial').change(validaPeriodo);
                $('#dataFinal').change(validaPeriodo);

        });
        
        
        function validaPeriodo(){

              var datInicio = $('#dataInicial').val().split('/');
              datInicio = parseInt(datInicio[2] + datInicio[1] + datInicio[0], 10);

              var datFim = $('#dataFinal').val().split('/');
              datFim = parseInt(datFim[2] + datFim[1] + datFim[0], 10);

              if( datInicio > datFim ){
                  $('#dataFinal').setError('A data final deve ser maior que a data inicial.');
                  return false;
              }else{
                  $('#dataFinal').setError(false);
                  return true
              }

          }
          
    </script>
{% endmacro %}

{% macro inputLista(lista, label, name, property) %}
    <div class="control-group span4">
        <label for="filtros[{{ name }}]" class="control-label">{{ label }}</label>
        <div class="controls">
            <select data-placeholder=" " style="width:280px;" multiple class="chzn-select" id="filtros[{{ name }}]" name="filtros[{{ name }}][]">
              <option value=""></option>
              {% for l in lista %}
                  {% if property %}
                      <option value="{{ l.id ~ ',' ~ l.__toString()}}">{{ attribute(l, property) }}</option>
                  {% else %}
                  <option value="{{ l.id ~ ',' ~ l.__toString()}}">{{ l.__toString() }}</option>
                  {% endif %}
              {% endfor %}
            </select>
            <span class="help-inline"></span>
        </div>
    </div>
    
    <script>
        $(document).ready(function(){
            $(".chzn-select").chosen({no_results_text: "Nenhum resultado encontrado para"});
        });
    </script>
    
{% endmacro %}
    
    
{% macro inputLista2(lista, label, name, chave) %}

    <div class="control-group span4">
        <label for="filtros[{{ name }}]" class="control-label">{{ label }}</label>
        <div class="controls">
            {%if name == 'unidade'%}            
            <div class="ui-widget">
                <input id="text_{{name}}" />  
            </div>  
            {%endif%}
            <select data-placeholder=" " style="width:280px; {%if name == 'unidade'%}{%endif%}" multiple class="chzn-select" id="{{ name }}" name="filtros[{{ name }}][]">
              <option value=""></option>
              {% for l in lista %}
                  <option value="{{ l.id ~ ',' ~ l[chave]}}">{{ l[chave] }}</option>
              {% endfor %}
            </select>
            <span class="help-inline"></span>
        </div>
    </div>
    
    <script>
        $(document).ready(function(){
            $(".chzn-select").chosen({no_results_text: "Nenhum resultado encontrado para"});
        });
    </script>
    
{% endmacro %}    
    
    
{% macro inputListaFiltro(lista, label, name, chave) %}

    <div class="control-group span6">
        <label for="filtros[{{ chave }}]" class="control-label">{{ label }}</label>
        <div class="controls">
            
            {%if chave == 'codUnidadeProdutiva'%}            
            <div class="ui-widget">
                <input id="text_{{chave}}" />  
            </div>  
            {%endif%}
            <select data-placeholder=" " style="width:100%;" multiple class="chzn-select" id="{{ chave }}" name="filtros[{{ chave }}][]">
              <option value=""></option>
              {% for l in lista %}
                  <option value="{{ chave~':'~l['id'] }}">{{ l[name] }}</option>
              {% endfor %}
            </select>
            <span class="help-inline"></span>
        </div>
    </div>
    
    <script>
        $(document).ready(function(){
            $(".chzn-select").chosen({no_results_text: "Nenhum resultado encontrado para"});
        });
    </script>
    
{% endmacro %}    
    
{% macro inputData(label, id, value, required ) %}
    {% set required = required is not null? required : true %}

    <div class="control-group span3">
        <label for="{{id}}" class="{% if required %}required{% endif %} control-label">{{label}}</label>
        <div class="controls">
            <input name="{{id}}" id="{{id}}" {% if required %}required="required"{% endif %} pattern="[0-9]{2}/[0-9]{2}/[0-9]{4}" autocomplete="off" class="input-small" value="{{ value }}" title="dd/mm/aaaa" onkeyup="vData(this)" onchange="vData(this)" type="text" {{ block('widget_attributes') }}  />
        </div>
    </div>    
    
    <script>
        $(document).ready(function(){
            $("#{{id}}").datepicker({
                showOn: "button",
                buttonText: 'Calendário',
                buttonImage: "{{ asset('bundles/propesq/images/calendar.png') }}",
                buttonImageOnly: true,
                "regional" : "pt-BR"   
            });
                
            $("#{{id}}").mask("99/99/9999");
            
            $("#btn-filtrar").on('click', vData);

            function vData() {
                let campoData = $("#{{id}}")[0];
                let anoValido = true;
                if($("#{{id}}")[0].value != '') {
                    let ano = $("#{{id}}")[0].value.split('/')[2];
                    
                    if(ano < 1) {
                        let anoValido = false;
                        campoData.setCustomValidity('O ano deve ser maior ou igual a 0001.');
                    }
                }
                return anoValido;
            }
        });
    </script>
{% endmacro %}    

{% macro inputArray(lista, label, name) %}

    <div class="control-group span4">
        <label for="filtros[{{ name }}]" class="control-label">{{ label }}</label>
        <div class="controls">
            <select data-placeholder=" " style="width:280px;" multiple class="chzn-select" id="filtros[{{ name }}]" name="filtros[{{ name }}][]">
              <option value=""></option>
              {% for key, l in lista %}
                  <option value="{{ key }}">{{ l }}</option>
              {% endfor %}
            </select>
            <span class="help-inline"></span>
        </div>
    </div>
    
    <script>
        $(document).ready(function(){
            $(".chzn-select").chosen({no_results_text: "Nenhum resultado encontrado para"});
        });
    </script>
    
{% endmacro %}