<div class="error">
  <%=  error_messages_for :applicant, :header_message => "There was a problem saving your information", :message => "" %>
</div>
<% form_for(@applicant, :url => welcome_path,:html => { :class => "default", :autocomplete => 'off' }) do |f| %>
  <h2>Welcome</h2>
  <p>We need some information to put here as an introduction to the online application that is both encouraging and informative towards the process and what the user can expect.</p>
  <p>Are you applying as a Freshman or Transfer student?</p>
  <ul>
  <script type="text/javascript">
$(function() {
    $("select[id=applicant_applying_as]").change(function() {
	var value = $(this).val();
	if (value == "Freshman") {

		$("p#freshman").show();
		$("p#transfer").hide();
	}
	if (value == "Transfer") {

		$("p#freshman").hide();
		$("p#transfer").show();
	}
});
});
  </script>
  <li class="section">
    <%= f.select(:applying_as, ["Freshman", "Transfer"]) %>
  </li>
  <p id="freshman">this is our freshman stuff</p>
  <p id="transfer" style="display: none;">this is our transfer stuff</p>

  <p>Are you a citizen of the United States of America?</p>
  <ul>
    <li class="section">
      <%= f.select(:united_states_citizen, [["Yes, I am", true],["No, I am not", false]]) %>
    </li>



    <li class="section">
      <label class="desc">International Student Information Collection Area</label>
      <p>The following information is required by the University of Tulsa.</p>
      <div class="left">
        <label class="desc" for="citizenship">Country</label>
        <%= f.collection_select(:country_id, @countries, :id, :name, :caption => "Country of Citizenship") %>

        <label for="citizenship">Country of citizenship</label>
      </div>
      <div class="right">
        <label class="desc" for="pra">PRA Number</label>
        <%= f.text_field :permanent_resident_alien_number, :size => '15', :class => "short textfield", :caption => "PRA Number" %>

        <label for="pra_number">XXXXX-XX-XX-XXX</label>
      </div>
    </li>

    <!--<li>
  <span>
      <label class="desc">School attending or last attended</label>
      <input type="text" class="medium textfield" />
      <label>Name of school</label>
  </span>
  </li>-->


  </ul>



  <p>Applying to The University of Tulsa</p>
  <p>Thank you for your interest in applying to The University of Tulsa. Please read the following information before you complete the application for admission.</p>


  <%= submit_tag 'Begin' %>
<% end %>