diff --git a/app/Controllers/StockController.php b/app/Controllers/StockController.php
index 2d1b7e7a..1dd877eb 100644
--- a/app/Controllers/StockController.php
+++ b/app/Controllers/StockController.php
@@ -254,7 +254,15 @@ class StockController extends BaseController
 
     // Bag Stock details starts
 
-    public function loadView_bagStockDetails(){}
+    public function loadView_bagStockDetails(){
+
+        $data=[];
+
+        $this->global['pageTitle']='Bag Stock Details';
+
+        return $this->loadViews("bagStockDetails", $this->global, $data, NULL);
+
+    }
 
     public function updateBagStockDetails(){}
    
diff --git a/app/Views/bagStockDetails.php b/app/Views/bagStockDetails.php
index e69de29b..943e0b8e 100644
--- a/app/Views/bagStockDetails.php
+++ b/app/Views/bagStockDetails.php
@@ -0,0 +1,356 @@
+<style type="text/css">
+    .num {
+        text-align: right;
+    }
+
+    .fht-table,
+    .fht-table thead,
+    .fht-table tfoot,
+    .fht-table tbody,
+    .fht-table tr,
+    .fht-table th,
+    .fht-table td {
+        margin: 0;
+    }
+
+    .fht-table td {
+        text-align: center;
+    }
+
+    .fht-table td:hover {
+        background-color: #00a65a;
+        color: #ffffff;
+    }
+
+    .fht-table {
+        border: 0 none;
+        height: auto;
+        width: auto;
+        border-collapse: collapse;
+        border-spacing: 0;
+        /*table-layout: fixed;  Algoritmo de distribucion fijo */
+        white-space: nowrap;
+    }
+
+    .fht-table th,
+    .fht-table td {
+        overflow: hidden;
+    }
+
+    .fht-table-wrapper,
+    .fht-table-wrapper .fht-thead,
+    .fht-table-wrapper .fht-tfoot,
+    .fht-table-wrapper .fht-fixed-column .fht-tbody,
+    .fht-table-wrapper .fht-fixed-body .fht-tbody,
+    .fht-table-wrapper .fht-tbody {
+        overflow: hidden;
+        position: relative;
+    }
+
+    .fht-table-wrapper .fht-fixed-body .fht-tbody,
+    .fht-table-wrapper .fht-tbody {
+        overflow: auto;
+    }
+
+    .fht-table-wrapper .fht-table .fht-cell {
+        overflow: hidden;
+        height: 1px;
+    }
+
+    .fht-table-wrapper .fht-fixed-column,
+    .fht-table-wrapper .fht-fixed-body {
+        top: 0;
+        left: 0;
+        position: absolute;
+    }
+
+    .fht-table-wrapper .fht-fixed-column {
+        z-index: 1;
+    }
+
+    .fht-fixed-body .fht-thead table {
+        margin-right: 20px;
+        border: 0 none;
+    }
+
+    /*For Examples*/
+
+    .ContenedorTabla {
+        height: 500px;
+        margin: 0 auto;
+        overflow: auto;
+        width: auto;
+        position: relative;
+    }
+
+    .header,
+    .main {
+        display: inline-block;
+        height: auto;
+        width: 100%;
+    }
+
+    .titulosHeader {
+        border-bottom: 1px solid #e8bb25;
+        height: auto;
+        margin-bottom: 10px;
+        padding-bottom: 8px;
+        padding-top: 8px;
+        width: 100%;
+    }
+
+
+    .celda_encabezado_general {
+        background-color: #00a65a;
+        border: 1px solid #ccc;
+        color: #ffffff;
+        font-weight: bold;
+        padding: 2px 4px;
+        text-align: center;
+    }
+
+    ._Separador {
+        background-color: #fff;
+        height: 12px;
+        border-left: 1px solid #ccc;
+        border-right: 1px solid #ccc;
+        width: 7px;
+    }
+
+    ._Separador div {
+        width: 4px;
+    }
+
+    .celda_normal {
+        /*background-color: #fff;*/
+        /* <!-- ad9271 into ffffff brown-light to green-light --> */
+        border: 1px solid #ccc;
+        padding: 2px 4px;
+    }
+
+    /*style excel*/
+    .excel_cell {
+        border: 1px solid #CCC;
+        color: #222;
+        text-align: center;
+        font-size: 13px;
+        font-weight: normal;
+        padding: 4px;
+        white-space: pre-line;
+        empty-cells: show;
+    }
+
+    ._cell_header {
+        background-color: #EEE;
+    }
+
+    ._cell_Default {
+        background-color: #FFF;
+        text-align: left;
+    }
+
+    .excel_cell div {
+        width: 30px;
+        height: 20px;
+    }
+
+    .modal {
+        padding-right: 30% ! important;
+    }
+</style>
+<div class="content-page">
+    <div class="content">
+        <!-- Start Content-->
+        <div class="container-fluid">
+            <!-- start page title -->
+            <div>
+                <div class="row">
+                    <div class="col-6">
+                        <div class="page-title-box page-title-box-alt">
+                            <div class="page-title-right">
+                                <ol class="breadcrumb m-0">
+                                    <li class="breadcrumb-item"><a href="javascript: void(0);">Stocks</a></li>
+                                    <li class="breadcrumb-item active">
+                                        <h4 class="page-title">Bag Stock Details </h4>
+                                    </li>
+                                </ol>
+                            </div>
+
+                        </div>
+                    </div>
+                    <div class="col-6 text-right">
+                        <!-- Right-aligned buttons or links can be added here -->
+                    </div>
+                </div>
+
+
+
+                <div class="row">
+                    <div class="col-12">
+                        <div class="card">
+                            <div class="card-body">
+
+
+                                <form action="<?= base_url('bagStockDetails'); ?>" method="post">
+                                    <div class="row">
+
+                                        <div class="col-3">
+                                            <?php $today = date('M-Y'); ?>
+
+                                            <input type="text" name="month" id="month" value=""
+                                                class="form-control mt-2" data-provide="datepicker"
+                                                data-date-format="M-yyyy" data-date-min-view-mode="1">
+
+                                        </div>
+                                        <div class="form-group col-md-2">
+                                            <button type="submit" class="btn btn-success"> Change Month </button>
+                                        </div>
+                                    </div>
+                                </form>
+
+
+                                <table id="data-table">
+                                    <thead>
+                                        <tr>
+                                            <th rowspan="4" colspan="1">
+                                                Material <br><br> Customer <br><br> Date
+                                            </th>
+                                        </tr>
+                                        <tr>
+                                            <?php foreach ($materials as $material) { ?>
+                                                <th colspan="4"><?php echo ($material) ?></th>
+
+                                            <?php } ?>
+                                        </tr>
+                                        <tr>
+                                            <?php foreach ($materials as $material) { ?>
+                                                <th colspan="4" contenteditable="true">
+                                                    customers
+                                                </th>
+                                            <?php } ?>
+                                        </tr>
+                                        <tr>
+                                            <?php foreach ($materials as $material) { ?>
+                                                <th>info1</th>
+                                                <th>info2</th>
+                                                <th>info3</th>
+                                                <th>info4</th>
+
+                                            <?php } ?>
+
+
+                                        </tr>
+
+                                    </thead>
+                                    <tbody>
+                                        <tr>
+                                            <td>23-10-2024</td>
+                                            <td>472</td>
+                                            <td></td>
+                                            <td>-</td>
+                                            <td>472</td>
+
+
+                                            <td>472</td>
+                                            <td></td>
+                                            <td>-</td>
+                                            <td>472</td>
+                                        </tr>
+                                        <!-- Add more rows as needed -->
+                                    </tbody>
+                                </table>
+
+                                <!-- Add table-responsive for horizontal scroll -->
+                                <div class="table-responsive">
+                                    <table id="bagStockDetailsTableId" class="fht-table  table-striped"
+                                        style="font-size: small;">
+                                        <thead>
+                                            <tr>
+                                                <th class="celda_encabezado_general" style="padding: 10px;">S.NO </th>
+                                                <th class="celda_encabezado_general" style="padding: 10px;">IGR No </th>
+                                            </tr>
+
+                                        </thead>
+                                        <tbody style="background-color: #fff;">
+
+                                            <tr id="1">
+                                                <td width="45" height="45" class="celda_normal">1</td>
+                                                <td class="celda_normal">
+                                                    data 2
+                                                </td>
+
+                                            </tr>
+
+
+                                        </tbody>
+                                    </table>
+
+
+                                </div><!-- End table-responsive -->
+
+                                <div class="row">
+                                    <div class="col-md-12 text-right">
+                                        <input type="button" class="btn btn-success" id="saveId" value="save">
+                                    </div>
+                                </div>
+
+                            </div>
+
+                        </div> <!-- End card-body -->
+                    </div> <!-- End card -->
+                </div> <!-- End col -->
+            </div> <!-- End row -->
+        </div>
+    </div> <!-- End container-fluid -->
+</div>
+</div>
+
+
+
+
+
+
+
+
+<script type="text/javascript">
+
+
+    $(document).ready(function () {
+
+
+        $('#saveId').click(function () {
+
+            //table to json function
+
+            var updateBagStockDetails = $("#bagStockDetailsTableId").tableToJSON();
+
+            updateBagStockDetails = JSON.stringify(incomingSilicaSandDetailsData);
+
+            $('#loader').show();
+            $.ajax({
+                data: {
+                    updateBagStockDetails
+                },
+                type: "POST",
+                url: "<?php echo base_url() ?>updateBagStockDetails",
+
+                success: function (data) {
+                    if (data) {
+                        $('#loader').hide();
+
+                        alert(data);
+
+                    }
+
+                }
+            });
+
+
+        });
+
+
+
+
+    });
+
+</script>
\ No newline at end of file
diff --git a/app/Views/includes/new_header.php b/app/Views/includes/new_header.php
index 728e400a..8252ca91 100755
--- a/app/Views/includes/new_header.php
+++ b/app/Views/includes/new_header.php
@@ -771,7 +771,7 @@
 
                                         <a href="<?php echo base_url(); ?>incomingSilicaSandDetails" class="dropdown-item"><i class="ri-file-info-line align-middle mr-1"></i>incoming silica sand Details</a>
 
-                                        <a href="<?php echo base_url(); ?>incomingSilicaSandDetails" class="dropdown-item"><i class="ri-file-info-line align-middle mr-1"></i>Bag Stock Details</a>
+                                        <a href="<?php echo base_url(); ?>bagStockDetails" class="dropdown-item"><i class="ri-file-info-line align-middle mr-1"></i>Bag Stock Details</a>
                                     </div>
                                 </div>
                             </li>