<link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.11.1/jquery.validate.min.js"></script>
<script src="http://jqueryvalidation.org/files/dist/additional-methods.min.js"></script>
<!-- Content Wrapper. Contains page content -->
      <div class="content-wrapper">
        <!-- Content Header (Page header) -->
        <section class="content-header">
          <h3>
            Category Settings
            
          </h3>
          <!--<ol class="breadcrumb">
            <li><a href="#"><i class="fa fa-dashboard"></i> Home</a></li>
            <li class="active">Dashboard</li>
          </ol>-->
        </section>

        <!-- Main content -->
        <section class="content"> 
			<div class="row">
				<!-- general form elements -->
				<div class="col-md-12">
				<div class="admin-tab-wrapper">
				    <div class="admin_tab">
							<!--<button class="btn btn-primary dropdown-toggle btn-algnmt" type="button" data-toggle="dropdown">Action
							<span class="caret"></span></button>-->
							<ul>
							 <li><a href="<?php echo base_url('admin/category/content');?>">Add</a></li>
			          		  <li><a href="<?php echo base_url('admin/category');?>">Back</a></li>

							  <!-- <li><a href="javascript:void(0)" id="dcategory">Delete Category</a></li>	-->		 
							</ul>
					</div>
				</div>
					  <div class="box box-primary">
						<div class="box-header with-border">
						  <h3 class="box-title"></h3>
						  <?php if($this->session->flashdata('error_msg')){?>
							<div class="alert alert-warning alert-dismissible hite" style="height:60px;">
								<button aria-hidden="true" data-dismiss="alert" class="close" type="button">×</button>
								<h4><i class="icon fa fa-warning"></i><?php echo $this->session->flashdata('error_msg'); ?></h4>
							</div>
						  <?php }?>
						  <?php if($this->session->flashdata('success_msg')){?>
							<div class="alert alert-success alert-dismissible hite" style="height:60px;">
								<button aria-hidden="true" data-dismiss="alert" class="close" type="button">×</button>
								<h4><i class="icon fa fa-warning"></i><?php echo $this->session->flashdata('success_msg'); ?></h4>
							</div>
						  <?php }?>
						</div>
						<!-- /.box-header -->
						<!-- form start -->
						<form role="form" id="categoryform" class="mtbresize" method="post" action="<?php echo base_url('admin/category/update');?>" enctype="multipart/form-data" autocomplete="off">
						  <div class="box-body">
							<!--<div class="form-group">
							  <label for="page_name">Page name</label>
							  <input type="text" class="form-control" id="page_name" name="page_name" value="<?php echo $cms['page_name'];?>" disabled>
							</div>-->							
							<div class="form-group">
							  <label for="title">Name<sup class="superr">*</sup></label>
							  <input type="text" class="form-control" id="category_name" name="category_name"  value="<?php echo $cms['category_name'];?>" placeholder="Name" required="required">
							  <?php echo form_error('category_name','<span class="error">', '</span>'); ?>
							</div>
							
							<div class="form-group">
							  <label>Category</label>
							  <select class="form-control" name="category" id="select_sub_category">
								
							  	<?php if($parent['category_name'] == 'Parent Category'){?>
								<option value="0" selected >Parent Category</option>
							  <?php }else{ ?>
								<option value="0" selected >Parent Category</option>
							  <?php } ?>
							  <?php foreach($parent_categories as $parent_category){?>							  
								<option value="<?php echo $parent_category['category_id']; ?>"<?php if($parent_category['category_name'] == $parent['category_name']){echo "selected";} ?>><?php echo $parent_category['category_name'];?></option>								
							  <?php } ?>
							  </select>							
							</div>	
						  <!-- /.box-body -->
						  <div class="box-footer">	
							<input type="hidden" name="category_id" value="<?php echo $cms['category_id']; ?>" />
							<button type="submit" class="btn btn-sm btn-primary">Submit</button>
						  </div>
						</form>
					  </div>
				</div>
          <!-- /.box -->
          </div><!-- /.row -->	
        </section><!-- /.content -->
      </div><!-- /.content-wrapper -->
<script>
$(document).ready(function() {	  
	  
	  $( "#categoryform" ).validate( {
					rules: {
						category_name: {
							required:true							
						}						
					},
					messages: {
						category_name: {
							required:"Category Name field is required"
						}						
						
					},
					errorElement: "em",					
					highlight: function ( element, errorClass, validClass ) {
						$( element ).parents( ".form-control" ).addClass( "has-error" ).removeClass( "has-success" );
					},
					unhighlight: function (element, errorClass, validClass) {
						$( element ).parents( ".form-control" ).addClass( "has-success" ).removeClass( "has-error" );
					}
				} );
  });
</script>