<?php 
ob_start();
include("configa.php");
include("search_as_product_name.php");
session_start();


if( isset($_GET['track_number'])  ){
  $track_number = $_GET['track_number'];
 
}else{
  $track_number = 1; //এই কোড $id = 1; না দিলে; যদি সরাসরি view.php হিট করে; তাহলে Error দেখাবেন//
  }




function convertToYMD($date) {
    $parts = explode('/', $date);
    if (count($parts) == 3) {
        return $parts[2] . '-' . $parts[1] . '-' . $parts[0];
    }
    return '';
}

$truck           = $_POST['truck'] ?? '';
$start_date      = !empty($_POST['start_date']) ? convertToYMD($_POST['start_date']) : '';
$end_date        = !empty($_POST['end_date']) ? convertToYMD($_POST['end_date']) : '';
$confirmNon      = $_POST['confirmNon'] ?? '';
$orderReady      = $_POST['orderReady'] ?? '';
$currierDeliverd = $_POST['currierDeliverd'] ?? '';
$currierName     = $_POST['currierName'] ?? '';
$delivery        = $_POST['delivery'] ?? '';
$editor          = $_POST['editor'] ?? '';

// =================== Default query ===================
// যদি সব ফিল্ড খালি থাকে, আজকের দিন অনুযায়ী রেকর্ড দেখাবে
if( empty($truck) && empty($confirmNon) && empty($orderReady) && empty($currierDeliverd) && empty($currierName) && empty($delivery) && empty($editor) && empty($start_date) && empty($end_date) ) {
    $today = date('Y-m-d');
    $sql = "SELECT * FROM final_order_summary WHERE DATE(submit_date) = '$today'";
} else {
    // Dynamic condition build
    $sql = "SELECT * FROM final_order_summary WHERE 1=1";

    if( !empty($truck) ){ 
        $sql .= " AND track_number = '$truck'"; 
    }
    if( !empty($confirmNon) ){ 
        $sql .= " AND confirm = '$confirmNon'"; 
    }
    if( !empty($orderReady) ){ 
        $sql .= " AND orderReady = '$orderReady'"; 
    }
    if( !empty($currierDeliverd) ){ 
        $sql .= " AND currierDeliverd = '$currierDeliverd'"; 
    }
    if( !empty($currierName) ){ 
        $sql .= " AND currierName = '$currierName'"; 
    }
    if( !empty($delivery) ){ 
        $sql .= " AND delivery = '$delivery'"; 
    }
    if( !empty($editor) ){ 
        $sql .= " AND editor = '$editor'"; 
    }
    if( !empty($start_date) && !empty($end_date) ){ 
        $sql .= " AND submit_date BETWEEN '$start_date 00:00:00' AND '$end_date 23:59:59.999999'"; 
    }
}

$for_track_number = mysqli_query($conn, "SELECT * FROM final_order_summary WHERE track_number = '$track_number'") or die(mysqli_error($conn));
$row_track_number = mysqli_fetch_object($for_track_number); 
?>



<style type="text/css">

*{
font-family: sutonnyOMJ, Arial;
}

.catagory_display_container{
  width: 100%; 
  margin-left: auto; 
  margin-right: auto;  
  background-color:#eef6f9;
  /*background-color: red;*/
  display: flex;
  flex-direction: column;
}

table, tr, th, td{
  width: 100%;
  font-family: sutonnyOMJ;
}


 /* পুরো টেবিলের জন্য স্টাইল */
table {
  width: 100%;
  border-collapse: collapse; /* বর্ডারগুলোকে একসাথে মিশিয়ে দেয় */
  font-family: Arial, sans-serif;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  overflow: hidden; /* বর্ডার-রেডিয়াস ঠিকঠাক কাজ করার জন্য */
  position: relative;
}

/* টেবিল হেডারের জন্য স্টাইল */
th {
  background-color: #4CAF50; /* গাঢ় সবুজ রঙ */
  color: white;
  padding: 12px 15px;
  text-align: left;
  text-transform: uppercase;
  letter-spacing: 1px;
}

/* টেবিলের সাধারণ ডেটা সেলের জন্য স্টাইল */
td {
  padding: 6px 7px;
  border-bottom: 1px solid #ddd; /* হালকা ধূসর বর্ডার */
  position: relative; /* টুলটিপ (tooltip) এর জন্য */
}

/* জোড় ও বিজোড় সারির জন্য আলাদা রঙ */
tr:nth-child(even) {
  background-color: #f2f2f2;
}

/* মাউস হোভার করার সময় সারির রঙ পরিবর্তন */
tr:hover {
  background-color: #ddd;
  transition: background-color 0.3s ease;
}

/* ছবির জন্য স্টাইল */
td img {
  border-radius: 4px;
  object-fit: cover; /* ছবির আকার ঠিক রাখতে */
  width: 1in;
  height: 1in;
  transition: transform 0.3s ease;
}

td img:hover {
  transform: scale(1.1); /* হোভার করলে ছবি একটু বড় হবে */
}

/* ড্রপডাউন সিলেক্ট বক্সের জন্য স্টাইল */
td select {
  padding: 8px;
  border: 1px solid #ccc;
  border-radius: 4px;
  background-color: white;
  transition: all 0.3s ease;
  width: 100%;
  box-sizing: border-box;
}

td select:focus {
  outline: none;
  border-color: #4CAF50;
  box-shadow: 0 0 5px rgba(76, 175, 80, 0.5);
}

/* টুলের জন্য স্টাইল (যেটা th-এর উপরে দেখাবে) */
.tooltip {
  visibility: hidden;
  background-color: #333;
  color: #fff;
  text-align: center;
  border-radius: 4px;
  padding: 5px 10px;
  position: absolute;
  z-index: 10;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  opacity: 0;
  transition: opacity 0.3s ease;
  white-space: nowrap;
}

td:hover .tooltip {
  visibility: visible;
  opacity: 1;
}

.sl{
  width: 30pt;
}

.nameAddress{
  width: 2in;
}


table {
    /* উপরের টেবিলে style অ্যাট্রিবিউট ব্যবহার না করে এখানে ক্লাস ব্যবহার করা ভালো */
    width: 100%; 
    table-layout: fixed;
    border-collapse: collapse; /* বর্ডারগুলোকে সুন্দরভাবে একত্রিত করার জন্য */
}
td {
    border: 1px solid #ccc; /* বোঝার সুবিধার জন্য বর্ডার যোগ করা হয়েছে */
}

textarea{
  width: 100%;
}


.searcBox{
  padding: 30pt;
  width: 70%;
  height: 10%;
  background-color: white;
  position: relative;
  left: 30%;
  transform: translate(-20%);
  box-sizing: border-box;
}

option[disabled][selected] {
  color: #a0a0a0; /* একটি হালকা ধূসর রং */
}

input, select{
  width: 32%;
  height: 30pt;
}

.search{
  width: 100%;
  cursor: pointer;
}

#add{
cursor: pointer;
color: red;
}


/* বাটনের প্রাথমিক স্টাইল */
.submit{
  
  width: 20%;
  background-color: #007bff; /* নীল ব্যাকগ্রাউন্ড */
  color: #ffffff; /* সাদা টেক্সট */
  padding: 10px 20px; /* প্যাডিং */
  border: none; /* কোনো বর্ডার নেই */
  border-radius: 5px; /* হালকা গোলাকার কোণ */
  cursor: pointer; /* কার্সরকে হাতের আকারে পরিবর্তন */
  font-size: 16px; /* ফন্টের সাইজ */
  transition: background-color 0.3s ease; /* ট্রানজিশন যোগ করা হয়েছে, যাতে পরিবর্তন মসৃণ হয় */
  text-align: center;
}

/* হোভার করলে বাটনের স্টাইল */
.submit:hover {
  background-color: #0056b3; /* গাঢ় নীল ব্যাকগ্রাউন্ড */
}


</style>




<script type="text/javascript">
  document.addEventListener('DOMContentLoaded', () => {
  const selects = document.querySelectorAll('select');

  selects.forEach(select => {
    select.addEventListener('change', (event) => {
      const row = event.target.closest('tr'); // পুরো সারিটি খুঁজে বের করে
      const status = event.target.value;

      // ক্লাসের নাম যোগ ও বিয়োগ করে রঙ পরিবর্তন
      if (status === 'confirm') {
        row.classList.add('confirmed');
        row.classList.remove('non-confirmed');
      } else if (status === 'non confirm') {
        row.classList.add('non-confirmed');
        row.classList.remove('confirmed');
      } else {
        row.classList.remove('confirmed', 'non-confirmed');
      }
    });
  });
});
</script>

  <div class="catagory_display_container">




<script>
document.addEventListener('DOMContentLoaded', () => {
    const table = document.querySelector('table');
    const headers = Array.from(table.querySelectorAll('th'));
    const rows = table.querySelectorAll('tr:not(:first-child)');

    rows.forEach(row => {
        const cells = Array.from(row.querySelectorAll('td'));
        cells.forEach((cell, index) => {
            const headerText = headers[index].innerText;
            if (headerText) {
                const tooltip = document.createElement('span');
                tooltip.classList.add('tooltip');
                tooltip.innerText = headerText;
                cell.appendChild(tooltip);
            }
        });
    });
});
</script>



<div class="searcBox">

<?php 
$for_address = mysqli_query($conn, "SELECT * FROM final_order_customer WHERE mobile = '$row_track_number->mobile'") or die(mysqli_error($conn));
$row_address = mysqli_fetch_object($for_address); 
// তারিখ
echo isset($row_address->sumit_date) ? $row_address->sumit_date : '';
echo "<br>";
// নাম
$full_name = '';
if (isset($row_address->first_name)) $full_name .= $row_address->first_name . ' ';
if (isset($row_address->last_name)) $full_name .= $row_address->last_name;
echo trim($full_name);
echo "<br>";
// ঠিকানা
$address = '';
if (isset($row_address->address)) $address .= $row_address->address . ', ';
if (isset($row_address->up)) $address .= $row_address->up . ', ';
if (isset($row_address->upazila)) $address .= $row_address->upazila . ', ';
if (isset($row_address->district)) $address .= $row_address->district . ', ';
if (isset($row_address->division)) $address .= $row_address->division;
echo rtrim($address, ', ');
echo "<br>";
// মোবাইল
echo isset($row_address->mobile) ? $row_address->mobile : '';
?>

</div>



<table class="my-table">
  <tr>
    <th class="sl">sl</th>
    <th>পণ্যের বিবরণ ও ছবি</th>
    <th>পণ্যের নাম</th>
    <th>আইটেম</th>
    <th>পার্সোন</th>
    <th>সিরিয়াল</th>
    <th>বিক্রেতা</th>
    <th>মুল্য</th>
    <th>ডিসকাউন্ট</th>
    <th>বর্তমান মুল্য</th>
    <th>সাইজ</th>
    <th>ওজন</th>
    <th>কোয়ান্টিটি</th>
    <th>ডিসকাউন্ট কোড</th>
    <th>বর্তমান ডিসকাউন্ট</th>
    <th>রিটার্ণ</th>
    <th>Delete</th>

  </tr>


<?php
$for_items = mysqli_query($conn, "SELECT * FROM final_order_item WHERE track_number = '$track_number'") or die(mysqli_error($conn));
$i = 1;

while ($row_item = mysqli_fetch_object($for_items)) {
?>
<tr data-id="<?php echo isset($row_item->id) ? $row_item->id : ''; ?>">

  <td class="sl"><input type="text" name="sl[]" class="sl-input" value="<?php echo $i++; ?>"></td>
<td class="sl">
  <img src="category/<?php echo isset($row_item->category_picture) ? $row_item->category_picture : ''; ?>" width="50">
  <input type="hidden" name="category_picture[]" class="category_picture-input" value="<?php echo isset($row_item->category_picture) ? $row_item->category_picture : ''; ?>">
</td>
<td><input type="text" name="product_name[]" class="product_name-input" value="<?php echo isset($row_item->product_name) ? $row_item->product_name : ''; ?>"></td>
<td><input type="text" name="item[]" class="item-input" value="<?php echo isset($row_item->item) ? $row_item->item : ''; ?>"></td>
<td><input type="text" name="person[]" class="person-input" value="<?php echo isset($row_item->person) ? $row_item->person : ''; ?>"></td>
<td><input type="text" name="gks[]" class="gks-input" value="<?php echo isset($row_item->gks) ? $row_item->gks : ''; ?>"></td>
<td><input type="text" name="seller[]" class="seller-input" value="<?php echo isset($row_item->seller) ? $row_item->seller : ''; ?>"></td>
<td><input type="text" name="price[]" class="price-input" value="<?php echo isset($row_item->price) ? $row_item->price : ''; ?>"></td>
<td><input type="text" name="discount[]" class="discount-input" value="<?php echo isset($row_item->discount) ? $row_item->discount : ''; ?>"></td>
<td><input type="text" name="current_price[]" class="current_price-input" value="<?php echo isset($row_item->current_price) ? $row_item->current_price : ''; ?>"></td>
<td><input type="text" name="size[]" class="size-input" value="<?php echo isset($row_item->size) ? $row_item->size : ''; ?>"></td>
<td><input type="text" name="weight[]" class="weight-input" value="<?php echo isset($row_item->weight) ? $row_item->weight : ''; ?>"></td>
<td><input type="text" name="quantity[]" class="quantity-input" value="<?php echo isset($row_item->quantity) ? $row_item->quantity : ''; ?>"></td>
<td><input type="text" name="discount_code[]" class="discount_code-input" value="<?php echo isset($row_item->discount_code) ? $row_item->discount_code : ''; ?>"></td>
<td><input type="text" name="discount_special[]" class="discount_special-input" value="<?php echo isset($row_item->discount_special) ? $row_item->discount_special : ''; ?>"></td>


<td>

<!-- ------------------------selectItem সিলেক্ট করলে, update_status.php এর status আপডেট হয়ে যাবে। -->
    <span class="tooltip-label"></span>
    <select name="status[]" class="selectItem">
        <option value="" disabled selected>
            <?php echo isset($row_item->status) ? $row_item->status : 'Select status'; ?>
        </option>
        <option value="রিটার্ণ">রিটার্ণ</option>
        <option value=""></option>
    </select>

  <!-- -------------------------------------------- -->

 <script>
document.addEventListener("DOMContentLoaded", function() {
    const selects = document.querySelectorAll(".selectItem");
    const quantityInputs = document.querySelectorAll(".quantity-input"); 
    

    // সব select এর জন্য
    selects.forEach(select => {
        select.addEventListener("change", function() {
            const id = this.closest('tr').dataset.id;
            const field = "Tdstatu"; 
            const value = this.value;
            updateField(id, field, value);
        });
    });

    // quantity ইনপুটের জন্য
    quantityInputs.forEach(input => {
        input.addEventListener("change", function() {
            // ইনপুটের প্যারেন্ট <tr> থেকে data-id নিন
            const id = this.closest('tr').dataset.id; 
            const field = "Inputquantity";
            const value = this.value;
            updateField(id, field, value);
        });
    });


const weightInputs = document.querySelectorAll(".weight-input"); 
        // quantity ইনপুটের জন্য
    weightInputs.forEach(input => {
        input.addEventListener("change", function() {
            // ইনপুটের প্যারেন্ট <tr> থেকে data-id নিন
            const id = this.closest('tr').dataset.id; 
            const field = "Inputweight";
            const value = this.value;
            updateField(id, field, value);
        });
    });


const sizeInputs = document.querySelectorAll(".size-input"); 
        // quantity ইনপুটের জন্য
    sizeInputs.forEach(input => {
        input.addEventListener("change", function() {
            // ইনপুটের প্যারেন্ট <tr> থেকে data-id নিন
            const id = this.closest('tr').dataset.id; 
            const field = "Inputsize";
            const value = this.value;
            updateField(id, field, value);
        });
    });


const current_priceInputs = document.querySelectorAll(".current_price-input"); 
        // quantity ইনপুটের জন্য
    current_priceInputs.forEach(input => {
        input.addEventListener("change", function() {
            // ইনপুটের প্যারেন্ট <tr> থেকে data-id নিন
            const id = this.closest('tr').dataset.id; 
            const field = "InputcurrentPrice";
            const value = this.value;
            updateField(id, field, value);
        });
    });



    const priceInputs = document.querySelectorAll(".price-input"); 
        // quantity ইনপুটের জন্য
    priceInputs.forEach(input => {
        input.addEventListener("change", function() {
            // ইনপুটের প্যারেন্ট <tr> থেকে data-id নিন
            const id = this.closest('tr').dataset.id; 
            const field = "Inputprice";
            const value = this.value;
            updateField(id, field, value);
        });
    });



    const sellerInputs = document.querySelectorAll(".seller-input"); 
        // quantity ইনপুটের জন্য
    sellerInputs.forEach(input => {
        input.addEventListener("change", function() {
            // ইনপুটের প্যারেন্ট <tr> থেকে data-id নিন
            const id = this.closest('tr').dataset.id; 
            const field = "Inputseller";
            const value = this.value;
            updateField(id, field, value);
        });
    });


    const gksInputs = document.querySelectorAll(".gks-input"); 
        // quantity ইনপুটের জন্য
    gksInputs.forEach(input => {
        input.addEventListener("change", function() {
            // ইনপুটের প্যারেন্ট <tr> থেকে data-id নিন
            const id = this.closest('tr').dataset.id; 
            const field = "Inputgks";
            const value = this.value;
            updateField(id, field, value);
        });
    });


    const product_nameInputs = document.querySelectorAll(".product_name-input"); 
        // quantity ইনপুটের জন্য
    product_nameInputs.forEach(input => {
        input.addEventListener("change", function() {
            // ইনপুটের প্যারেন্ট <tr> থেকে data-id নিন
            const id = this.closest('tr').dataset.id; 
            const field = "Inputproduct_name";
            const value = this.value;
            updateField(id, field, value);
        });
    });



    const discount_codeInputs = document.querySelectorAll(".discount_code-input"); 
        // quantity ইনপুটের জন্য
    discount_codeInputs.forEach(input => {
        input.addEventListener("change", function() {
            // ইনপুটের প্যারেন্ট <tr> থেকে data-id নিন
            const id = this.closest('tr').dataset.id; 
            const field = "Inputdiscount_code";
            const value = this.value;
            updateField(id, field, value);
        });
    });



    const personInputs = document.querySelectorAll(".person-input"); 
        // quantity ইনপুটের জন্য
    personInputs.forEach(input => {
        input.addEventListener("change", function() {
            // ইনপুটের প্যারেন্ট <tr> থেকে data-id নিন
            const id = this.closest('tr').dataset.id; 
            const field = "Inputperson";
            const value = this.value;
            updateField(id, field, value);
        });
    });


    const discount_specialInputs = document.querySelectorAll(".discount_special-input"); 
        // quantity ইনপুটের জন্য
    discount_specialInputs.forEach(input => {
        input.addEventListener("change", function() {
            // ইনপুটের প্যারেন্ট <tr> থেকে data-id নিন
            const id = this.closest('tr').dataset.id; 
            const field = "Inputdiscount_special";
            const value = this.value;
            updateField(id, field, value);
        });
    });


    const discountInputs = document.querySelectorAll(".discount-input"); 
        // quantity ইনপুটের জন্য
    discountInputs.forEach(input => {
        input.addEventListener("change", function() {
            // ইনপুটের প্যারেন্ট <tr> থেকে data-id নিন
            const id = this.closest('tr').dataset.id; 
            const field = "Inputdiscount";
            const value = this.value;
            updateField(id, field, value);
        });
    });



    function updateField(id, field, value) {
        const xhr = new XMLHttpRequest();
        xhr.open("POST", "update_order_item_from_order_edit.php", true);
        xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
        xhr.onload = function() {
            if (xhr.status === 200) {
                console.log(xhr.responseText);
            } else {
                console.error("Error: " + xhr.status);
            }
        };
        xhr.send("id=" + encodeURIComponent(id) + "&field=" + encodeURIComponent(field) + "&value=" + encodeURIComponent(value));
    }
});
</script>



<!-- ------------------------------------------ -->

</td>



  <td class="delete">Delete</td>
</tr>

<?php } ?>

</table>




<!-- <div style="cursor: pointer; color: red;" id="add">Add</div> -->

<form id="orderForm" method="post" action="update_order_summary.php">
  <input type="hidden" name="track_number" value="<?php echo $track_number; ?>">

  <table>
    <tr>
      <th>Add</th>
      <th>মোট</th>
      <th>ভাড়া</th>
      <th>সর্বমোট</th>
    </tr>

    <?php  
    $for_summary = mysqli_query($conn, "SELECT * FROM final_order_summary WHERE track_number = '$track_number'") or die(mysqli_error($conn));
    $row_summary = mysqli_fetch_object($for_summary);  
    ?>
    <tr>
      <td>
        <a href="productAddForOrderEdit.php?track_number=<?php echo $track_number ?>&mobile=<?php echo $row_address->mobile ?>">নতুন এড</a>
      </td>
    <td>
      <input type="text" id="total" name="total" value="<?php echo $row_summary->total; ?>">
    </td>
    <td>
      <input type="text" id="deliveryCharge" name="deliveryCharge" value="<?php echo $row_summary->delivery_charge; ?>">
    </td>
    <td>
      <input type="text" id="grandTotal" name="grandTotal" value="<?php echo $row_summary->grand_total; ?>">
    </td>
    </tr>
  </table>

  <br><br>
  <center><div class="submit">Submit</div></center>
  <br><br>
</form>

<script>
  // Get a reference to the submit button div
  const submitButton = document.querySelector('.submit');

  // Add a click event listener
  submitButton.addEventListener('click', () => {
    // Get the values from the input fields
    const trackNumber = document.querySelector('input[name="track_number"]').value;
    const total = document.getElementById('total').value;
    const deliveryCharge = document.getElementById('deliveryCharge').value;
    const grandTotal = document.getElementById('grandTotal').value;

    // Create a FormData object to send the data
    const formData = new FormData();
    formData.append('track_number', trackNumber);
    formData.append('total', total);
    formData.append('deliveryCharge', deliveryCharge);
    formData.append('grandTotal', grandTotal);

    // Send the data using the Fetch API
    fetch('update_order_summary.php', {
        method: 'POST',
        body: formData
      })
      .then(response => response.text())
      .then(data => {
        // Log the response from the server (e.g., "✅ ডাটা সফলভাবে আপডেট হয়েছে")
        alert(data);
      })
      .catch(error => {
        // Handle any errors that occur during the fetch request
        console.error('Error:', error);
      });
  });
</script>



<style type="text/css">
  input{
    width: 100%;
    text-align: center;
  }

  .delete{
    cursor: pointer;
  }
</style>


<script>
document.addEventListener("DOMContentLoaded", function() {
    function calculateCharges() {
        const quantities = document.querySelectorAll("input[name='quantity[]']");
        const weights = document.querySelectorAll("input[name='weight[]']");
        const prices = document.querySelectorAll("input[name='current_price[]']");
        
        const totalField = document.querySelector("input[name='total']");
        const deliveryField = document.querySelector("input[name='deliveryCharge']");
        const grandTotalField = document.querySelector("input[name='grandTotal']");

        let total = 0;
        let totalWeight = 0;

        for (let i = 0; i < quantities.length; i++) {
            const qty = parseFloat(quantities[i].value) || 0;
            const price = parseFloat(prices[i].value) || 0;
            const weight = parseFloat(weights[i].value) || 0;
            
            total += qty * price;
            totalWeight += qty * weight;
        }

        let deliveryCharge = 0;
        if (totalWeight > 0) {
            if (totalWeight <= 0.5) {
                deliveryCharge = 120;
            } else if (totalWeight <= 1) {
                deliveryCharge = 130;
            } else {
                deliveryCharge = 130 + Math.ceil(totalWeight - 1) * 20;
            }
        }

        if (totalField) totalField.value = total.toFixed(2);
        if (deliveryField) deliveryField.value = deliveryCharge.toFixed(2);
        if (grandTotalField) grandTotalField.value = (total + deliveryCharge).toFixed(2);
    }

    // প্রথমবার লোডে হিসাব
    calculateCharges();

    // quantity, weight, price পরিবর্তন হলে আবার হিসাব
    document.querySelectorAll("input[name='quantity[]'], input[name='weight[]'], input[name='current_price[]']").forEach(input => {
        input.addEventListener("input", calculateCharges);
    });

    // Delete ক্লিক করলে row ও DB থেকে রেকর্ড মুছে যাবে
    document.querySelectorAll(".delete").forEach(delBtn => {
        delBtn.addEventListener("click", function() {
            const row = this.closest("tr");
            const id = row.getAttribute("data-id");

            if (confirm("আপনি কি নিশ্চিতভাবে এই রেকর্ড ডিলিট করতে চান?")) {
                fetch("delete_item.php", {
                    method: "POST",
                    headers: {
                        "Content-Type": "application/x-www-form-urlencoded"
                    },
                    body: "id=" + encodeURIComponent(id)
                })
                .then(response => response.text())
                .then(data => {
                    if (data.trim() === "success") {
                        row.remove();
                        calculateCharges();
                    } else {
                        alert("ডিলিট করতে সমস্যা হয়েছে: " + data);
                    }
                })
                .catch(err => {
                    alert("সার্ভার এরর: " + err);
                });
            }
        });
    });
});
</script>






</div>



<?php
// End capturing the output and store it in a variable
$catagory_display_content = ob_get_clean();

// Now include frameForAll.php, which will use $catagory_display_content
include("frameForAll.php");

// mysqli_close($conn); // You might want to close the connection after all database operations
ob_end_flush();
?>



<!DOCTYPE html>
<html>
<head>

  <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

<meta name="theme-color" content="#FF0000">
    
<title>অনলাইন শপ</title>
    

  
</head>
<body>


<style type="text/css">




</style>

<!----------------------------->
<script>
  flatpickr("#start_date", {
    dateFormat: "d/m/Y", // DD/MM/YYYY format
    position: "below"     // Force show calendar below
  });

  flatpickr("#end_date", {
    dateFormat: "d/m/Y",
    position: "below"
  });
</script>

<!-- ------------------------- -->
  

</body>
</html>