<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="footer_menu" id="footer_menu"  action="<?php echo base_url(); ?>admin/home/save_footer_menu/<?php 
            if (!empty($footer_info)) {
                echo $footer_info['id'];
            }
            ?>" method="post">
			<div class="box-body">
			
				<div class="form-group">
					<label for="menu_name" class="col-sm-2 control-label">Menu Name</label>
					<div class="col-sm-10">
						<input type="text" class="form-control" id="menu_name" name="menu_name" placeholder="Menu Name" value="<?php
                            if (!empty($footer_info)) {
                                echo $footer_info['name'];
                            }
                            ?>" >
                            <span id="name_error"></span>
					</div>
				</div>
				
				<div class="form-group">
					<label for="link" class="col-sm-2 control-label">Link</label>
					<div class="col-sm-10">
						<input type="text" class="form-control" id="link" name="link" placeholder="Link" value="<?php
                            if (!empty($footer_info)) {
                                echo $footer_info['link'];
                            }
                            ?>" >
                            <span id="link_error"></span>
					</div>
				</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 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","#footer_menu",function(){
		  
		var name_error = false;
		var link_error = false;
		var name = $('#menu_name').val();
		var link = $('#link').val();
		  
		if (name == "") {
			$('#name_error').show().html('Please enter menu name');
			name_error = true;
		}else{
			$('#name_error').show().html('');
			name_error = false;
		}
		    
		if (link == "") {
			$('#link_error').show().html('Please enter menu link');
			link_error = true;
		}else{
			$('#link_error').show().html('');
			link_error = false;
		}

		if(!name_error  &&  !link_error ){
			return true;
		}else{
			return false;
		}

	});
});
</script>