%script{ :type => 'text/html', :id => 'custom_fields_list' }

  %p.empty{ :style => 'display: none' }!= t('.empty')

  %ul

  %hr

  .new-entry

    = text_field_tag 'label', '', :id => '', :placeholder => t('.default_label')

    = select_tag 'type', options_for_select(options_for_custom_field_type)

    %span.actions
      = link_to t('locomotive.buttons.new_item'), '#', :class => 'add'


%script{ :type => 'text/html', :id => 'custom_field_entry' }

  = f.semantic_fields_for :contents_custom_field, CustomFields::Field.new do |g|

    %span.handle
      = image_tag 'locomotive/form/icons/drag.png'

    %span.label-input
      = g.text_field :label, :class => 'label'

    %span.type-input
      = g.select :type, options_for_custom_field_type, {}, { :class => 'type' }

    %span.required-input
      = g.check_box :required, :class => 'required'

      = g.label :required, t('.is_required')

    %ol.nested{ :style => 'display: none' }

      = g.input :name, :input_html => { :class => 'name' }

      = g.input :hint, :input_html => { :class => 'hint' }

      = g.input :select_options, :as => :'Locomotive::Empty', :wrapper_html => { :class => 'extra select-options', :style => 'display: none' }

      = g.input :text_formatting, :as => :select, :collection => options_for_text_formatting, :include_blank => false, :wrapper_html => { :class => 'extra text-formatting', :style => 'display: none' }

    %span.actions
      = link_to 'toggle', '#', :class => 'toggle'
      = link_to 'x', '#', :class => 'remove', :confirm => t('locomotive.messages.confirm')


%script{ :type => 'text/html', :id => 'select_options_list' }

  %ul{ :'data-prompt' => t('.select_options.ask_name') }

  %span.actions
    = link_to t('locomotive.buttons.new_item'), '#', :class => 'add'


%script{ :type => 'text/html', :id => 'select_option_entry' }

  %li.entry
    %span.name {{name}}

    %span.actions
      = link_to 'drag', '#', :class => 'drag'
      = link_to 'x', '#', :class => 'remove', :confirm => t('locomotive.messages.confirm')