form.html.slim

.stimulus-controller data-controller="obligation"
  .modal.fade id="obligation-modal" tabindex="-1" role="dialog" aria-labelledby="obligation-modal"
    .modal-dialog role="document"
      .modal-content
        = simple_form_for([current_owner, @financial_obligation], validate: true, input_html: {class: 'default_class', data: {model: 'financial_obligation'}}) do |f|
          .modal-header
            h4#obligation-modal-title.modal-title Nueva Obligación
            button type="button" class="close" data-dismiss="modal" aria-label="Close"
              span aria-hidden="true" ×
          .modal-body#modal-financial-obligations-body
            .row
              .col
                = f.input :holder_id, label: 'Titular de la obligacion', collection: @holders, include_blank: 'Elige titular', input_html: {data: { target: 'obligation.holders', action: 'obligation#populateEntitiesSelect'} }
            .row
              .col-6
                = f.input :financial_entity_id, label: 'Entidad financiera', collection: [], include_blank: 'Elige entidad', input_html: {data: { target: 'obligation.entities', action: 'obligation#populateProductsSelect'} }
              .col-6
                = f.input :financial_product_id, label: 'Producto financiera', collection: [], include_blank: 'Elige producto', input_html: {data: { target: 'obligation.products'} }        
            br
            .row
              .col
                .form-group.required.form-group-valid.financial_obligation_limit_payment_date
                  = f.label :limit_payment_date, class: 'form-control-label required' do
                    | Fecha de Corte
                    abbr title="required" *
                  = f.text_field :limit_payment_date, class: 'form-control'
              .col
                .form-group.required.form-group-valid.financial_obligation_payment_date
                  = f.label :payment_date, class: 'form-control-label required' do
                    | Fecha de Pago
                    abbr title="required" *
                  = f.text_field :payment_date, class: 'form-control'
            .row
              .col
                = f.input :rate, label: 'Tasa de Interés(%)', input_html: { class: 'percent_input', value: '', placeholder: '0.0%' }
              .col
                = f.input :minimum_payment_value, label: 'Valor a pagar', as: :string, input_html: { maxlength: 12, class: 'only-numbers', 'data-type': 'currency', value: '', placeholder: '$ 0', pattern: '^\$\d{1,3}(,\d{3})*(\.\d+)?$' }
            .row
              .col
                = f.input :payment, label: 'Valor del pago', as: :string, input_html: { maxlength: 12, class: 'only-numbers', 'data-type': 'currency', value: '', placeholder: '$ 0', pattern: '^\$\d{1,3}(,\d{3})*(\.\d+)?$' }
              .col
                = f.input :paid, label: 'Pagado'
            .row
              .col
                = f.input :comment, label: 'Comentario'
          .modal-footer
            button type="button" class="btn btn-default" data-dismiss="modal" Cerrar
            = f.button :submit, 'Guardar', class: 'btn btn-primary'