{% macro inputPeriodo(dataInicial, dataFinal, nome) %}
    <div class="control-group span3">
        <label for="dataInicial{{nome}}" class=" required control-label">Data inicial</label>
        <div class="controls">
            <input name="filtros[dataInicial{{nome}}]" id="dataInicial{{nome}}" 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{{nome}}" class=" required control-label">Data final</label>
        <div class="controls">
            <input name="filtros[dataFinal{{nome}}]" id="dataFinal{{nome}}" 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>
    <script>
        $(document).ready(function(){
                $("#dataInicial{{nome}},#dataFinal{{nome}}").datepicker({
                    showOn: "button",
                    buttonText: 'Calendário',
                    buttonImage: "{{ asset('bundles/propesq/images/calendar.png') }}",
                    buttonImageOnly: true,
                    "regional" : "pt-BR"        
                            
                });
                $("#dataInicial{{nome}},#dataFinal{{nome}}").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{{nome}},#dataFinal{{nome}}").mask("99/99/9999");
                
                $('#dataInicial{{nome}}').change(validaPeriodo{{nome}});
                $('#dataFinal{{nome}}').change(validaPeriodo{{nome}});

        });
        
        
        function validaPeriodo{{nome}}(){

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

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

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

          }
          
    </script>
{% endmacro %}

{% macro inputLista(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 l in lista %}
                  <option value="{{ l.id ~ ',' ~ l.__toString()}}">{{ l.__toString() }}</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 inputIntervalo(txtValor, nome) %}
    <div class="control-group span3">
        <label for="intervalo{{nome}}" class="required control-label">Intervalo {{ nome }}</label>
        <div class="controls">
            <input name="filtros[intervalo{{nome}}]" id="intervalo{{nome}}" required="required" autocomplete="off" class="input-small" value="{{ txtValor }}" type="number" {{ block('widget_attributes') }}  />
            <span class="help-inline"></span>
        </div>
    </div>
{% endmacro %}