post job step two 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;
}
.hide-multiple {
	display:none;
}
</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><a ng-click="toStepOne()">Sourcing</a></li>
	    <li class="active"><a>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: 50%"></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">
								<h4>Aptitude Testing</h4>
								<div class="form-group">
									<form class="col-xs-12 remove-left-right-margins">
									<label for="InputTasks" class="margin20">What multiple choice questions would you like to ask?</label>
									<span ng-repeat="multiple in RealMultiple" class="multipleChoiceCSS">
										<div ng-click="toggleMultiple(multiple)"  class="question-list">{{$index + 1}}. {{multiple.question}} <span class="glyphicon glyphicon-plus glyphicon-float-right" ng-show="multiple.displayPlus"></span><span class="glyphicon glyphicon-minus glyphicon-float-right" ng-show="!multiple.displayPlus"></span></div>
										<div ng-class="multiple.uniqueClass" class="hide-multiple">
											<textarea class="form-control" id="InputTasks" maxlength="200" ng-model="multiple.question" placeholder="Write your question here..."></textarea>
											<span ng-click="removeMultiple(multiple)"><img src="images/del-icon.png" style="float: right;
												position: relative;
												top: -74px;
											left: 25px;"></span>
											<div class="form-multiple">
												a. <input type="text" class="form-control" ng-keydown="preventEnterFormSubmission()"    ng-model="multiple.questionA" />
											</div>
											<div class="form-multiple">
												b. <input type="text" class="form-control" ng-keydown="preventEnterFormSubmission()"   ng-model="multiple.questionB" />
											</div>
											<div class="form-multiple">
												c. <input type="text" class="form-control" ng-keydown="preventEnterFormSubmission()"   ng-model="multiple.questionC" />
											</div>
											<div class="form-multiple">
												d. <input type="text" class="form-control" ng-keydown="preventEnterFormSubmission()"   ng-model="multiple.questionD" />
											</div>
											<div class="CorrectAnswerSelection">
												Correct Answer:
												a. <input type="radio" name="{{multiple.question}}" ng-model="multiple.correctAnswer" value="a">
												b. <input type="radio" name="{{multiple.question}}" ng-model="multiple.correctAnswer" value="b">
												c. <input type="radio" name="{{multiple.question}}" ng-model="multiple.correctAnswer" value="c">
												d. <input type="radio" name="{{multiple.question}}" ng-model="multiple.correctAnswer" value="d">
											</div>
										</div>
									</span>
									<h4>Add questions</h4>
									<div class="col-xs-12 multipleChoiceCSS">
										<textarea class="form-control" id="InputTasks" maxlength="2000" ng-model="multiplequestion" placeholder="Write your question here..."></textarea>
										<div class="form-multiple">
											a. <input type="text" class="form-control" ng-keydown="preventEnterFormSubmission()" ng-model="questionA" />
										</div>
										<div class="form-multiple">
											b. <input type="text" class="form-control" ng-keydown="preventEnterFormSubmission()"  ng-model="questionB" />
										</div>
										<div class="form-multiple">
											c. <input type="text" class="form-control" ng-keydown="preventEnterFormSubmission()"  ng-model="questionC" />
										</div>
										<div class="form-multiple">
											d. <input type="text" class="form-control" ng-keydown="preventEnterFormSubmission()"  ng-model="questionD" />
										</div>
										<div class="CorrectAnswerSelection">
											Correct Answer:
											a. <input type="radio" name="correctAnswer" ng-model="correctAnswer" value="a">
											b.<input type="radio" name="correctAnswer" ng-model="correctAnswer" value="b">
											c. <input type="radio" name="correctAnswer" ng-model="correctAnswer" value="c">
											d. <input type="radio" name="correctAnswer" ng-model="correctAnswer" value="d">
										</div>
									</div>
									<div style="float:right;">
										<button type="button" class="btn btn-float-right" ng-click="addTodoMultiple($index)">Add question</button>
									</div>
								</div>
								<div class="form-group col-xs-12 how-many-answered">
									<label>How many questions do candidates have to get right?</label>
									<input type="text" class="form-control mini-input" ng-keydown="preventEnterFormSubmission()"  ng-pattern="/^\d+$/"  ng-model="todoNumberCorrect" name="todoNumberCorrect" id="NumberCorrect"><span class="out-of-number"> / {{RealMultiple.length}}</span>
									<span class = "error errorRemuneration" ng-show="JobEssentials.todoNumberCorrect.$error.pattern" >Please enter a number only.</span>
								</div>
								</form>

                                <div class="col-xs-12" style="margin: 15px 0px">
                                    <h4>HackerRank Tests</h4>

									<span ng-repeat="test in selectedHackerRankTests | filter:name" class="multipleChoiceCSS">
										<div class="question-list">{{$index + 1}}. {{test.name}} <span ng-click="removeHackerRankTest(test)" class="glyphicon glyphicon-remove glyphicon-float-right"></span></div>
                                    </span>
                                    <div class="col-xs-12" ng-repeat="test in tests">
                                        <div class="row">
                                            <h5>{{ test.name }}</h5>
                                            <p>{{ test.questions_count }} question/s, to be completed in {{ test.duration }} minutes.</p>
                                            <p>Link: <a ng-href="test.url">{{ test.url }}</a></p>
                                            <button class="btn btn-float-right" ng-click="addHackerRankTest(test);">Add Test</button>
                                        </div>
                                    </div>
                                    <div>
                                        <h4 style="margin-top:10px; margin-bottom:10px">
                                            <button ng-hide="tests" style="margin-top:5px" class="btn btn-float-left" ng-disabled="retreiving" ng-click="getHackerRankTests();">{{ hackerRankLinkName }}</button>
                                            <span ng-show="hackerRankTokenMessage" class="label label-danger" style="color:white">{{hackerRankTokenMessage}}</span>
                                        </h4>
                                        <div ng-show="hackerRankTokenMessage" class='well'>
                                            <p>We are having issues retreiving HackerRank tests linked to your account.<br/>Please visit your <a ng-click="viewProfile()">profile page</a> and check that your HackerRank access token is correct.</p>
                                        </div>
                                    </div>
                                </div>
                                <button ng-click="toStepOne()" class="btn btn-add-EditProfile" style="width:45%; height:50px;">Back</button>
								<button ng-click="toStepThree()" class="btn btn-add-EditProfile" style="width:45%; height:50px;">Next</button>
							</div>
						</div>
					</div>
                </div>
			</div>
		</div>
	</div>
</div>
<div ng-include="'jobuniFooter.html'"></div>
</div>
</div>
</div>