modal from pug mixin

modal-form.pug

mixin modalForm(params)
  //- Subscribe Form Moda
  .modal.fade(id=params.modalId, tabindex="-1", role="dialog", aria-labelledby=params.modalId, aria-hidden="true")
    .modal-dialog.modal-dialog-centered(role="document")
      .modal-content
        //- Form
        form(id=params.form.id, action=params.form.action, method="POST", data-submit=params.form.attrData.submit, data-disable-submition-btn=params.form.attrData.disableSubmitBtn, data-message=params.form.attrData.message)
          //- Modal Header
          .modal-header
            h5.modal-title(id="subscribeFormModalLongTitle") Recibe nuestras notificaciones
            button.close(type="button", data-dismiss="modal", aria-label="Close")
              span(aria-hidden="true") ×
          //- The Modal body contains the form inputs and stuff
          .modal-body
            case params.form.name
              when 'subscribe'
                include ../forms/subscribe
              when 'transfers'
                include ../forms/transfers
                
            //- include form
            if params.conditionsWarning
              p.alert.alert-warning(role="alert") 
                small Al subscribirte, aceptas nuestros terminos y condiciones
            if params.form.attrData.message != ''
              //- This is the message shown when you click the submit button
              div(id=params.form.attrData.message).w-100.text-center.d-none
                p.alert.alert-info(role="alert")
                .spinner-grow(role="status")
                  span.sr-only Cargando...
          //- Modal Footer
          .modal-footer
            if params.form.attrData.submit != ''
              //- Subscribe button
              button.btn.btn-primary(id=params.form.attrData.submit, type="submit") Completar