- title "Translations"

#add-translation.modal.hide.fade
  .modal-header
    %a.close{"data-dismiss" => "modal"} ×
    %h3 Translation
  .modal-body
    .row
      = form_tag translations_path, id: 'form-translation', remote: true do
        .span1
          = label_tag :locale
          = text_field_tag :locale, '', class: 'span1', autofocus: true

        .span4
          = label_tag :key
          = text_field_tag :key, '', class: 'span4'

        .span5
          = label_tag :value
          = text_area_tag :value, '', class: 'span5'
        .span2
          %br
          = button_tag "Submit", class: 'btn'

.navbar
  .navbar-inner
    = form_tag translations_path, class: 'navbar-form pull-left', method: :get, id: 'search-form' do
      = text_field_tag :query, params[:query], hint: 'Search', autofocus: true
      = button_tag 'search', class: 'btn'
      = link_to 'clear', translations_path, class: 'btn'

    .pull-right
      = link_to 'new', '#', data: { toggle: "modal", target: '#add-translation'}, id: 'add-translation-link', class: 'btn'
%hr/
%table#translations-table.table.table-hover
  %thead
    %th key
    - I18n.available_locales.each do |locale|
      %th= locale
  %tbody
    - @translations.each do |key|
      = render 'key_translation', key: key