post job step one view

<style>
#stepList {
	margin: auto;
}

.progressBar {
	height: 5px;
}

.progressBar > span {
	display: block;
	height: 100%;
	border-radius: 10px;
	background-color: #0A3143;
}


.multipleChoiceCSS .form-inline, .multipleChoiceCSS .form-control{
	margin-bottom:10px;
}
.multipleChoiceCSS .form-inline input {
	width: 50%;
}
.CorrectAnswerSelection {
	margin-bottom:15px;
	padding-bottom:15px;
	border-bottom: 1px solid #cccccc;
	font-size: 16px;
}
.form-multiple .form-control {
	display: inline-block;
width: 90%;
}
.multipleChoiceCSS textarea{
	height:100px;
}
.indexOfRepeat {
	font-family:'open_sansbold';
	margin-bottom:15px;
	margin-top:15px;
}
.AptitudeTestingSlide, .VideoTestingSlide {
	display:none;
		margin-top:	15px;
}
#AptitudeTestSlideButton, #VideoTestSlideButton{
width: 100%;
height: 50px;
	margin-bottom:15px;
}
</style>

<link rel="stylesheet" href="css/DesktopPostAJobStyle.css" />
<div id="wrapper">
    <div id="unmask"></div>
    <div id="search_shortlist">
<div ng-include="'BetaHeader.html'"></div>

<div class="container">
	<ul id="stepList">
	    <li class="active"><a>Sourcing</a></li>
	    <li><a ng-click="toStepTwo()">Screening</a></li>
	    <li><a ng-click="toStepThree()">Interviewing</a></li>
	    <li><a ng-click="toStepFour()">On-boarding</a></li>
	</ul>
	<div class="progressBar">
		<span style="width: 25%"></span>
	</div>
</div>

<div id="PostAJob">
<div id="page-warper">
<div class="session">
<div class="container">
<div class="row">
<div>
<div class="job-panel-PostJob main-job-edit" id="Basic-Info">
<div class="content">
<h2>Let's get started</h2>
<h4>Job Information</h4>
<form class="form-horizontal"  style="margin-top: 30px;" role="form" id="JobEssentials" name="JobEssentials">
	<div class="form-group">
		<label for="InputName"  class="col-sm-3 control-label" >Job title</label>
		<div class="col-sm-9">
			<input type="text" class="form-control" ng-keydown="preventEnterFormSubmission()" ng-model="nameIntern" required id="InputName">
		</div>
	</div>
	<div class="form-group">
		<label for="InputDeadline" class="col-sm-3 control-label">Deadline</label>
		<div class="col-sm-9">
			<input type="text" class="form-control" id="InputDeadline datepicker" ng-keydown="preventEnterFormSubmission()"  name="Deadline" required ng-pattern='datePattern' ng-model="Deadline" value="" placeholder="DD/MM/YYYY">
			<span class = "error errorRemuneration" ng-show="JobEssentials.Deadline.$error.pattern" ng-keydown="preventEnterFormSubmission()"  >Please enter a valid date (DD/MM/YYYY)</span>
		</div>
	</div>
	<div class="form-group">
		<label for="InputStartDate" class="col-sm-3 control-label">Start Date</label>
		<div class="col-sm-9">
			<input type="text" class="form-control" id="InputStartDate datepicker" ng-keydown="preventEnterFormSubmission()"  name="startDate" required ng-pattern='datePattern' ng-model="startDate" value="" placeholder="DD/MM/YYYY">
			<span class = "error errorRemuneration" ng-show="JobEssentials.startDate.$error.pattern" ng-keydown="preventEnterFormSubmission()"  >Please enter a valid date (DD/MM/YYYY)</span>
		</div>
	</div>
	<div class="form-group">
			<label for="InputWorkType" class="col-sm-3 control-label">Job Type</label>
			<div class="col-sm-9">
				<select id="InputWorkType" class="form-control"  ng-model="selectedOptionWorkType" ng-options="option.name for option in WorkTypeoptions"></select>
			</div>
	</div>
<h4>Where will they be working?</h4>
	<div class="form-group" style="margin-top:30px;">
			<label for="InputCountry" class="col-sm-3 control-label">Country</label>
			<div class="col-sm-9">
				<select id="InputCountry" class="form-control"  ng-model="selectedCountry" ng-options="option.name for option in CountryList"></select>
			</div>
	</div>
	<div class="form-group">
			<label for="InputStatesRegion" class="col-sm-3 control-label">States/Region</label>
			<div class="col-sm-9">
				<select id="InputStatesRegion" class="form-control"  ng-model="selectedStatesRegion" ng-options="option.name for option in statesRegionsList"></select>
			</div>
	</div>
	<div class="form-group">
		<label class="col-sm-3 control-label">Suburb</label>
		<div class="col-sm-9">
			<input type="text" class="form-control" ng-keydown="preventEnterFormSubmission()"  name="Suburb" ng-model="Suburb" required placeholder="e.g Surry Hills">
		</div>
	</div>
	<div class="form-group">
		<label class="col-sm-3 control-label">Postcode</label>
		<div class="col-sm-9">
			<input type="text" class="form-control" ng-keydown="preventEnterFormSubmission()"  name="postcode" ng-model="postcode" required placeholder="e.g 2000">
		</div>
	</div>
<h4>Further information</h4>
	<div class="form-group">
			<label for="InputIndustries" class="col-sm-3 control-label">Industry</label>
			<div class="col-sm-9">
				<select id="InputIndustries" class="form-control"  ng-model="selectedIndustry" ng-options="optionIndustry.name for optionIndustry in industryList"></select>
			</div>
	</div>
	<div class="form-group">
		<label class="col-sm-3 control-label">Remuneration</label>
		<div class="col-sm-9">
			<input type="text" class="form-control" id="InputLocation" ng-keydown="preventEnterFormSubmission()"  name="Remuneration" ng-model="Remuneration" required placeholder="e.g $16/hr, $50 000">
			<span class = "error" ng-show="submitted && JobEssentials.Remuneration.$error.required">A Remuneration must be stated!</span>
		</div>
	</div>
	<div class="form-group">
		<label for="InputDescribe" class="col-sm-3 control-label">Description</label>
		<div class="col-sm-9">
			<textarea class="form-control"  redactor="{toolbarFixed: false, minHeight: 400, buttons: ['formatting', '|', 'bold', 'italic', '|', 'orderedlist','unorderedlist', 'indent', 'link', 'alignment', 'horizontalrule']}" cols="30" rows="10" id="InputDescribe" required ng-model="Description"></textarea>
		</div>
	</div>

<div class="col-xs-12 individual-integration integrations">
	<h4>Sourcing - Integrations</h4>
	<label class="checkbox col-sm-4"><img src="landing-img/indeed-logo.png" alt="Indeed logo" width="150px"></label>
	<div class="col-sm-6">
		<p>Indeed is one of the biggest job platforms in the world</p>
		<p>We post your job on indeed automatically, for free, and candidates sign up via a unique link on Hireflow.</p>
	</div>
	<div class="col-sm-2">
		<input type="checkbox" name="indeed" ng-model="indeed" ng-true-value="'indeed'" ng-false-value="'no'" />
	</div>
</div>
<div class="col-xs-12 individual-integration integrations">
	<label class="checkbox col-sm-4"><img src="landing-img/workible.png" alt="Workible logo" width="150px"></label>
	<div class="col-sm-6">
		<p>Workible is one of the Australia's fastest growing jobs and talent pool platforms.</p>
		<p>We post your job on indeed automatically, for free, and candidates sign up via a unique link on Hireflow.</p>
	</div>
	<div class="col-sm-2">
	<input type="checkbox" name="workible" ng-model="workible" ng-true-value="'workible'" ng-false-value="'no'" />
	</div>
</div>
<div class="col-xs-12 individual-integration integrations">
	<label class="checkbox col-sm-4"><img src="landing-img/seek-logo.png" alt="seek logo" width="150px"></label>
	<div class="col-sm-6">
		<p>Seek is Australia's largest job site in Australia, with 30 million visits a month across all platforms.</p>
		<p>Hireflow will post your on Seek on your behalf and source candidates automatically.</p>
		<p><strong>Note: Seek is a paid service</strong></p>
	</div>
	<div class="col-sm-2"><input type="checkbox" name="seek" ng-model="seek" ng-true-value="'seek'" ng-false-value="'no'"></div>
</div>
	<button ng-click="toStepTwo()" class="btn btn-add-EditProfile" style="width:45%; height:50px;">Next</button>
</form>

</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

<div ng-include="'jobuniFooter.html'"></div>
</div>
</div>
</div>