recruitment/app/views/recruitments/_employee_experience_form.html.erb

<ul class="nav nav-pills language-nav">
    <% @site_in_use_locales.each_with_index do |locale, i| %>
      <li class="<%= 'active' if i == 0 %>">
        <a data-toggle="tab" href=".<%= locale %>"><%= t(locale) %></a>
      </li>
    <% end %>
  </ul>
  <!-- Language -->
<div class="tab-content language-area">
  <% @site_in_use_locales.each_with_index do |locale, i| %>
    <div class="<%= locale %> tab-pane fade <%= ( i == 0 ) ? "in active" : '' %>">
      <!-- company name -->
      <%= f.fields_for :company_name_translations do |fe| %>
        <div class="form-group">
          <%= fe.label locale, t("recruitment.company_name"), :class => "col-sm-2 control-label" %>
          <div class="col-sm-5">
            <%= fe.text_field locale, :class => "form-control", :value => @experience.company_name_translations[locale] %>
          </div>
        </div>
      <% end %>

       <!-- job title -->
      <%= f.fields_for :job_title_translations do |fe| %>
        <div class="form-group">
          <%= fe.label locale, t("recruitment.job_title"), :class => "col-sm-2 control-label" %>
          <div class="col-sm-5">
            <%= fe.text_field locale, :class => "form-control", :value => @experience.job_title_translations[locale] %>
          </div>
        </div>
      <% end %>
      <!-- notes -->
      <%= f.fields_for :responsibilities_translations do |fe| %>
        <div class="form-group">
          <%= fe.label locale, t("recruitment.responsibility"), :class => "col-sm-2 control-label" %>
          <div class="col-sm-5">
            <%= fe.text_area locale, :rows => 10, :class => "form-control", :value => @experience.responsibilities_translations[locale] %>
          </div>
        </div>
      <% end %>
    </div>
  <% end %>
</div>
  
<!-- start date -->
<div class="form-group">
  <%= f.label :start_date, t("recruitment.start_date"), :class => "col-sm-2 control-label" %>
  <div class="col-sm-5">
    <%= f.datetime_picker :start_date, :no_label => true, :new_record => @experience.new_record?,  :data=>{"picker-type" => "range", "range" => "start"} %>
  </div>
</div>

<!-- end date -->
<div class="form-group">
  <%= f.label :end_date, t("recruitment.end_date"), :class => "col-sm-2 control-label" %>
  <div class="col-sm-5">
    <%= f.datetime_picker :end_date, :no_label => true, :new_record => @experience.new_record?,  :data=>{"picker-type" => "range", "range" => "end"} %>
    <div class="hint"><%= t("recruitment.leave_blank") %></div>
  </div>
</div>