<?php include 'includes/header.php'; ?>
<style type="text/css">
  .add-form-btn {
    position: absolute;
    right: 0px;
    background: #e68f39;
    padding: 10px 0 10px 20px;
    border-radius: 4px;
    margin-top: 6%;
    font-size: 15px;
    box-shadow: 0 4px 20px 0 rgb(0 0 0 / 14%), 0 7px 10px -5px rgb(230 143 57 / 40%);
}
</style>
<body>
 

<div id="wrapper" class="active">  
      <!-- Sidebar -->
            <!-- Sidebar -->
            <?php include 'includes/sidebar.php'; ?>

          
      <!-- Page content -->
      <div id="page-content-wrapper">
        <div class="page-content inset">
        <div class="main">
  
  <div class="content con-1">
    <div class="container-fluid">
     <div class="row dashboard-stats">
  
  <div class="dash-table-header dash1">
   <div class="card-header card-header-warning first-sec">
    <div class="row"></div>
      <div class="col-md-10">
        <h4>Section 2(22)E Status</h4>
      </div>
    </div>
  </div>
   </div>
  
   <div class="container table-responsive dash-table-stats"> 
  <!-- <a href="#" class="am-btn-dash" data-toggle="modal" data-target="#add-newform" rel="tooltip" title="" data-original-title="Add New Form"><i class="fa fa-plus" aria-hidden="true"></i></a> -->
 <table class="table table-bordered table-hover display" id="table_id">
  <thead class="thead-dark">
   <tr>
    <th scope="col">Preparation Date</th>
    <th scope="col">Company Name</th>
    <th scope="col">Maker</th>
    <th scope="col">Checker</th>
    <th scope="col">Status</th>
    <th scope="col">Last Edited On</th>
    <th scope="col">Action</th>
  </tr>
</thead>
<tbody>
 <tr>

  <td>25/04/2021</td>
  <td>OneRoof Technologies LLP</td>
  <td>XYZ</td>
  <td>ABCD</td>
  <td>Done</td>
  <td>25/07/2021</td>
  <td class="action-icons">

   <a href="#">
    <i class="fa fa-pencil" aria-hidden="true" rel="tooltip" title="" data-original-title="Edit"></i>
  </a>
  <a href="report.html"><i class="fa fa-eye" aria-hidden="true" rel="tooltip" title="" data-original-title="View"></i>
  </a>
  <a href="#"><i class="fa fa-download" aria-hidden="true" rel="tooltip" title="" data-original-title="Download"></i>
  </a>
  <a href="#"><i class="fa fa-trash" aria-hidden="true" rel="tooltip" title="" data-original-title="Remove"></i>
  </a>


</td>
</tr>
<tr>

  <td>25/04/2021</td>
  <td>OneRoof Technologies LLP</td>
  <td>XYZ</td>
  <td>ABC</td>
  <td>Done</td>
  <td>25/07/2021</td>
  <td class="action-icons">
   <a href="#">
    <i class="fa fa-pencil" aria-hidden="true" rel="tooltip" title="" data-original-title="Edit"></i>
  </a>
  <a href="report.html"><i class="fa fa-eye" aria-hidden="true" rel="tooltip" title="" data-original-title="View"></i>
  </a>
  <a href="#"><i class="fa fa-download" aria-hidden="true" rel="tooltip" title="" data-original-title="Download"></i>
  </a>
  <a href="#"><i class="fa fa-trash" aria-hidden="true" rel="tooltip" title="" data-original-title="Remove"></i>
  </a>


</td>
</tr>
<tr>

  <td>25/04/2021</td>
  <td>OneRoof Technologies LLP</td>
  <td>XYZ</td>
  <td>EFG</td>
  <td>Pending</td>
  <td>25/07/2021</td>
  <td class="action-icons">

   <a href="#">
    <i class="fa fa-pencil" aria-hidden="true" rel="tooltip" title="" data-original-title="Edit"></i>
  </a>
  <a href="report.html"><i class="fa fa-eye" aria-hidden="true" rel="tooltip" title="" data-original-title="View"></i>
  </a>
  <a href="#"><i class="fa fa-download" aria-hidden="true" rel="tooltip" title="" data-original-title="Download"></i>
  </a>
  <a href="#"><i class="fa fa-trash" aria-hidden="true" rel="tooltip" title="" data-original-title="Remove"></i>
  </a>


</td>
</tr>
<tr>

  <td>25/04/2021</td>
  <td>OneRoof Technologies LLP New</td>
  <td>XYZ</td>
  <td>ABC</td>
  <td>Completed</td>
  <td>25/07/2021</td>
  <td class="action-icons">

   <a href="#">
    <i class="fa fa-pencil" aria-hidden="true" rel="tooltip" title="" data-original-title="Edit"></i>
  </a>
  <a href="report.html"><i class="fa fa-eye" aria-hidden="true" rel="tooltip" title="" data-original-title="View"></i>
  </a>
  <a href="#"><i class="fa fa-download" aria-hidden="true" rel="tooltip" title="" data-original-title="Download"></i>
  </a>
  <a href="#"><i class="fa fa-trash" aria-hidden="true" rel="tooltip" title="" data-original-title="Remove"></i>
  </a>


</td>
</tr>
<tr>

  <td>25/04/2021</td>
  <td>Dummy Name</td>
  <td>XYZ</td>
  <td>ABC</td>
  <td>Done</td>
  <td>25/07/2021</td>
  <td class="action-icons">

   <a href="#">
    <i class="fa fa-pencil" aria-hidden="true" rel="tooltip" title="" data-original-title="Edit"></i>
  </a>
  <a href="report.html"><i class="fa fa-eye" aria-hidden="true" rel="tooltip" title="" data-original-title="View"></i>
  </a>
  <a href="#"><i class="fa fa-download" aria-hidden="true" rel="tooltip" title="" data-original-title="Download"></i>
  </a>
  <a href="#"><i class="fa fa-trash" aria-hidden="true" rel="tooltip" title="" data-original-title="Remove"></i>
  </a>


</td>
</tr>

</tbody>
</table>
<div class="table-footer">
  <p>Showing 1 to 10 of 10 entries</p>
  <ul class="pagination">
   <li><a href="#" class="prev">< Prev</a></li>
   <li class="pageNumber active"><a href="#">1</a></li>
   <li class="pageNumber"><a href="#">2</a></li>
   <li class="pageNumber"><a href="#">3</a></li>
   <li class="pageNumber"><a href="#">4</a></li>
   <li class="pageNumber"><a href="#">5</a></li>
   <li class="pageNumber"><a href="#">6</a></li>
   <li><a href="#" class="next">Next ></a></li>
 </ul>
</div>
</div>


</div>
  
  </div>
  <footer class="footer">
   <div class="container-fluid">
    <p>GBCA & Associates, Chartered Accountants. © 2021 All Rights Reserved. Powered by OneRoof Technologies LLP.</p>
  </div>
  </footer>
  </div>
  
        </div>
      </div>
      
    </div>
<!-- Wrapper -->

<!-- Sticky icon  -->
<div class="float-sm">
  <div class="fl-fl float-pn">
  <i class="fa fa-plus" aria-hidden="true"></i>
    <a href="" data-toggle="modal" data-target="#add-newform">Add New Form</a>
  </div>
</div>
 <!-- Sticky icon end  -->

<?php include 'includes/footer.php'; ?>
<script type="text/javascript">
  $(document).ready( function () {
    $('#table_id').DataTable();
} );
</script>

<!-- menu toggle new -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script>
  $('.collapseToggle').on('click', function() {
	$(".sidebar").toggleClass('sidebar--Collapse');
	$('.main').toggleClass('main--slide');	$('#toggleIcon').toggleClass('rotate');
});
</script>
<!-- menu toggle new -->
</body>

</html>
