{% macro inputRelatorioNovo(dataInicial, dataFinal) %}
<div class="row-fluid">
    <div class="span2">
        <br/>
        <h4>Período de dados coletados</h4>
    </div>
    <div class="span2">
    </div>
    <div class="span4">
        <br/>
        <h4>Período de inclusão dos dados</h4>
    </div>
    <div class="span4">
        <br/>
        <h4>Período de edição dos dados</h4>
    </div>
</div>
<div class="row-fluid">
    <div class="span2">
        <div class="control-group">
            <div class="controls">
                <label for="dataInicial" class=" required control-label">Data inicial</label>
                <input name="filtros[dataInicial]" id="dataInicial" required="required" pattern="[0-9]{2}/[0-9]{2}/[0-9]{4}" autocomplete="off" class="input-small dataPeriodo" onkeyup="vData(this)" value="{{ dataInicial }}" title="dd/mm/aaaa"  onchange="vData(this)" type="text" {{ block('widget_attributes') }}  />
                <div><span class="help-inline"></span></div>
            </div>
        </div>
    </div>
    <div class="span2">
        <div class="control-group">
            <div class="controls">
                <label for="dataFinal" class=" required control-label">Data final</label>
                <input name="filtros[dataFinal]" id="dataFinal" required="required" pattern="[0-9]{2}/[0-9]{2}/[0-9]{4}" autocomplete="off" class="input-small dataPeriodo" onkeyup="vData(this)" value="{{ dataFinal }}" title="dd/mm/aaaa"  onchange="vData(this)" type="text" {{ block('widget_attributes') }}  />
                <div><span class="help-inline"></span></div>
            </div>
        </div>
    </div>
    <div class="span2">
        <div class="control-group">
            <div class="controls">
                <label for="dataInclusaoInicial" class="control-label">Data inicial</label>
                <input name="filtros[dataInclusaoInicial]" id="dataInclusaoInicial" pattern="[0-9]{2}/[0-9]{2}/[0-9]{4}" autocomplete="off" class="input-small dataDigitacao" onkeyup="vData(this)"  title="dd/mm/aaaa"  onchange="vData(this)" type="text" {{ block('widget_attributes') }}  />
                <div><span class="help-inline"></span></div>
            </div>
        </div>
    </div>
    <div class="span2">
        <div class="control-group">
            <div class="controls">
                <label for="dataInclusaoFinal" class="control-label">Data final</label>
                <input name="filtros[dataInclusaoFinal]" id="dataInclusaoFinal" pattern="[0-9]{2}/[0-9]{2}/[0-9]{4}" autocomplete="off" class="input-small dataDigitacao" onkeyup="vData(this)"  title="dd/mm/aaaa"  onchange="vData(this)" type="text" {{ block('widget_attributes') }}  />
                <div><span class="help-inline"></span></div>
            </div>
        </div>
    </div>
    <div class="span2">
        <div class="control-group">
            <div class="controls">
                <label for="dataEdicaoInicial" class="control-label">Data inicial</label>
                <input name="filtros[dataEdicaoInicial]" id="dataEdicaoInicial" pattern="[0-9]{2}/[0-9]{2}/[0-9]{4}" autocomplete="off" class="input-small dataEdicao" onkeyup="vData(this)" title="dd/mm/aaaa"  onchange="vData(this)" type="text" {{ block('widget_attributes') }}  />
                <div><span class="help-inline"></span></div>
            </div>
        </div>
    </div>
    <div class="span2">
        <div class="control-group">
            <div class="controls">
                <label for="dataEdicaoFinal" class="control-label">Data final</label>
                <input name="filtros[dataEdicaoFinal]" id="dataEdicaoFinal" pattern="[0-9]{2}/[0-9]{2}/[0-9]{4}" autocomplete="off" class="input-small dataEdicao" onkeyup="vData(this)" title="dd/mm/aaaa"  onchange="vData(this)" type="text" {{ block('widget_attributes') }}  />
                <div><span class="help-inline"></span></div>
            </div>
        </div>
    </div>
</div>
    <script>
        $(document).ready(function(){
            $("#dataInicial,#dataFinal,#dataInclusaoInicial,#dataInclusaoFinal, #dataEdicaoInicial, #dataEdicaoFinal").datepicker({
                showOn: "button",
                buttonText: 'Calendário',
                buttonImage: "{{ asset('bundles/propesq/images/calendar.png') }}",
                buttonImageOnly: true,
                "regional" : "pt-BR"

            });
            $("#dataInicial,#dataFinal,#dataInclusaoInicial,#dataInclusaoFinal, #dataEdicaoInicial, #dataEdicaoFinal").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,#dataInclusaoInicial,#dataInclusaoFinal, #dataEdicaoInicial, #dataEdicaoFinal").mask("99/99/9999");

{#            $('#dataInicial').change(validaPeriodo);#}
            $('#dataFinal').change(validaPeriodo);

            $('#dataInclusaoInicial').change(validaPeriodoDigitacao);
            $('#dataInclusaoFinal').change(validaPeriodoDigitacao);

            $('#dataEdicaoInicial').change(validaDataEdicao);
            $('#dataEdicaoFinal').change(validaDataEdicao);


            $('.dataDigitacao').on('change', function(){
                if(validDate($(this).val())){
                    $(this).setError(false);
                    validaPeriodoDigitacao();
                    return;
                }else{
                    if (!$(this)[0].value === '') {
                        $(this).setError("Data Inválida");
                    }
                    $(this).val(null);
                }
            });

            $('.dataPeriodo').on('change', function(){
                if(validDate($(this).val())){
                    $(this).setError(false);
                    return;
                }else{
                    $(this).setError("Data Inválida");
                    $(this).val(null);
                }
            });


            $('.dataEdicao').on('change', function(){
                if(validDate($(this).val())){
                    $(this).setError(false);
                    validaDataEdicao();
                    return;
                }else{
                    if (!$(this)[0].value === '') {
                        $(this).setError("Data Inválida");
                    }
                    $(this).val(null);
                }
            });

        });


        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;
              }
        }


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

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

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



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

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

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

          //Verifica se é uma data válida
          function validDate(dateString){
                var comp = dateString.split('/');
                var d = parseInt(comp[0], 10);
                var m = parseInt(comp[1], 10);
                var y = parseInt(comp[2], 10);
                var date = new Date(y,m-1,d, 5); //Fixda hora com valor 5 para não ocasionar erro na conversão de datas no início ou término de horári ode verão.
                if (date.getFullYear() == y && date.getMonth() + 1 == m && date.getDate() == d) {
                  return true;
                } else {
                  return false;
                }
          }

    </script>
{% endmacro %}