<div class="modal-dialog">
	<div class="modal-content">
		<div class="wow_pops_head">
			<svg height="100px" preserveAspectRatio="none" version="1.1" viewBox="0 0 300 100" width="300px" xmlns="http://www.w3.org/2000/svg"><path d="M30.913,43.944c0,0,42.911-34.464,87.51-14.191c77.31,35.14,113.304-1.952,146.638-4.729 c48.654-4.056,69.94,16.218,69.94,16.218v54.396H30.913V43.944z" fill="currentColor" opacity="0.6"></path> <path d="M-35.667,44.628c0,0,42.91-34.463,87.51-14.191c77.31,35.141,113.304-1.952,146.639-4.729 c48.653-4.055,69.939,16.218,69.939,16.218v54.396H-35.667V44.628z" fill="currentColor" opacity="0.6"></path> <path d="M-34.667,62.998c0,0,56-45.667,120.316-27.839C167.484,57.842,197,41.332,232.286,30.428 c53.07-16.399,104.047,36.903,104.047,36.903l1.333,36.667l-372-2.954L-34.667,62.998z" fill="currentColor"></path></svg>
			<button type="button" class="close" data-dismiss="modal" aria-label="Close"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z"></path></svg></button>
			<h4><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M10,2H14A2,2 0 0,1 16,4V6H20A2,2 0 0,1 22,8V19A2,2 0 0,1 20,21H4C2.89,21 2,20.1 2,19V8C2,6.89 2.89,6 4,6H8V4C8,2.89 8.89,2 10,2M14,6V4H10V6H14Z"></path></svg> <?php echo $wo['job']['title'] ?></h4>
		</div>
			

		<form class="apply-job-form form-horizontal" method="post">
			<div class="modal-body">
				<div class="wo_settings_page wo_create_job_box">
					<div class="apply-job-general-alert setting-update-alert"></div>
					<div class="clear"></div>
					<div class="job-setting-panel">
						<!-- Text input-->
						<div class="row">
							<div class="col-lg-6">
								<div class="wow_form_fields">
									<label for="user_name"><?php echo $wo['lang']['name'] ?></label> 
									<input id="user_name" name="user_name" type="text" value="<?php echo($wo['user']['name']) ?>">
								</div>
							</div>
							<div class="col-lg-6">
								<div class="wow_form_fields">
									<label for="phone_number"><?php echo $wo['lang']['phone_number'] ?></label>  
									<input id="phone_number" name="phone_number" type="text" value="<?php echo $wo['user']['phone_number'];?>">
								</div>
							</div>
						</div>
						<div class="row">
							<div class="col-lg-6">
								<div class="wow_form_fields">
									<label for="location"><?php echo $wo['lang']['location'] ?></label> 
									<input id="location" name="location" type="text" value="<?php echo($wo['user']['address']) ?>">
								</div>
							</div>
							<div class="col-lg-6">
								<div class="wow_form_fields">
									<label for="email"><?php echo $wo['lang']['email'] ?></label>  
									<input id="email" name="email" type="text" value="<?php echo $wo['user']['email'];?>">
								</div>
							</div>
						</div>
						<hr>
						<h4><?php echo $wo['lang']['experience'] ?></h4>
						<div class="row">
							<div class="col-lg-6">
								<div class="wow_form_fields">
									<label for="position"><?php echo $wo['lang']['position'] ?></label> 
									<input id="position" name="position" type="text">
								</div>
							</div>
							<div class="col-lg-6">
								<div class="wow_form_fields">
									<label for="where_did_you_work"><?php echo $wo['lang']['where_did_you_work'] ?></label> 
									<input id="where_did_you_work" name="where_did_you_work" type="text" value="">
								</div>
							</div>
						</div>
						<div class="wow_form_fields">
							<label for="experience_description"><?php echo $wo['lang']['description'] ?></label>
							<textarea name="experience_description" rows="3" id="experience_description"></textarea>
						</div>

						<div class="wow_form_fields">
							<div class="wo_create_job_box_flex">
								<div class="sun_input" style="margin: 0;">
									<select id="experience_start_date" name="experience_start_date">
										<?php for ($i=date('Y'); $i > (date('Y')-50); $i--) {  ?>
											<option value="<?php echo $i ?>"><?php echo $i ?></option>
										<?php } ?>
									</select>
								</div>
								<?php echo $wo['lang']['to'] ?>
								<div class="sun_input" style="margin: 0;">
									<select id="experience_end_date" name="experience_end_date">
										<?php for ($i=date('Y'); $i > (date('Y')-50); $i--) {  ?>
											<option value="<?php echo $i ?>"><?php echo $i ?></option>
										<?php } ?>
									</select>
								</div>
								<div class="wo_cbox">
									<input type="checkbox" name="i_currently_work" id="i_currently_work">
									<label for="i_currently_work"><?php echo $wo['lang']['i_currently_work']; ?></label>
									<div class="clear"></div>
								</div>
							</div>
						</div>

						<?php if (!empty($wo['job']['question_one'])) { ?>
							<div class="wo_create_job_qstn_block">
								<label><?php echo $wo['job']['question_one'] ?></label>
								<?php if ($wo['job']['question_one_type'] == 'free_text_question') { ?>
									<div class="wow_form_fields">
										<textarea name="question_one_answer" rows="3" id="question_one_answer"></textarea>
									</div>
								<?php }elseif ($wo['job']['question_one_type'] == 'yes_no_question') { ?>
									<div class="">
										<input type="radio" value="yes" name="question_one_answer">  <?php echo $wo['lang']['yes']; ?>
										&nbsp;&nbsp;&nbsp;
										<input type="radio" value="no" name="question_one_answer">  <?php echo $wo['lang']['no']; ?>
									</div>
								<?php }elseif ($wo['job']['question_one_type'] == 'multiple_choice_question' && !empty($wo['job']['question_one_answers'])) { ?>
									<div class="wow_form_fields">
										<select id="question_one_answer" name="question_one_answer">
											<?php foreach ($wo['job']['question_one_answers'] as $key => $value) {  ?>
												<option value="<?php echo $key ?>"><?php echo $value ?></option>
											<?php } ?>
										</select>
									</div>
								<?php } ?>
								<div class="clear"></div>
							</div>
						<?php } ?>
						<?php if (!empty($wo['job']['question_two'])) { ?>
							<div class="wo_create_job_qstn_block">
								<label><?php echo $wo['job']['question_two'] ?></label>
								<?php if ($wo['job']['question_two_type'] == 'free_text_question') { ?>
									<div class="wow_form_fields">
										<textarea name="question_two_answer" rows="3" id="question_two_answer"></textarea>
									</div>
								<?php }elseif ($wo['job']['question_two_type'] == 'yes_no_question') { ?>
									<div class="">
										<input type="radio" value="yes" name="question_two_answer">  <?php echo $wo['lang']['yes']; ?>
										&nbsp;&nbsp;&nbsp;
										<input type="radio" value="no" name="question_two_answer">  <?php echo $wo['lang']['no']; ?>
									</div>
								<?php }elseif ($wo['job']['question_two_type'] == 'multiple_choice_question' && !empty($wo['job']['question_two_answers'])) { ?>
									<div class="wow_form_fields">
										<select id="question_two_answer" name="question_two_answer">
											<?php foreach ($wo['job']['question_two_answers'] as $key => $value) {  ?>
												<option value="<?php echo $key ?>"><?php echo $value ?></option>
											<?php } ?>
										</select>
									</div>
								<?php } ?>
							</div>
							<div class="clear"></div>
						<?php } ?>
						<?php if (!empty($wo['job']['question_three'])) { ?>
							<div class="wo_create_job_qstn_block">
								<label><?php echo $wo['job']['question_three'] ?></label>
								<?php if ($wo['job']['question_three_type'] == 'free_text_question') { ?>
									<div class="wow_form_fields">
										<textarea name="question_three_answer" rows="3" id="question_three_answer"></textarea>
									</div>
								<?php }elseif ($wo['job']['question_three_type'] == 'yes_no_question') { ?>
									<div class="">
										<input type="radio" value="yes" name="question_three_answer">  <?php echo $wo['lang']['yes']; ?>
										&nbsp;&nbsp;&nbsp;
										<input type="radio" value="no" name="question_three_answer">  <?php echo $wo['lang']['no']; ?>
									</div>
								<?php }elseif ($wo['job']['question_three_type'] == 'multiple_choice_question' && !empty($wo['job']['question_three_answers'])) { ?>
									<div class="wow_form_fields">
										<select id="question_three_answer" name="question_three_answer">
											<?php foreach ($wo['job']['question_three_answers'] as $key => $value) {  ?>
												<option value="<?php echo $key ?>"><?php echo $value ?></option>
											<?php } ?>
										</select>
									</div>
								<?php } ?>
							</div>
						<?php } ?>
					</div>

					<div class="publisher-hidden-option">
						<div id="progress" class="apply-job-progress">
							<span id="percent" class="apply-job-percent <?php echo Wo_RightToLeft('pull-right');?>">0%</span>
							<div class="progress">
								<div id="bar" class="progress-bar active apply-job-bar"></div> 
							</div>
							<div class="clear"></div>
						</div>
					</div>
					<input type="hidden" name="job_id" value="<?php echo $wo['job']['id'] ?>">
					<input type="hidden" name="hash_id" value="<?php echo Wo_CreateSession();?>">
				</div>
			</div>
			<div class="form-group last-sett-btn modal-footer">
				<div class="ball-pulse"><div></div><div></div><div></div></div>
				<button type="submit" class="btn btn-main btn-mat"><?php echo $wo['lang']['send'] ?></button>
			</div>
		</form>
	</div>
</div>
<script type="text/javascript">
	var create_bar = $('.apply-job-bar');
	var create_percent = $('.apply-job-percent');
	jQuery(document).ready(function($) {
		$('form.apply-job-form').ajaxForm({
		    url: Wo_Ajax_Requests_File() + '?f=job&s=apply_job',
		    beforeSend: function() {
		     var percentVal = '0%';
		     create_bar.width(percentVal);
		     create_percent.html(percentVal);
		      $('form.apply-job-form').find('.last-sett-btn .ball-pulse').fadeIn(100);
		    },
		    uploadProgress: function (event, position, total, percentComplete) {
		       var percentVal = percentComplete + '%';
		       create_bar.width(percentVal);
		       $('.apply-job-progress').slideDown(200);
		       create_percent.html(percentVal);
		    },
		    success: function(data) {
		     if (data.status == 200) {
		     	$('.apply-job-general-alert').html("<div class='alert alert-success'><?php echo($wo['lang']['apply_job_successfully']) ?></div>");
		       $('.apply-job-general-alert').find('.alert-success').fadeIn(300);
		        if (node_socket_flow == "1") {
			        socket.emit("user_notification", { to_id: data.user_id, user_id: _getCookie("user_id"), type: "added" });
			    }
		       setTimeout(function (argument) {
		        $('.apply-job-general-alert').find('.alert-success').fadeOut(300);
		        window.location.reload(true);

		       },3000);
		     } else {
		      $('#apply-job-modal').animate({
		        scrollTop: $('html, body').offset().top //#DIV_ID is an example. Use the id of your destination on the page
		    });
		         $('.apply-job-general-alert').html('<div class="alert alert-danger">' + data.error + '</div>');
		         $('.alert-danger').fadeIn(300);
		         setTimeout(function (argument) {
		          $('.alert-danger').fadeOut(300);
		         },3000);
		     }
		     $('form.apply-job-form').find('.last-sett-btn .ball-pulse').fadeOut(100);
		    }
		  });
		});
</script>