<!-- Main Content -->
<div class="page-wrapper">
    <div class="container-fluid pt-25">
    	 <div class="row">

            <div class="alert alert-success alert-dismissible" role="alert" <?php if($this->session->flashdata('message')==''){ ?> style="display:none" <?php } ?> >

                <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>

                <?php echo $this->session->flashdata('message'); ?>

            </div>

            <div class="alert alert-warning alert-dismissible" role="alert" <?php if($this->session->flashdata('emessage')==''){ ?> style="display:none" <?php } ?> >

                <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>

                <?php echo $this->session->flashdata('emessage'); ?>

            </div>

        </div>
		<!-- Row -->
		<div class="row">
			<div class="col-sm-6">
				<div class="panel panel-default card-view">
					<div class="panel-heading">
						<div class="pull-left">
							<h6 class="panel-title txt-dark">Add Category</h6>
						</div>
						<div class="clearfix"></div>
					</div>
					<div class="panel-wrapper collapse in">
						<div class="panel-body">
							<div class="form-wrap">
								<form id="addCategoryForm" class="form-horizontal" action="<?php echo base_url(A."/addCategory"); ?>" enctype="multipart/form-data" method='post'>
									<div class="form-group">
										<label class="mb-10 col-sm-12">Category Name</label>
										<div class="col-sm-12">
											<input type="text" name="category" class="form-control">
										</div>
									</div>
									<div class="form-group">
										<label class="mb-10 col-sm-12">Category Image</label>
										<div class="col-sm-12">
											<input type="file" name="image" class="form-control">
											<p>Image must be 320x320 px.</p>
										</div>
									</div>
									<div class="form-group mb-0"> 
										<div class="col-sm-12">
										  <button type="submit" name="addcategory" class="btn btn-success btn-anim"><i class="icon-rocket"></i><span class="btn-text">Submit</span></button>
										</div>
									</div>
								</form>
							</div>
						</div>
					</div>
				</div>
			</div>
			<?php  ?>
			<div class="col-sm-6">
				<div class="panel panel-default card-view">
					<div class="panel-heading">
						<div class="pull-left">
							<h6 class="panel-title txt-dark">Add Sub Category</h6>
						</div>
						<div class="clearfix"></div>
					</div>
					<div class="panel-wrapper collapse in">
						<div class="panel-body">
							<div class="form-wrap">
								<form id="addSubCategoryForm" class="form-horizontal" action="<?php echo base_url(A."/addSubCategory"); ?>" enctype="multipart/form-data" method='post'>
									<div class="form-group">
										<label class="mb-10 col-sm-12">Select Category</label>
										<div class="col-sm-12" style="height:230px;overflow-y:scroll;">
											<?php 
												if(!empty($category)){ 
					                            	echo catMenu($category);
					                            }
											?>
										</div>
									</div>
									<div class="form-group">
										<label class="mb-10 col-sm-12">Sub Category Name</label>
										<div class="col-sm-12">
											<input type="text" name="category" class="form-control">
										</div>
									</div>
									<div class="form-group">
										<label class="mb-10 col-sm-12">Sub Category Image</label>
										<div class="col-sm-12">
											<input type="file" name="image" class="form-control">
											<p>Image must be 320x320 px.</p>
										</div>
									</div>
									<div class="form-group mb-0"> 
										<div class="col-sm-12">
										  <button type="submit" name="addsubcategory" class="btn btn-success btn-anim"><i class="icon-rocket"></i><span class="btn-text">Submit</span></button>
										</div>
									</div>
								</form>
							</div>
						</div>
					</div>
				</div>
			</div>
			<?php  ?>
		</div>	
		<!-- /Row -->
	</div>
	<style>
		li 
		{
			list-style: none;
/*			display: flex;*/
			/*align-items: center;*/
		}
		li input 
		{
			margin-right: 10px!important;
			/*margin-top: 0!important;*/
		}
	</style>