.alert.alert-warning[role="alert" id="alert-content" style="display: none;"]
  span#alert-message

= form_for( @bloqueio_de_dotacao, html: { class: "form-vertical" }, role: "form" ) do |f|
  fieldset
    legend
      strong
        = @bloqueio_de_dotacao.new_record?  ? 'Cadastrar' : 'Editar'
        '  Bloqueio De Dotação

		.form-group
			.row
        .col-sm-3
          = f.label :data_do_bloqueio, "Data do Bloqueio*", class: "control-label"
          = f.calendar_field :data_do_bloqueio
          = error_for @bloqueio_de_dotacao, :data_do_bloqueio
		.form-group
			.row
				.col-sm-12
						= render partial: 'loa/orcamentos_da_despesa/busca_dotacao', locals: {f: f, subacoes: @subacoes, elementos_de_despesa_por_subacao: @elementos_de_despesa_por_subacao, sub_elementos_de_despesa: @sub_elementos_de_despesa, orcamentos_da_despesa: @orcamentos_da_despesa, objeto: @bloqueio_de_dotacao }

		.form-group
			.row
				.col-sm-3
					= f.label :valor, "Valor:*", class: "control-label", for: "normal-field"
					= f.monetary_field :valor, class: "form-control", id: "valor_do_bloqueio"
					= error_for @bloqueio_de_dotacao, :valor

				.col-sm-2
          = f.label :data, "Saldo da Dotação:", class: "control-label", for: "normal-field"
          br
          b
            span.saldo_da_dotacao
				.col-sm-2
          = f.label :data, "Valor do Bloqueio:", class: "control-label", for: "normal-field"
          br
          b
            span.valor_do_bloqueio_fixo
				.col-sm-3
          = f.label :data, "Saldo Atualizado da Dotação:", class: "control-label", for: "normal-field"
          br
          b
            span.saldo_atualizado

		.br
    .form-group
      .row
        .col-sm-12
          = f.label :justificativa, 'Justificativa', class: "control-label", for: "normal-field"
          = f.text_area :justificativa, class: "form-control", rows: 5
          = error_for @bloqueio_de_dotacao, :justificativa

		.form-group
			h6
				' (*) Campos Obrigatórios

		.form-actions
			.row
				.col-sm-12
					= f.submit "Salvar", class: "btn btn-primary"
					= link_to "Cancelar", contabilidade_bloqueio_de_dotacoes_path, class: "btn btn-default"

javascript:
  $(document).ready(function() {
    $("select#orcamento_da_despesa_id").change(function () {
      orcamento_da_despesa_id = $("select#orcamento_da_despesa_id option:selected").val();
      if (orcamento_da_despesa_id.trim() != "") {
        var url = root_url + "pesquisas/" + orcamento_da_despesa_id.trim() + "/saldo_do_orcamento_da_despesa.json"
        $.ajax({
          type: 'GET',
          url: url,
          success: function (data, status, xhr) {
            $('.saldo_da_dotacao').html(data);
          },
          error: function (xhr, status, error) {
            $('.saldo_da_dotacao').html("R$ 0,00");
          }
        });
      } else {
        $('.saldo_da_dotacao').html("R$ 0,00");
      }
    });

    $("[data-autonumeric=true]").autoNumeric('init');
    $('.saldo_da_dotacao, #valor_do_bloqueio, .valor_do_bloqueio_fixo, .saldo_atualizado').autoNumeric('init', {
      'aSep': '.',
      'aDec': ',',
      'aPad': true,
      'vMin': 0,
      'aSign': 'R$ '
    });

    $("#subacao_id, #elemento_de_despesa_por_subacao_id").change(function () {
      $('.saldo_da_dotacao').autoNumeric('set', 0);
      $('.saldo_atualizado').autoNumeric('set', 0);
      $('.valor_do_bloqueio_fixo').autoNumeric('set', parseFloat($('#valor_do_bloqueio').autoNumeric('get') || 0 ));
    });

    $("#valor_do_bloqueio, #orcamento_da_despesa_id").change(function () {
      setTimeout(function() {
        var saldo_da_dotacao = parseFloat($('.saldo_da_dotacao').autoNumeric('get') || 0 );
        var valor_do_bloqueio = parseFloat($('#valor_do_bloqueio').autoNumeric('get') || 0 );
        var total = saldo_da_dotacao - valor_do_bloqueio;
        $('.saldo_atualizado').autoNumeric('set', total);
        $('.valor_do_bloqueio_fixo').autoNumeric('set', valor_do_bloqueio);
      }, 500);
    });

    $("#orcamento_da_despesa_id").trigger('change')
  });