<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"><?php echo $form_title;?></h3>
		</div>
		<!-- /.box-header -->
		<!-- form start -->
		<form class="form-horizontal" autocomplete="off" enctype="multipart/form-data" name="amemities" id="amemities"  action="<?php echo base_url(); ?>admin/home/save_amenity/<?php 
            if (!empty($amenity_info)) {
                echo $amenity_info['id'];
            }
            ?>" method="post">
			<div class="box-body">
				<div class="form-group">
					<label for="project_name" class="col-sm-2 control-label">Name</label>
					<div class="col-sm-10">
						<input type="text" class="form-control" id="amenity_name" amenity-id="<?php if (!empty($amenity_info)) { echo $amenity_info['id']; } ?>" name="amenity_name" placeholder="Amenity Name" value="<?php
                            if (!empty($amenity_info)) {
                                echo $amenity_info['name'];
                            }
                            ?>" >
                            <span id="amenity_name_error"></span>
					</div>
				</div>
				<div class="form-group">
					<label for="amenity_description" class="col-sm-2 control-label">Description</label>
					<div class="col-sm-10">
						<textarea class="form-control" id="amenity_description" name="amenity_description" placeholder="Amenity Description" minlength="3" required><?php if (!empty($amenity_info)) { echo trim($amenity_info['description']);}
                            ?></textarea>
                        <span id="amenity_description_error"></span>
					</div>
				</div>
				<div class="form-group">
					<label for="exampleInputFile" class="col-sm-2 control-label">Upload Image</label>
					<div class="col-sm-10">
						<input type="file" name="images" id="images" accept="image/*">
						<span id="thumbnail_error"></span>
					</div>
                </div>
                <?php if(!empty($amenity_info)){?>
				<div class="col-sm-10 col-sm-offset-2">
					<div class="panel panel-default">
						<div class="panel-body">
							
							<img src="<?php echo base_url(); ?>uploads/amenities/<?php echo $amenity_info['image']; ?>" width="100px" alt="<?php echo $amenity_info['name'] ; ?>" title="<?php echo $amenity_info['name'] ; ?>">
							
						</div>
					</div>
				</div>
				<?php } ?>
			</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 base_url = "<?php echo base_url();?>";
		$(document).on('click', '#delete', function (e) {			
			$(location).attr('href', base_url+'admin/home/delete_amenity/'+project_id)
		});
	});

	$(document).on("submit","#amemities",function(){
		  var dRegExpt = /^[A-z0-9 ]+$/;
		  var dRegExp = /^[A-z0-9 ]+$/;
		  var amenity_name_error = false;
		  var amenity_description_error = false;
		  var thumbnail_error = false;

		  var amenity_name = $('#amenity_name').val();
		  var amenity_description = $('#amenity_description').val();
		  var thumbnail = $('#images').val();
		  var amenity_id = $('#amenity_name').attr("amenity-id");

		    if (amenity_name == "") {
		        $('#amenity_name_error').show().html('Please enter amemity name');
		        amenity_name_error = true;
		    } else if (amenity_name.length == 0 || amenity_name.length < 2 ) {
		        $('#amenity_name_error').show().html('Project name should be atleast 1 character in length');
		        amenity_name_error = true;
		    }else if(dRegExpt.test(amenity_name) == false) {
		        $('#amenity_name_error').show().html('Please enter valid amemity name');
		        amenity_name_error = true; 
		    }else{
		        $('#amenity_name_error').show().html('');
		        amenity_name_error = false;
		    }

		    if (amenity_description == "") {
		        $('#amenity_description_error').show().html('Please enter amemity description');
		        amenity_description_error = true;
		    }else{
		        $('#amenity_description_error').show().html('');
		        amenity_description_error = false;
		    }
		    

		    if(amenity_id==""){
			    var ext = thumbnail.substring(thumbnail.lastIndexOf('.') + 1);
			    var extension = ext.toUpperCase();
			    if(thumbnail=="") {
			        $('#thumbnail_error').show().html('Please upload images');
			        thumbnail_error = true;
			    }else if (extension!="PNG" && extension!="JPG" && extension!="GIF" && extension!="JPEG"){
			        $('#thumbnail_error').show().html('Please upload valid images');
			        thumbnail_error = true;
			    }else{
			        $('#thumbnail_error').show().html('');
			        thumbnail_error = false;
			    }
			}else if(amenity_id!="" && thumbnail!=""){
				var ext = thumbnail.substring(thumbnail.lastIndexOf('.') + 1);
				var extension = ext.toUpperCase();
				if(thumbnail=="") {
					$('#thumbnail_error').show().html('Please upload images');
					thumbnail_error = true;
				}else if (extension!="PNG" && extension!="JPG" && extension!="GIF" && extension!="JPEG"){
					$('#thumbnail_error').show().html('Please upload valid images');
					thumbnail_error = true;
				}else{
					$('#thumbnail_error').show().html('');
					thumbnail_error = false;
				}
			}else{
				$('#thumbnail_error').show().html('');
				thumbnail_error = false;
			}

			if(!amenity_name_error  && !amenity_description_error && !thumbnail_error ){
			  return true;
			}else{
			  return false;
			}

		});
});
</script>