<div class="row">
	<!-- left column -->
	<div class="col-md-12">
	  <!-- general form elements -->
	  <div class="box box-primary">
		<div class="box-header with-border">
		  <h3 class="box-title"></h3>
		<!-- /.box-header -->
		<!-- form start -->
		<form class="form-horizontal" autocomplete="off" enctype="multipart/form-data" name="job_opening" id="job_opening"  action="<?php echo base_url(); ?>admin/home/save_job<?php
                            if (!empty($job_info)) {
                                echo '/'.$job_info['id'];
                            }
                            ?>" method="post">
			<div class="box-body">
				<?php if($this->session->flashdata('project_success_msg')!=""){ ?>
				<div class="alert alert-success alert-dismissible">
	                <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
	                <?php echo $this->session->flashdata('project_success_msg');?>
                </div>
                <?php } ?>
				<div class="form-group">
					<label for="Floor Plan Name" class="col-sm-2 control-label">Position Name</label>

					<div class="col-sm-10">
						<input type="text" class="form-control" id="position_name"  name="position_name" placeholder="Position Name" value="<?php
                            if (!empty($job_info)) {
                                echo $job_info['position'];
                            }
                            ?>" >
                            <span id="position_name_error" class="text-red"></span>
					</div>
				</div>

				<div class="form-group">
					<label for="Floor Plan Name" class="col-sm-2 control-label">Location</label>

					<div class="col-sm-10">
						<input type="text" class="form-control" id="location" name="location" placeholder="Location" value="<?php
                            if (!empty($job_info)) {
                                echo $job_info['location'];
                            }
                            ?>" >
                            <span id="location_error" class="text-red"></span>
					</div>
				</div>

				<div class="form-group">
					<label for="Floor Plan Name" class="col-sm-2 control-label">Experience</label>

					<div class="col-sm-10">
						<input type="text" class="form-control" id="experience" name="experience" placeholder="Experience" value="<?php
                            if (!empty($job_info)) {
                                echo $job_info['experience'];
                            }
                            ?>" >
                            <span id="experience_error" class="text-red"></span>
					</div>
				</div>

				<div class="form-group">
					<label for="Project Meta Title" class="col-sm-2 control-label">Description</label>

					<div class="col-sm-10">
					<textarea class="textarea" placeholder="Description" style="width: 100%; height: 200px; font-size: 14px; line-height: 18px; border: 1px solid #dddddd; padding: 10px;" name="description" id="description"><?php
                            if (!empty($job_info)) {
                                echo $job_info['description'];
                            }
                            ?></textarea>
                    <span id="description_error" class="text-red"></span>
					</div>
				</div>

			<!-- /.box-body -->
			<div class="box-footer">
				<button type="submit" class="btn btn-info pull-right">Update</button>
			</div>
			<!-- /.box-footer -->
		</form>
	  </div>
    </div>
</div>
<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="myModalLabel">Delete</h4>
      </div>
       <div class="modal-body">
	        <p>You are about to delete.</p>
	        <p>Do you want to proceed?</p>
	    </div>
      <div class="modal-footer">
        <button type="button" id="delete" class="btn btn-primary">Yes</button>
        <button type="button" class="btn btn-default" data-dismiss="modal">No</button>
      </div>
    </div>
  </div>
</div>  
<script>
$(document).ready(function(){

	$(document).on('click', '.remove_levels', function (e) {
		var project_id = $(this).attr("project-id");
		var image_id = $(this).attr("image-id");
		var base_url = "<?php echo base_url();?>";
		$(document).on('click', '#delete', function (e) {			
			$(location).attr('href', base_url+'admin/home/delete_project_banner/'+project_id+'/'+image_id)
		});
	});

	$(document).on("submit","#job_opening",function(){
		  
		  var dRegExp = /^[A-z0-9 -\/,.]+$/;
		  var position_name_error = false;
		  var location_error = false;
		  var experience_error = false;
		  var description_error = false;

		  var position_name = $('#position_name').val();
		  var location = $('#location').val();
		  var experience = $('#experience').val();
		  var description = $('#description').val();

		    if (position_name == "") {
		        $('#position_name_error').show().html('Please provide position name');
		        position_name_error = true;
		    } else if (position_name.length == 0 || position_name.length < 2 ) {
		        $('#position_name_error').show().html('Project position name should be atleast 1 character in length');
		        position_name_error = true;
		    }else if(dRegExp.test(position_name) == false) {
		        $('#position_name_error').show().html('Please provide valid position name');
		        position_name_error = true; 
		    }else{
		        $('#position_name_error').show().html('');
		        position_name_error = false;
		    }

		    if (location == "") {
		        $('#location_error').show().html('Please provide location name');
		        location_error = true;
		    }else{
		        $('#location_error').show().html('');
		        location_error = false;
		    }


		    if (experience == "") {
		        $('#experience_error').show().html('Please provide experience');
		        experience_error = true;
		    }else{
		        $('#experience_error').show().html('');
		        experience_error = false;
		    }

		    if (description == "") {
		        $('#description_error').show().html('Please provide job description');
		        description_error = true;
		    }else{
		        $('#description_error').show().html('');
		        description_error = false;
		    }


			if(!position_name_error && !location_error && !experience_error && !description_error ){
			  return true;
			}else{
			  return false;
			}

		});
});
</script>