.widget 
  .widget-body
    = simple_form_for(@movimentacao_do_plano_de_contas, url: contabilidade_create_por_gerador_path, method: :post) do |f|
      legend 
        strong Cadastrar Movimentação
      - gerador = @movimentacao_do_plano_de_contas.gerador
      = f.input :exercicio, as: :hidden, input_html: { value: contexto_atual.exercicio, id: 'exercicio' }
      = f.input :gerador_id, as: :hidden
      = f.input :gerador_type, as: :hidden

      .row 
        .col-sm-6
          = f.input :conta_debito_id, label: 'Conta débito', collection: @contas,
          label_method: :codigo_formatado_e_nome, include_blank: 'Selecione', input_html: {class: 's2', id: 'conta_debito' }
        .col-sm-6 
          = f.input :conta_credito_id, label: 'Conta crédito', collection: @contas,
          label_method: :codigo_formatado_e_nome, include_blank: 'Selecione', input_html: {class: 's2', id: 'conta_credito'}
      
      .row
        .col-sm-6
          = f.input :evento_contabil_id, label: 'Evento Contábil', collection: @eventos_contabeis,
          label_method: :nome, include_blank: 'Selecione', input_html: { class: 's2', id: 'evento_contabil' }

        - if f.object.usa_sub_conta?
          .col-sm-6
            = f.input :sub_conta_pcasp_id, label: 'Sub Conta do PCASP', collection: @subcontas_pcasp,
            label_method: :codigo_e_descricao, include_blank: 'Selecione', input_html: { class: 's2', id: 'sub_conta_pcasp' }

      .form-actions 
        = f.submit 'Salvar', class: 'btn btn-primary'
        = link_to 'Voltar', rota_do_gerador(@movimentacao_do_plano_de_contas), class: 'btn btn-default'

javascript:
  $('#conta_debito').on('change', function() {
    buscaEventoContabil();
  })

  $('#conta_credito').on('change', function() {
    buscaEventoContabil();
  })

  function buscaEventoContabil(){
    var contaCredito = $('#conta_credito').val();
    var contaDebito = $('#conta_debito').val();

    if(contaCredito != undefined && contaDebito != undefined && contaCredito != '' && contaDebito != ''){
      $('#evento_contabil').empty().append('<option selected="selected" value="">Selecione</option>')
      LoadingInterface('Carregando Eventos');

      $.getJSON(montaUrlEventoContabil(), function(data){
        data.forEach(data => {
            $('#evento_contabil').append($('<option>',{
              value: data.id,
              text: data.nome
            }))
        })
      })
    }
  }

  function montaUrlEventoContabil(){
    var exercicio = $('#exercicio').val();
    var url = new URL(`${root_url}contabilidade/${exercicio}/eventos_contabeis`);

    url.searchParams.set('conta_debito_id', $('#conta_debito').val());
    url.searchParams.set('conta_credito_id', $('#conta_credito').val());

    return url.href
  }