= tinymce_assets
= tinymce
= javascript_include_tag "bomcobox"

- @documento_do_aditivo_da_ata.new_record? ? action = :create : action = :update

= simple_form_for(@documento_do_aditivo_da_ata, url: url_for(controller: 'licitacao/documentos_do_aditivo_da_ata', action: action)) do |f|
  fieldset
    legend
      strong
        = f.object.new_record?  ? 'Cadastrar' : 'Editar'

    .form-group
      .row
        .col-sm-3
          = f.input :data_do_documento, as: :string, wrapper: :calendar_field, input_html: { class: 'date-picker', placeholder: Date.today }

        - if f.object.persisted?
          .form-group
            .row
              .col-sm-3.col-sm-offset-1
                = f.label :tipo_de_documento, "Tipo de Documento", class: "control-label"
                p.form-control-static#label_tipo_de_documento = f.object.tipo_de_documento_i18n

              - if f.object.modelo_do_documento.present?
                .col-sm-3
                  = f.label :modelo_do_documento, "Modelo do Documento", class: "control-label"
                  p.form-control-static = f.object.modelo_do_documento.try(:titulo).try(:upcase)

        - else
          .col-sm-4
            = f.input :tipo_de_documento, collection: Licitacao::DocumentoDoAditivoDaAta.tipos_de_documento_i18n, include_blank: "Selecione",
            input_html: { class: "s2", id: "tipo_de_documento" }

          .col-sm-4
            = f.input :modelo_do_documento_id, label: "Modelos", collection: @modelos_de_documentos, label_method: :titulo, include_blank: "Selecione",
            input_html: { class: "s2", id: "modelo_de_documento_id" }


    .form-group#titulo_personalizado
      .row
        .col-sm-12
          = f.input :titulo_personalizado, label: "Título Personalizado"

    .form-group
      .row
        .col-sm-3
          = f.input :numero, label: "Número do Documento"

    .form-group
      .row
        .col-sm-12
          = f.input :texto, as: :text, input_html:{ id: "texto-contrato", class: "tinymce", rows: 30, cols: 120 }

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

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

- content_for :js do
    javascript:
      $(function(){
        new BomcoBox({
        filter: '#tipo_de_documento',
        result: '#modelo_de_documento_id',
        searchUrl: root_url + "/licitacao/documentos_do_aditivo_da_ata/#{@documento_do_aditivo_da_ata.aditivo_da_ata_id}/modelos/:id",
        filterParamName: 'id',
        resultValue: 'id',
        resultText: 'titulo'
        });
      });

      $('#modelo_de_documento_id').change(function() {
        $.ajax({
          modelo_id: '#modelo_de_documento_id',
          url: root_url + '/licitacao/documentos_do_aditivo_da_ata/#{@documento_do_aditivo_da_ata.aditivo_da_ata_id}/retorna_modelo/' + $('#modelo_de_documento_id').val(),
          data: {data_do_documento: $('#data_do_documento').val()},
          type: 'post',
          success: function() {},
        });
      });

      $(function(){
        var verificaTipo = function() {
          var texto = $('#tipo_de_documento option:selected').text().toLowerCase();

          if (texto.includes("personalizado") || $('#label_tipo_de_documento').text().toUpperCase() == "PERSONALIZADO") {
              $('#titulo_personalizado').show();
            } else {
              $('#titulo_personalizado').hide();
              $('#licitacao_documento_do_aditivo_titulo_personalizado').val("");
          }
        };

        $('#tipo_de_documento').change(verificaTipo);
        verificaTipo();
      });