<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>
		  <?php if(!empty($project_info) && $project_info['id']!=""){?>
		  <div class="nav-tabs-custom">
            <ul class="nav nav-tabs">
					<li class="<?php if (!empty($project_info) && $form_title=="Update Project") {  echo 'active'; }?>">
						<a href="<?php echo base_url(); ?>admin/home/update_project/<?php 
						if (!empty($project_info)) { echo $project_info['id'];}?>"  aria-expanded="true">Update Project
						</a>
					</li>
					<li class="<?php if ($form_title=="Banners") {  echo 'active'; }?>">
						<a href="<?php echo base_url(); ?>admin/home/list_project_banners/<?php 
						if (!empty($project_info)) { echo $project_info['id'];} ?>"  aria-expanded="false">Banners
						</a>
					</li>
					<li class="<?php if ($form_title=="Description") {  echo 'active'; }?>">
						<a href="<?php echo base_url(); ?>admin/home/updated_project_description/<?php 
						if (!empty($project_info)) { echo $project_info['id'];} if (!empty($project_desc)) { echo '/'.$project_desc['id'];}?>"  aria-expanded="false">Description
						</a>
					</li>
					<li class="<?php if ($form_title=="Video") {  echo 'active'; }?>">
						<a href="<?php echo base_url(); ?>admin/home/list_project_video/<?php 
						if (!empty($project_info)) { echo $project_info['id'];} if (!empty($project_video)) { echo '/'.$project_video['id'];}?>"  aria-expanded="false">Video
						</a>
					</li>
					<li class="<?php if ($form_title=="Amenities") {  echo 'active'; }?>">
	                	<a href="<?php echo base_url(); ?>admin/home/list_project_amenities/<?php 
		            		if (!empty($project_info)) { echo $project_info['id'];} if (!empty($project_amenities)) { echo '/'.$project_amenities['id'];}?>"  aria-expanded="false">Amenities
		            	</a>
		            </li>
					<li class="<?php if ($form_title=="Gallery") {  echo 'active'; }?>">
						<a href="<?php echo base_url(); ?>admin/home/list_project_gallery/<?php 
						if (!empty($project_info)) { echo $project_info['id'];} if (!empty($project_gallery_image)) { echo '/'.$project_gallery_image['id'];}?>"  aria-expanded="false">Gallery
						</a>
					</li>
					<li class="<?php if ($form_title=="Brochure") {  echo 'active'; }?>">
	                	<a href="<?php echo base_url(); ?>admin/home/list_project_brochure/<?php 
		            		if (!empty($project_info)) { echo $project_info['id'];} if (!empty($project_brochure)) { echo '/'.$project_brochure['id'];}?>"  aria-expanded="false">Brochure
		            	</a>
		            </li>
					<li class="<?php if ($form_title=="Specification") {  echo 'active'; }?>">
	                	<a href="<?php echo base_url(); ?>admin/home/updated_project_specification/<?php 
		            		if (!empty($project_info)) { echo $project_info['id'];}if (!empty($project_spec)) { echo '/'.$project_spec['id'];}?>"  aria-expanded="true">Specification
		            	</a>
		            </li>
					<li class="<?php if ($form_title=="Floor plan") {  echo 'active'; }?>">
						<a href="<?php echo base_url(); ?>admin/home/list_project_floor_plan/<?php 
						if (!empty($project_info)) { echo $project_info['id'];} if (!empty($project_floor_plan)) { echo '/'.$project_floor_plan['id'];}?>"  aria-expanded="false">Floor Plan
						</a>
					</li>
					<li class="<?php if ($form_title=="Location Advantages") {  echo 'active'; }?>">
	                	<a href="<?php echo base_url(); ?>admin/home/list_project_location_advantages/<?php 
		            		if (!empty($project_info)) { echo $project_info['id'];} if (!empty($project_location_advantages)) { echo '/'.$project_location_advantages['id'];}?>"  aria-expanded="true">Location Advantages
		            	</a>
		            </li>
					<li class="<?php if ($form_title=="Construction Updates") {  echo 'active'; }?>">
	                	<a href="<?php echo base_url(); ?>admin/home/list_project_construction_updates/<?php 
		            		if (!empty($project_info)) { echo $project_info['id'];} if (!empty($project_construction_updates)) { echo '/'.$project_construction_updates['id'];}?>"  aria-expanded="true">Construction Updates
		            	</a>
		            </li>
		            <li class="<?php if ($form_title=="Investment Opportunity") {  echo 'active'; }?>">
                	<a href="<?php echo base_url(); ?>admin/home/list_project_investment/<?php 
	            		if (!empty($project_info)) { echo $project_info['id'];} if (!empty($project_investment)) { echo '/'.$project_investment['id'];}?>"  aria-expanded="false">Investment Opportunity
	            	</a>
	            </li>
					<li class="<?php if ($form_title=="contact") {  echo 'active'; }?>">
						<a href="<?php echo base_url(); ?>admin/home/update_contact/<?php 
						if (!empty($project_info)) { echo $project_info['id'];} if (!empty($project_floor_plan)) { echo '/'.$project_floor_plan['id'];}?>"  aria-expanded="false">Contact Details
						</a>
					</li>

				</ul>
		</div>
		<?php } ?>
		<!-- /.box-header -->
		<!-- form start -->
		<form class="form-horizontal" autocomplete="off" enctype="multipart/form-data" name="project_amenities" id="project_amenities"  action="<?php echo base_url(); ?>admin/home/save_project_amenities/<?php 
            if (!empty($project_info)) { echo $project_info['id'];}
            if (!empty($project_amenities)) { echo '/'.$project_amenities['id'];}
            ?>" method="post">
			<div class="box-body">
				<div id="amenities_msg">

				</div>
				<?php if($this->session->flashdata('description_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('description_success_msg');?>
                </div>
                <?php } ?>

				<div class="form-group">
					<div class="col-sm-10">
						<?php 
						
						$amenites_ids = explode(',', $project_amenities['amenites']);
						$checked ="";

						foreach ($amenites as $row) { 
							if(in_array($row['id'],$amenites_ids)){
								$checked = "checked";	
							}else{
								$checked ="";
							}?>
							<label>
			                  <input type="checkbox"  <?php echo $checked; ?> class="flat-red" name="amenities[]" value="<?php echo $row['id'];?>">&nbsp;&nbsp;&nbsp;
			                  <span><img src="<?php echo base_url().'uploads/amenities/'.$row['image'];?>" width="100" height="100" ></span>&nbsp;&nbsp;&nbsp;
			                   <?php echo $row['name'];?>
			                </label><br/>
						<?php } ?>
             		 </div>
              </div>
			<!-- /.box-body -->
			<div class="box-footer">
				<button type="submit" class="btn btn-info pull-right">Save</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("submit","#project_amenities",function(){
		  
		var project_amenity_error = false;
		/*-----------------------------------------------------*/
		var chks = document.getElementsByName('amenities[]');
		var hasChecked = false;
		for (var i = 0; i < chks.length; i++){
			if (chks[i].checked){
			hasChecked = true;
			break;
			}
		}
		
		if (hasChecked == false){
			$('#amenities_msg').show().html('<div class="alert alert-danger alert-dismissible"><button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button><h4>Please select at least one amenity</div>');
			project_amenity_error = true;
		}
		/*-----------------------------------------------------*/

		if(!project_amenity_error ){
		  return true;
		}else{
		  return false;
		}

	});
});
</script>