<!DOCTYPE html>
<html lang="en" dir="ltr">
<!-- Added by HTTrack --><meta http-equiv="content-type" content="text/html;charset=UTF-8" /><!-- /Added by HTTrack -->
<head>
    <?php echo $this->include('include/head'); ?>
</head>
<body class="main-body app sidebar-mini">
  <!-- Loader -->
  <!-- <div id="global-loader">
        <img src="<?= base_url(); ?>public/assets/img/loader3.svg" class="loader-img" alt="Loader">
  </div> -->
  <!-- /Loader -->

  <!-- Page Start -->
  <div class="page">
      <!-- main-sidebar -->
      <?php echo $this->include('include/sidebar'); ?>

      <!-- main-sidebar -->

        <!-- main-content -->
        <div class="main-content app-content">
            <!-- main-header -->
            <?php echo $this->include('include/header'); ?>

            <!-- /main-header -->
            <!-- container -->
            <div class="container-fluid">

                    <!-- row opened -->
					<div class="row row-sm">
						<div class="col-xl-12">
							<div class="card">
								<div class="card-header pb-0">
                                    <div class="row">
                                        <div class="col-sm-8">
                                            <h4 class="card-title mg-b-0">Category Master</h4>
                                        </div>
                                        <div class="col-sm-2">
                                            <a href="<?php // base_url('product/category_export_csv'); ?>" class="btn btn-success"><i class="fa fa-download"></i> Export CSV</a>
                                        </div>
                                        <div class="col-sm-2">
                                            <a data-target="#addCategory" data-toggle="modal" class="btn btn-warning mr-2"><i class="fa fa-plus"></i> Category</a>
                                        </div>
                                    </div>


									<!-- <p class="tx-12 tx-gray-500 mb-2">Example of Valex Simple Table. <a href="#">Learn more</a></p> -->
								</div>
								<div class="card-body">
									<div class="table-responsive">
										<table class="table text-md-nowrap table-bordered" id="example1">
											<thead>
												<tr>
													<th class="wd-15p border-bottom-0">Sr. No.</th>
													
												</tr>
											</thead>
											<tbody>

												<?php //foreach($category as $key => $row){ ?>
                                                    <tr>
                                                        <td><?php // $key+1; ?></td>
                                    
                                                    </tr>

                                                  

												<?php //} ?>
											</tbody>
										</table>
									</div>
								</div>
							</div>
						</div>
						<!--/div-->
					</div>
					<!-- /row -->
            </div><!-- Container closed -->
        </div><!-- main-content closed -->

  </div><!-- Page End -->


  <a data-toggle="modal" data-target="#addCategory" class="btn btn-warning mr-2">
    <i class="fa fa-plus"></i> Category
</a>

<div class="modal fade" id="addCategory" tabindex="-1">
    <div class="modal-dialog modal-dialog-slideout">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">Add Category</h5>
                <button type="button" class="close" data-dismiss="modal">
                    &times;
                </button>
            </div>

            <div class="modal-body">
                <div class="form-group">
                    <label for="exampleInputPassword1">Category Code</label>
                    <input type="text" class="form-control" name="category_code" oninput="getCategoryCode(this.value)" maxlength="3" pattern="[0-9]+" placeholder="Category Code" required>
                    <span class="text-danger" id="Errcategory"></span>
                </div>
                
                <div class="form-group">
                    <label for="exampleInputEmail1">Category Name</label>
                    <input type="text" class="form-control" name="category_name" maxlength="100" oninput="whitspace(this)" onkeydown="return /[a-zA-Z0-9& ]/i.test(event.key)" placeholder="Category Name" required>
                </div>
                
            </div>
            <div class="modal-footer">
                <button class="btn ripple btn-primary" id="addCategoryBtn" type="submit">Submit</button>
                <button class="btn ripple btn-secondary" data-dismiss="modal" type="button">Close</button>
            </div>
        </div>
    </div>
</div>


  <!-- Back-to-top -->
  <a href="#top" id="back-to-top"><i class="las la-angle-double-up"></i></a>
  <?php echo $this->include('include/script'); ?>

  </body>
</html>