#modal_relatorios.modal.fade[role="dialog"]
  .modal-dialog[role="document"]
    .modal-content
        .modal-header
          button.close[type="button" data-dismiss="modal" aria-label="Close"]
            span[aria-hidden="false"]
              | ×
          h4.modal-title#titulo_do_modal
        = simple_form_for( Tableless::RelatorioDoPatrimonio.new, url: url_for(controller: 'relatorios_do_patrimonio', action: 'imprimir'), method: :get, role: "form", html: { target: "_blank", multipart: true , id: 'form_relatorio', class: "form-relatorio"} ) do |f|
          = f.hidden_field :relatorio, class: 'relatorio'
          = f.hidden_field :button, id: 'button_consumo'
          .modal-body
            .inventario.bens_movimentados.depreciacao.div-form.form-pdf
              .row
                .col-sm-6
                  = f.input :data_inicial, label: 'A partir de', as: :string, wrapper: :calendar_field, input_html: {class: 'date-picker', autocomplete: "off", id: 'data_inicial_consumo'}
                  p.error_data_inicial.text-danger.bold

                .col-sm-6
                  = f.input :data_final, label: 'Até', as: :string, wrapper: :calendar_field, input_html: {class: 'date-picker', autocomplete: "off", id: 'data_final_consumo'}
                  p.error_data_final.text-danger.bold
            .bens_movimentados.div-form.form-pdf
              .row
                .col-sm-12 
                  = f.input :centro_de_custo, collection: @centros_de_custo, label_method: :codigo_e_descricao_e_mae_principal, include_blank: 'Selecione', input_html: {id: 'centro_de_custo', class: 'form-control s2', style: 'width: 100%'}
              .row 
                .col-sm-12 
                  = f.input :unidade_gestora, collection: @unidades_gestoras, label_method: :codigo_e_nome, include_blank: 'Selecione', input_html: {id: 'unidade_gestora', class: 'form-control s2', style: 'width: 100%'}
            .depreciacao.div-form.form-pdf 
              .row 
                .col-sm-12 
                  = f.input :valor, collection: @valores
            
            /   .col-sm-6 
            /     = f.input :almoxarifado, collection: @almoxarifados, label_method: :codigo_e_nome, include_blank: 'Selecione', input_html: {id: 'almoxarifado', class: 'form-control s2', style: 'width: 100%'}

            .form-actions 
                = f.button :button, 'PDF', type: 'submit', name: "button", value: "pdf", class: "btn btn-primary submit-pdf-consumo"
                = f.button :button, 'EXCEL', type: 'submit', name: "button", value: "planilha", class: "btn btn-success submit-consumo"  


javascript:
  $(document).ready(function(){
    $(".submit-pdf-consumo").on("click", function(){
      if($("#data_inicial_consumo").val() != ""){
        $('#button_consumo').val('pdf')
        $('#form_consumo').submit();
      }
    });
  });

  $('.submit-consumo').on('click', function(e){
    const dataInicial = $('#data_inicial_consumo')
    const dataInicialValor = $('#data_inicial_consumo').val()
    const campoErrorDataInicial = $('.error_data_inicial')
    const dataFinal = $('#data_final_consumo')
    const dataFinalValor = $('#data_final_consumo').val()
    const campoErrorDataFinal = $('.error_data_final')

    const dataInicialValida = dataValida(dataInicial, campoErrorDataInicial)
    const dataFinalValida =  dataValida(dataFinal, campoErrorDataFinal)

    if(!dataInicialValida || !dataFinalValida){
      return false;
    }

    if(dataInicialValor === ""){
      campoErrorDataInicial.text("O valor de data inicial não pode ficar vazio")
      return false;
    }
  })

  function dataValida(data, campoError){
    const valorData = data.val();
    if(valorData != '' && valorData != undefined){
    const formatoData = /^\d{1,2}\/\d{1,2}\/\d{4}$/
    const dataEhValida = formatoData.test(valorData)
    campoError.text('')

    if(!dataEhValida){
      campoError.text('Formato inválido, formato correto dd/mm/aaaa')
    }
    return dataEhValida;

    }else{
      return true;
    }
  }