osem-fcy/app/views/booths/_form.html.haml

.container
  .row
    .col-md-8
      = semantic_form_for(@booth,  url: @url, html: { multipart: true }) do |f|
        = f.input :title, as: :string, input_html: { autofocus: true }, required: true
        = f.input :description, input_html: { rows: 5, data: { provide: 'markdown-editable' } }, required: true,
          hint: 'This field becomes public upon request acceptance'
        = f.input :reasoning, input_html: { rows: 5, data: { provide: 'markdown-editable' } }, required: true,
          label: 'How it fits the conference'
        = f.input :submitter_relationship, input_html: { rows: 5, data: { provide: 'markdown-editable' } }, required: true,
          label: 'Submitter\'s relation',
          hint: 'e.g. employee, comunity manager, etc'
        = f.input :website_url
        = responsibles_selector_input f
        = f.input :invite_responsible,
          hint: 'This field is to invite unregistered users using their email to become booth responsibles.'
        = image_tag f.object.picture.thumb.url if f.object.picture?
        = f.input :picture

        %p.text-right
          - if @booth.new_record?
            = f.submit 'Create Booth Request', class: 'btn btn-success'
          - else
            = f.submit 'Update Booth Request', class: 'btn btn-success'

  :javascript
    $(document).ready(function() {
      $('#booth_responsible_ids').selectize({
        plugins: ['remove_button'],
        minItems: 2
      } )
      $('#booth_invite_responsible').selectize({
        plugins: ['remove_button'],
        delimiter: ',',
        persist: false,
        create: function(input) {
          if (!/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/.test(input)){
            return {}
          }
          return {
              value: input,
              text: input
          }
        }
      } )
    });