panel/app/views/posts/_form.haml

- unless @post.errors.empty?
  .alert.alert-danger
    %ul
      - @post.errors.each do |_,error|
        %li= error

-# TODO habilitar form_for
- if @post.new?
  - url = site_posts_path(@site)
  - method = :post
- else
  - url = site_post_path(@site, @post)
  - method = :patch
= form_tag url, method: method, class: 'form' do
  .form-group
    = submit_tag t('posts.save'), class: 'btn btn-success'
  .form-group
    = text_field 'post', 'title', value: @post.title, class: 'form-control',
      placeholder: t('posts.title')
  .form-group
    = text_area_tag 'post[content]', @post.content, autofocus: true,
      class: 'form-control post-content', data: { provide: 'markdown' },
      cols: 72, wrap: 'hard'
  .form-group
    = label_tag 'post_date', t('posts.date')
    = date_field 'post', 'date', value: @post.date.try(:strftime, '%F'),
      class: 'form-control'
    %small.text-muted.form-text= t('posts.date_help')
  .form-group
    = label_tag 'post_categories', t('posts.categories')
    = select_tag 'post[categories][]',
      options_for_select(@site.categories, @post.categories),
      { class: 'form-control select2', multiple: 'multiple' }
    %small.text-muted.form-text= t('posts.tags_help')
  .form-group
    = label_tag 'post_tags', t('posts.tags')
    = select_tag 'post[tags][]',
      options_for_select(@site.tags, @post.tags),
      { class: 'form-control select2', multiple: 'multiple' }
    %small.text-muted.form-text= t('posts.tags_help')
  .form-group
    = label_tag 'post_slug', t('posts.slug')
    = text_field 'post', 'slug', value: @post.slug,
      class: 'form-control'
    %small.text-muted.form-text= t('posts.slug_help')
  .form-group
    = label_tag 'post_cover', t('posts.cover')
    = text_field 'post', 'cover', value: @post.get_front_matter(:cover),
      class: 'form-control'
    %small.text-muted.form-text= t('posts.cover_help')
  .form-group
    = label_tag 'post_permalink', t('posts.permalink')
    = text_field 'post', 'permalink', value: @post.get_front_matter(:permalink),
      class: 'form-control'
    %small.text-muted.form-text= t('posts.permalink_help')
  .form-group
    = label_tag 'post_layout', t('posts.layout')
    = select_tag 'post[layout][]',
      options_for_select(@site.everything_of(:layout), @post.get_front_matter(:layout)),
      { class: 'form-control select2' }
    %small.text-muted.form-text= t('posts.layout_help')
  .form-group
    = label_tag 'post_objetivos', t('posts.objetivos')
    = text_area 'post', 'objetivos', value: @post.get_front_matter(:objetivos),
      class: 'form-control'
    %small.text-muted.form-text= t('posts.objetivos_help')
  .form-group
    = label_tag 'post_habilidades', t('posts.habilidades')
    = select_tag 'post[habilidades][]',
      options_for_select(@site.everything_of(:habilidades), @post.get_front_matter(:habilidades)),
      { class: 'form-control select2' }
    %small.text-muted.form-text= t('posts.habilidades_help')
  .form-group
    = label_tag 'post_formato', t('posts.formato')
    = select_tag 'post[formato][]',
      options_for_select(@site.everything_of(:formato), @post.get_front_matter(:formato)),
      { class: 'form-control select2' }
    %small.text-muted.form-text= t('posts.formato_help')
  .form-group
    = label_tag 'post_conocimientos', t('posts.conocimientos')
    = select_tag 'post[conocimientos][]',
      options_for_select(@site.everything_of(:conocimientos), @post.get_front_matter(:conocimientos)),
      { class: 'form-control select2', multiple: 'multiple' }
    %small.text-muted.form-text= t('posts.conocimientos_help')
  .form-group
    = label_tag 'post_sesiones_ejercicios_relacionados', t('posts.sesiones_ejercicios_relacionados')
    = select_tag 'post[sesiones_ejercicios_relacionados][]',
      options_for_select(@site.everything_of(:title), @post.get_front_matter(:sesiones_ejercicios_relacionados)),
      { class: 'form-control select2', multiple: 'multiple' }
    %small.text-muted.form-text= t('posts.sesiones_ejercicios_relacionados_help')
  .form-group
    = label_tag 'post_materiales_requeridos', t('posts.materiales_requeridos')
    = select_tag 'post[materiales_requeridos][]',
      options_for_select(@site.everything_of(:materiales_requeridos), @post.get_front_matter(:materiales_requeridos)),
      { class: 'form-control select2', multiple: 'multiple' }
    %small.text-muted.form-text= t('posts.materiales_requeridos_help')

:javascript
  $(document).on('turbolinks:load', function() {
    $('.select2').select2({ tags: true, tokenSeparators: [',']});
  });