<style> .bootstrap-select>.dropdown-toggle.bs-placeholder, .bootstrap-select>.dropdown-toggle.bs-placeholder:hover, .bootstrap-select>.dropdown-toggle.bs-placeholder:focus, .bootstrap-select>.dropdown-toggle.bs-placeholder:active { height: 38px; } .bootstrap-select .dropdown-toggle .filter-option-inner { margin-top: 4px; margin-left: 4px; } .form-group .bootstrap-select>.dropdown-toggle { height: 38px; } </style> <div class="wraper responsive-width"> <main> <div class="admin_tempblock"> <div class="admin_tempsec"> <div class="admin_sec"> <div class="subsec_sec"> <div class="subject_r subject_r_lng"> <div class="subject_lsec"> <div class="mb-4"> <nav aria-label="breadcrumb"> <ol class="breadcrumb"> <li class="breadcrumb-item"><a href="<?= base_url() . 'admin/inventory/dashboard' ?>">Dashboard</a></li> <li class="breadcrumb-item active" aria-current="page"><?= $title ?></li> </ol> </nav> </div> <?php if ($this->session->flashdata('success')) { ?> <div class="alert alert-success alert-dismissible fade show" role="alert"> <p><b> Success !</b> <?php echo $this->session->flashdata('success') ?></p> <button type="button" class="close" data-dismiss="alert" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <?php } ?> <?php if ($this->session->flashdata('danger')) { ?> <div class="alert alert-danger alert-dismissible fade show" role="alert"> <p><b> Error !</b> <?php echo $this->session->flashdata('danger') ?></p> <button type="button" class="close" data-dismiss="alert" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <?php } ?> <div class="d-flex justify-content-end mb-3 small"> <b style="font-weight: 500">Quick Links:</b> <a href="<?= base_url() ?>admin/inventory/book-publication" class="text-primary px-1"> Publications </a> | <a href="<?= base_url() ?>admin/inventory/item-categories" class="text-primary px-1"> Item Categories </a> | <a href="<?= base_url() ?>admin/inventory/items" class="text-primary px-1"> Items </a> | <a href="<?= base_url() ?>admin/inventory/item-stocks" class="text-primary px-1"> Stocks </a> | <a href="<?= base_url() ?>admin/inventory/add-edit-new-entry/0" class="text-primary px-1"> New Purchase Entry </a> | <a href="<?= base_url() ?>admin/inventory/add-new-sales-record/0" class="text-primary px-1"> New Sales Entry </a> </div> <div class="row justify-content-center "> <div class="row w-100 mb-4"> <div class="col"> <div class="float-right w-25 "> <a class="btn btn-sm float-right btn-outline-success" href="<?= base_url() ?>admin/inventory/add-edit-new-entry/0"> Add New Entry </a> </div> </div> </div> <div class="clearfix"></div> <div class="col-md-12"> <div class="col-md-12 border rounded py-3"> <!-- --> <table id="tbl" class="display table-responsive"> <thead> <tr> <th class="textCenter">S.No</th> <th class="textCenter">Item</th> <th class="textCenter">Qty</th> <th class="textCenter">Unit Price</th> <th class="textCenter">Total Price</th> <th class="textCenter">Purchased On</th> <th class="textCenter">Action</th> </tr> </thead> <tbody> <?php foreach ($purchase_list as $p_key => $p_value) { ?> <tr> <td><?= $p_key + 1 ?></td> <td class="text-left"><?= $p_value['title'] ?></td> <td><?= $p_value['qty'] ?></td> <td><?= $p_value['unit_price'] ?></td> <td><?= $p_value['total_price'] ?></td> <td><?= $p_value['purchased_on'] ?></td> <td> <a class="btn btn-sm btn-outline-primary mr-1" href="<?= base_url() ?>admin/inventory/view-purchase-details/<?= $p_value['id'] ?>"> <i class="fa fa-eye"></i> </a> <a class="btn btn-sm btn-outline-primary mr-1" href="<?= base_url() ?>admin/inventory/add-edit-new-entry/<?= $p_value['id'] ?>"> <i class="fa fa-edit"></i> </a> <button class="btn btn-sm btn-outline-danger" data-toggle="modal" data-target="#deleteModal<?= $p_value['id'] ?>"> <i class="fa fa-trash"></i> </button> <div class="modal fade" id="deleteModal<?= $p_value['id'] ?>" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="exampleModalLabel">Delete</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <form action="<?= base_url(); ?>admin/inventory/item-purchase" method="POST" onkeydown=" return event.key != 'Enter'"> <div class="modal-body text-left"> <input type="hidden" name="recId" value="<?= $p_value['id'] ?>"> <h6>Are you sure you want to delete this record? </h6> <label class="small"><b class="text-danger">*</b> All records related with the record will be removed and cannot be undone.</label> </div> <div class="modal-footer"> <button type="button" class="btn btn-sm btn-success" data-dismiss="modal">Close</button> <input type="submit" name="deletePurchaseRecord" class="btn btn-sm btn-danger" value="Confirm"> </div> </form> </div> </div> </div> </td> </tr> <?php } ?> </tbody> </table> </div> </div> </div> </div> </div> </div> </div> </div> </div> </main> </div> <script defer src="<?php echo base_url(); ?>assets_admin/js/bootstrap-select.min.js"></script> <!--End right-top side--> <!-- <script src="<?php echo base_url(); ?>assets-bustracking/js/jquery-3.2.1.slim.min.js"></script> --> <script> $(document).ready(function() { $("#course-section").hide(); //table js $('#tbl').DataTable({ "lengthMenu": [ [25, 50, 100, 150, -1], [25, 50, 100, 150, "All"] ] }); }); </script>