<h2 aria-hidden="false" class="aria-only"><%= _('Project Details') %></h2>

<%= form_for resource, as: 'user', url: user_session_path, 
						 html: {class: "login-form roadmap-form content-two-column"} do |f| %>

	<div class="column-left">
	  <fieldset id="sign-in-form" class="standard padded">
		
	    <div class="form-input">
	      <label for="plan_title"><%= _('Project Title (required)') %></label>
	      <input type="text" id="plan_title" name="plan[title]" class="left-indent required"
					 		 value="<%= plan.title %>"/>
	      <span role="" id="title_error" class="error-tooltip left-indent"></span>
	    </div>
	    <div class="form-input">
	      <label for="plan_grant_number"><%= _('Grant Number') %></label>
	      <input type="text" id="plan_grant_number" name="plan[grant_number]" class="left-indent"
					 		 value="<%= plan.grant_number %>"/>
	    </div>
	    <div class="form-input">
	      <label for="plan_principal_investigator"><%= _('Principal Investigator') %></label>
	      <input type="text" id="plan_principal_investigator" name="plan[principal_investigator]" 
							 class="left-indent" value="<%= plan.principal_investigator %>" />
	    </div>
	    <div class="form-input">
	      <label for="plan_description"><%= _('Project Abstract') %></label>
				<div class="left-indent">
		      <textarea id="plan_description" name="plan[description]" class="tinymce" rows="7"
										title="<%= _('Questions to consider:\n\t- What is the nature of your research project?\n\t- What research questions are you addressing?\n\t- For what purpose are the data being collected or created? \nGuidance:\n\tBriefly summarise the type of study (or studies) to help others understand the purposes for which the data are being collected or created.') %>"><%= plan.description %></textarea>
					<%= tinymce(selector: "#plan_description", content_css: asset_path('application.css')) %>
				</div>
	    </div>
			
		
			<hr />
			<h3><%= _('Data Contact Person') %></h3>
	    <div class="form-input">
	      <label for="plan_data_contact"><%= _('Name') %></label>
	      <input type="text" id="plan_data_contact" name="plan[data_contact]" class="left-indent"
					 		 value="<%= plan.data_contact %>"/>
	      <span role="" id="data_contact_error" class="error-tooltip left-indent"></span>
	    </div>
	    <div class="form-input">
	      <label for="plan_data_contact_email"><%= _('Email') %></label>
	      <input type="email" id="plan_data_contact_email" name="plan[data_contact_email]" 
							 class="left-indent" value="<%= plan.data_contact_email %>" />
	      <span role="" id="data_contact_email_error" class="error-tooltip left-indent"></span>
	    </div>
	    <div class="form-input">
	      <label for="plan_data_contact_phone"><%= _('phone') %></label>
	      <input type="tel" id="plan_data_contact_phone" name="plan[data_contact_phone]" 
							 class="left-indent" value="<%= plan.data_contact_phone %>" />
	      <span role="" id="data_contact_phone_error" class="error-tooltip left-indent"></span>

	    </div>
  
	    <div class="form-input">
	      <%= render partial: 'shared/accessible_submit_button',
	                 locals: {id: 'details-button', 
	                          val: _('Save'), 
	                          disabled_initially: true,
	                          classes: 'small-input-button',
	                          tooltip: _('Project title is required.')} %>
			</div>
		</fieldset>
	</div>
<% end %>