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

<%# content_for :page_specific_css do %>
  <%= stylesheet_link_tag "lib/main-forms" %>
  <%= stylesheet_link_tag "lib/fileupload" %>
  <%= stylesheet_link_tag "lib/main-list" %>
<%# end %>
<%# content_for :page_specific_javascript do %>
  <%= javascript_include_tag "lib/bootstrap-fileupload" %>
  <%= javascript_include_tag "lib/file-type" %>
  <%= javascript_include_tag "lib/bootstrap-datetimepicker" %>
  <%= javascript_include_tag "lib/datetimepicker/datetimepicker.js" %>
<%# end %>
<style type="text/css">
  .header-title{
    text-align: center;
  }
  hr{
    border-top: 1px solid #5c5c5c;
  }
  hr.dotted{
    border-top: 1px dotted #5c5c5c;
  }
  .bootstrap-datetimepicker-widget ul{
    list-style: none;
    padding: 10px 25px;
    text-align: center;
  }
  .bootstrap-datetimepicker-widget ul td,th{
    cursor: pointer;
    text-align: center;
  }

  .bootstrap-datetimepicker-widget ul td.old, td.new{
    color: #cecece;
  }
  .bootstrap-datetimepicker-widget ul td:hover,th:hover{
    background-color: #5c5c5c;
    color: #fff;
  }
  
  .bootstrap-datetimepicker-widget span.month{
    width: 50px;
  }

  .default_picker span.add-on{
    padding: 3px;
    margin-left: 5px;
    cursor: pointer;
    height: 20px;
    width: 20px;
    text-align: center;
  }
</style>
<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" : '' %>">
    	<!-- Job Title -->
    	<%= f.fields_for :job_title_translations do |fe| %>
				<div class="form-group">
					<%= fe.label locale, t("recruitment.exchange_title"), :class => "col-sm-2 control-label" %>
					<div class="col-sm-5">
				    <%= fe.text_field locale, :class => "form-control", :value => @job.job_title_translations[locale] %>
				  </div>
				</div>
			<% end %>
			<!-- Job Description -->
			<%= f.fields_for :job_description_translations do |fe| %>
				<div class="form-group">
					<%= fe.label locale, t("recruitment.exchange_description"), :class => "col-sm-2 control-label" %>
					<div class="col-sm-5">
				    <%= fe.text_area locale, :rows=>5,  :class => "form-control", :value => @job.job_description_translations[locale] %>
				    <div>
					  	<div class="help-block" style="display: none;"><%= simple_format(t("recruitment.exchange_description_example")) %></div>
					  	<a class="hint-btn" href=""><%= t("recruitment.example") %></a>
					  </div>
				  </div>
				</div>
			<% end %>
			
			<!-- Other Conditions -->
			<%= f.fields_for :other_conditions_translations do |fe| %>
				<div class="form-group">
					<%= fe.label locale, t("recruitment.exchange_conditions"), :class => "col-sm-2 control-label" %>
					<div class="col-sm-5">
				    <%= fe.text_area locale, :rows=>5, :class => "form-control", :value => @job.other_conditions_translations[locale] %>
				    <div>
					  	<div class="help-block" style="display: none;"><%= simple_format(t("recruitment.exchange_information_example")) %></div>
					  	<a class="hint-btn" href=""><%= t("recruitment.example") %></a>
					  </div>
				  </div>
				</div>
			<% end %>
    </div>
  <% end %>
  <hr>

	<!-- exchange min credit score -->
  <div class="form-group">
		<%= f.label :min_credit_score, t("recruitment.min_credit_score"), :class => "col-sm-2 control-label" %>
	  <div class="col-sm-1">
			<%= f.number_field :min_credit_score, :class => "form-control", :max => 500, :min => 1 %> 
	  </div>
	</div>


  <!-- exchange duration -->
  <div class="form-group">
		<%= f.label :internship_duration, t("recruitment.exchange_duration"), :class => "col-sm-2 control-label" %>
	  <div class="col-sm-1">
	  	<label for="recruitment_job_internship_duration">
	   		<%= f.number_field :internship_duration, :class => "form-control", :max => 36, :min => 1 %> 
	   		<%= t("recruitment.months") %>		
			</label>
			<div>
		  	<div class="help-block" style="display: none;"><%= simple_format(t("recruitment.internship_duration_example")) %></div>
		  	<a class="hint-btn" href=""><%= t("recruitment.example") %></a>
		  </div>
	  </div>
	</div>

	 <!-- exchange start date -->
  <div class="form-group">
		<%= f.label :exchange_start_date, t("recruitment.exchange_start_date"), :class => "col-sm-2 control-label" %>
	  <div class="col-sm-1">
	  	<%= f.datetime_picker :exchange_start_date, :no_label => true, :new_record => @job.new_record? %>
	  </div>
	</div>

  <!-- salary type -->
  <!-- <div class="form-group">
		<label class="col-sm-2 control-label"><%#= t("recruitment.stipend-title") %></label>
		<div class="col-sm-8">
			<label for="recruitment_job_salary_type1" class="control-label radio-label">
				<%#= f.radio_button :salary, "type1" %> <%#= t("recruitment.salary.type1") %>
			</label>
			<label for="recruitment_job_salary_type2" class="control-label radio-label">
				<%#= f.radio_button :salary, "type2" %> <%#= t("recruitment.salary.type2") %>
			</label>
	  </div>
	</div> -->
	
	<!-- salary range -->
	<!-- <div class="form-group">
		<label class="col-sm-2 control-label"><%#= t("recruitment.stipend_range") %></label>
		<div class="col-sm-8">
			<label for="recruitment_job_min_salary" class="control-label radio-label">
				<%#= t("recruitment.min_salary") %> <%#= f.number_field :min_salary %> <%#= t("recruitment.thousands") + " / " + t("recruitment.month") %> 
			</label>
			<label for="recruitment_job_max_salary" class="control-label radio-label">
				<%#= t("recruitment.max_salary") %> <%#= f.number_field :max_salary %> <%#= t("recruitment.thousands") + " / " + t("recruitment.month") %>
			</label>
	  </div>
	</div> -->

	<!-- location of work -->

	<div class="form-group">
		<%= f.label :location_of_work, t("recruitment.location"), :class => "col-sm-2 control-label" %>
		<div class="col-sm-5">
	    <%= f.text_field :location_of_work, :class => "form-control"%>
	    <div>
				<div class="help-block" style="display: none;"><%= simple_format(t("recruitment.location_example")) %></div>
				<a class="hint-btn" href=""><%= t("recruitment.example") %></a>
			</div>
	  </div>
	</div>

<hr>
	<!-- Work Type -->
 <!--  <div class="form-group">
		<label class="col-sm-2 control-label"><%#= t("recruitment.worktype_title") %></label>
		<div class="col-sm-8">
			<label for="recruitment_job_work_type_type1" class="control-label radio-label">
				<%#= f.radio_button :work_type, "type1" %> <%#= t("recruitment.work_type.type1") %>
			</label>
			<label for="recruitment_job_work_type_type2" class="control-label radio-label">
				<%#= f.radio_button :work_type, "type2" %> <%#= t("recruitment.work_type.type2") %>
			</label>
			<label for="recruitment_job_work_type_type3" class="control-label radio-label">
				<%#= f.radio_button :work_type, "type3" %> <%#= t("recruitment.work_type.type3") %>
			</label>
			<label for="recruitment_job_work_type_type4" class="control-label radio-label">
				<%#= f.radio_button :work_type, "type4" %> <%#= t("recruitment.work_type.type4") %>
			</label>
			<label for="recruitment_job_work_type_type5" class="control-label radio-label">
				<%#= f.radio_button :work_type, "type5" %> <%#= t("recruitment.work_type.type5") %>
			</label>
	  </div>
	</div> -->

	<!-- Work Experience -->

	<div class="form-group">
		<%= f.label :work_experience_years, t("recruitment.work_experience"), :class => "col-sm-2 control-label" %>
		<div class="col-sm-1">
	    <%= f.number_field :work_experience_years, :class => "form-control", :max => 50, :min => 0 %> 
	    <label for="recruitment_job_work_experience_years"><%= t("recruitment.years") %></label>
	  </div>
	  <div class="col-sm-1">
	   	<%= f.number_field :work_experience_months, :class => "form-control", :max => 11, :min => 0 %> 
	   	<label for="recruitment_job_work_experience_months"><%= t("recruitment.months") %></label>
	  </div>
	</div>

	<!-- Academic Type -->
	<div class="form-group">
		<%= f.label :academic_type, t("recruitment.academic_type_title"), :class => "col-sm-2 control-label" %>
		<div class="col-sm-5">
	    <%= f.select :academic_type, @academic_types, {:include_blank => "Select Degree"},{:class => "form-control"} %>
	  </div>
	</div>

	<!-- Academic Req -->
	<div class="form-group">
		<%= f.label :academic_requirement, t("recruitment.academic_requirement"), :class => "col-sm-2 control-label" %>
		<div class="col-sm-5">
	    <%= f.text_area :academic_requirement, :class => "form-control"%>
	  </div>
	</div>

	<!-- Language Req -->
	<div class="form-group">
		<%= f.label :language_requirement, t("recruitment.language"), :class => "col-sm-2 control-label" %>
		<div class="col-sm-5">
	    <%= f.text_field :language_requirement, :class => "form-control", :placeholder => t("recruitment.seperate_with_eng") %>
	  </div>
	</div>

	<div class="form-group">
	  <div class="col-sm-offset-2 col-sm-10">
	  	<%= f.hidden_field :post_type, :value => "type3" %>
	  	<%= f.hidden_field :employer_profile_id, :value => @profile.profile.id %>
			<%= f.submit "Submit", :class =>"btn btn-primary" %>
			<a href="<%= mydashboard_path %>" class="btn btn-default"><%= t("recruitment.cancel") %></a>
	  </div>
	</div>

<%= render :partial => "example_box" %>
<script type="text/javascript">
	$("#recruitment_job_holiday_system_type2").on("click",function(){
		if($(this).is(":checked")){
			$("#recruitment_job_holiday_system_other").prop("disabled",false);
			$("#recruitment_job_holiday_system_other").focus();
		}
	})
	$("#recruitment_job_holiday_system_type1").on("click",function(){
		$("#recruitment_job_holiday_system_other").prop("disabled",true).val("");
	})
</script>