<?php 
ob_start();
session_start();if(!isset($_SESSION['username'])){header('location:index.php');}

include("configa.php");




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'] ?? '';
$receive        = $_POST['receive'] ?? '';
$paid           = $_POST['paid'] ?? '';
$editor         = $_POST['editor'] ?? '';




// =================== Default query ===================
// যদি সব ফিল্ড খালি থাকে, আজকের দিন অনুযায়ী রেকর্ড দেখাবে
if( empty($truck) && empty($confirmNon) && empty($orderReady) && empty($currierDeliverd) && empty($currierName) && empty($delivery) && empty($receive) && empty($paid) && 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($delivery) ){ 
        $sql .= " AND delivery = '$delivery'"; 
    }
    if( !empty($receive) ){ 
        $sql .= " AND receive = '$receive'"; 
    }
        if( !empty($paid) ){ 
        $sql .= " AND paid = '$paid'"; 
    }
    if( !empty($start_date) && !empty($end_date) ){ 
        $sql .= " AND submit_date BETWEEN '$start_date 00:00:00' AND '$end_date 23:59:59.999999'"; 
    }


}

$result = mysqli_query($conn, $sql) or die(mysqli_error($conn));
$count = mysqli_num_rows($result);

?>



<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: 12px 15px;
  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: 10pt;
}

.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;
}

.product_details{
  width: 2in;
}

/*tooltip-label কে স্বাভাবিক অবস্থায় লুকিয়ে রাখার জন্য*/
.tooltip-label {
    display: none;
    position: absolute; /* tooltip কে নির্দিষ্ট জায়গায় রাখার জন্য */
    background-color: #333;
    color: #fff;
    margin-top: -30pt;
    padding: 5px;
    border-radius: 4px;
    z-index: 1000; /* নিশ্চিত করে যে tooltip অন্যান্য উপাদানের উপরে থাকবে */
}

/* যখন td-এর উপর মাউস হোভার করা হবে তখন tooltip-label কে দেখানোর জন্য */
td:hover .tooltip-label {
    display: block; /* হোভার করলে tooltip-label কে দেখাবে */
}

</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">

     

<!-- th তথ্য td এর উপরে চলে আসবে। -->
<!-- <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> -->


<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;
            // এখানে পরিবর্তন করা হয়েছে: tooltip-label ক্লাস সহ এলিমেন্ট খোঁজা হচ্ছে
            const tooltipSpan = cell.querySelector('.tooltip-label'); 
            if (tooltipSpan && headerText) {
                tooltipSpan.innerText = headerText;
                // tooltipSpan এর parent কে tooltip হিসেবে ক্লাস দিতে পারেন, বা সরাসরি tooltipSpan কে স্টাইল করতে পারেন।
                // cell.classList.add('tooltip-container'); 
            }
        });
    });
});
</script>


<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/flatpickr/dist/flatpickr.min.css">

<!-- Flatpickr JS -->
<script src="https://cdn.jsdelivr.net/npm/flatpickr"></script>



<div class="searcBox">


  <?php echo "<center>পাওয়া গেছে : $count</center>"; ?>

<form action="" method="POST" class="search-form">

  <input type="text" name="truck" class="searchkey" placeholder="ট্রাক নং দিয়ে সার্চ"  value="<?php echo isset($_POST['truck']) ? $_POST['truck'] : ''; ?>">




<select name="confirmNon" class="selectItem">
<option value="" disabled selected>
<?php echo isset($_POST['confirmNon']) ? $_POST['confirmNon']:'কনফার্ম/রিজিক্ট নির্বাচন করুন'; ?>
</option>
      <option value="কনফার্ম">কনফার্ম</option>
      <option value="রিজিক্ট">রিজিক্ট</option>
      <option value=""></option>
    </select>



<select name="orderReady" class="selectItem">
<option value="" disabled selected>
<?php echo isset($_POST['orderReady']) ? $_POST['orderReady'] : 'প্রস্তুত/প্রস্তুত হয়নি নির্বাচন করুন'; ?>
</option>    
      <option value="প্রস্তুত">প্রস্তুত</option>
      <option value="প্রস্তুত হয়নি">প্রস্তুত হয়নি</option>
      <option value=""></option>
    </select>


<select name="currierDeliverd" class="selectItem">
 <option value="" disabled selected>
<?php echo isset($_POST['currierDeliverd']) ? $_POST['currierDeliverd'] : 'কুরিয়ারে হস্তান্তর/হস্তান্তর হয়নি  নির্বাচন করুন'; ?>
    <option value="কুরিয়ারে হস্তান্তর">কুরিয়ারে হস্তান্তর</option>
      <option value="হস্তান্তর হয়নি">হস্তান্তর হয়নি</option>
      <option value=""></option>
    </select>
  </td>



<select name="delivery" class="selectItem">
  <option value="" disabled selected>
    <?php echo isset($_POST['delivery']) ? $_POST['delivery'] : 'ডেলিভার্ড/ফেরত  নির্বাচন করুন'; ?>
  </option>
      <option value="ডেলিভার্ড">ডেলিভার্ড</option>
      <option value="ফেরত">ফেরত</option>
      <option value=""></option>
    </select>



<select name="receive" class="selectItem">
  <option value="" disabled selected>
    <?php echo isset($_POST['receive']) ? $_POST['receive'] : 'রিসিভড/আনরিসিভ  নির্বাচন করুন'; ?>
  </option>
      <option value="রিসিভড">রিসিভড</option>
      <option value="আনরিসিভ">আনরিসিভ</option>
      <option value=""></option>
    </select>


<select name="paid" class="selectItem">
  <option value="" disabled selected>
    <?php echo isset($_POST['paid']) ? $_POST['paid'] : 'পেইড/আনপেইড  নির্বাচন করুন'; ?>
  </option>
      <option value="পেইড">পেইড</option>
      <option value="আনপেইড">আনপেইড</option>
      <option value=""></option>
    </select>




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

  selects.forEach(select => {
    const placeholder = select.querySelector("option[value='']");
    
    // শুরুতে placeholder কালার 40%
    if (select.value === "") {
      select.style.color = "rgba(0,0,0,0.4)";
    } else {
      select.style.color = "rgba(0,0,0,1)";
    }

    // change ইভেন্টে কালার চেক
    select.addEventListener("change", function() {
      if (this.value === "") {
        this.style.color = "rgba(0,0,0,0.4)";
      } else {
        this.style.color = "rgba(0,0,0,1)";
      }
    });
  });
});
</script>



<input type="text" name="currierName" class="searchkey" placeholder="currierName" value="<?php echo isset($_POST['currierName']) ? $_POST['currierName'] : ''; ?>">







<input type="text" name="editor" class="searchkey" placeholder="editor" value="<?php echo isset($_POST['editor']) ? $_POST['editor'] : ''; ?>">


<input type="text" id="start_date" class="date-input" placeholder="DD/MM/YYYY" name="start_date" value="<?php echo isset($_POST['start_date']) ? $_POST['start_date'] : ''; ?>"> 
<input type="text" id="end_date" class="date-input" placeholder="DD/MM/YYYY" name="end_date" value="<?php echo isset($_POST['end_date']) ? $_POST['end_date'] : ''; ?>">


  <input type="submit"  class="search" value="search">  
</form>
</div>



<table>
  <tr>
    <th class="sl">sl</th>
    <th>ট্রাক নাম্বার</th>
    <th class="nameAddress">ঠিকানা ও মোবাইল নং</th>
    <th class="product_details">পণ্যের বিবরণ ও ছবি</th>
    <th class="sl">মূল্য</th>
    <th>কনফার্ম/নন</th>
    <th>অর্ডার প্রস্তু</th>
    <th>কুরিয়ারে হস্তান্তর</th>
    <th>কুরিয়ারেরি নাম</th>
    <th>ডেলিভারী/নন</th>
    <th>কুরিয়ার থেকে</th>
    <th>দোকান বিল</th>
    <th class="sl">সম্পাদক</th>
  </tr>

 


<?php
$total_grand_total = 0; // Initialize total
$i = 1;

while ($row = mysqli_fetch_object($result)) { ?>
<tr>
  <td class="sl">
    <span class="tooltip-label"></span>
    <?php echo $i++; ?>    
  </td>
  <td class="sl">
    <span class="tooltip-label"></span>
    <a href="order_edit.php?track_number=<?php echo $row->track_number;?>"><?php echo $row->track_number;?></a>


<input hidden="" type="text" 
       name="TdtrackNumber" 
       class="track_number" 
       value="<?php echo $row->track_number;?>" 
       data-track_number="<?php echo $row->track_number;?>">
 <!-- এখানে id পাঠান -->



  </td>  






<td>
  <span class="tooltip-label"></span>
<?php 
$for_address = mysqli_query($conn, "SELECT * FROM final_order_customer WHERE mobile = '$row->mobile'") or die(mysqli_error($conn));
$row_three = mysqli_fetch_object($for_address); 

// তারিখ
echo isset($row_three->sumit_date) ? $row_three->sumit_date : '';
echo "<br>";

// নাম
$full_name = '';
if (isset($row_three->first_name)) $full_name .= $row_three->first_name . ' ';
if (isset($row_three->last_name)) $full_name .= $row_three->last_name;
echo trim($full_name);
echo "<br>";

// ঠিকানা
$address = '';
if (isset($row_three->address)) $address .= $row_three->address . ', ';
if (isset($row_three->up)) $address .= $row_three->up . ', ';
if (isset($row_three->upazila)) $address .= $row_three->upazila . ', ';
if (isset($row_three->district)) $address .= $row_three->district . ', ';
if (isset($row_three->division)) $address .= $row_three->division;
echo rtrim($address, ', ');
echo "<br>";

// মোবাইল
echo isset($row_three->mobile) ? $row_three->mobile : '';

$total_grand_total += $row->grand_total; // Add to total
?>
</td>



 
<td class="product_details">
  <span class="tooltip-label"></span>
<?php 
$for_product = mysqli_query($conn, "SELECT * FROM final_order_item WHERE track_number = '$row->track_number'") 
               or die(mysqli_error($conn));

while ($row_two = mysqli_fetch_object($for_product)) { 
?>
    পণ্যের নাম : <?php echo $row_two->product_name; ?>, আইটেম : <?php echo $row_two->item; ?><br>
    ব্যবহারকারী : <?php echo $row_two->person;?>,<br> সিরিয়াল নং : <?php echo $row_two->gks; ?><br>
    বিক্রেতা : <?php echo $row_two->seller;?><br>
    <!-- পূর্বের মুল্য : <?php echo $row_two->price;?>, সাধারণ ডিসকাউন্ট : <?php echo $row_two->discount;?>%, -->
    বর্তমান মূল্য : <?php echo $row_two->current_price; ?><br>
    সাইজ : <?php echo $row_two->size;?>, পরিমান : <?php echo $row_two->weight; ?><br>
    কোয়ান্টিটি : <?php echo $row_two->quantity;?>, <br>স্পেশাল ডিসকাউন্ট : <?php echo $row_two->discount_special;?>%,<br> ডিসকাউন্ট কোড : <?php echo $row_two->discount_code; ?><br>
    তারিখ : <?php echo isset($row_three->sumit_date) ? date('d-m-Y', strtotime($row_three->sumit_date)) : ''; ?><br>

    <img style="width:1in;height:1in;" src="category/<?php echo $row_two->category_picture; ?>"> <br>-----------------------------<br>
<?php } ?>
</td>



  <td class="sl">
    <span class="tooltip-label"></span>
    <?php echo $row->delivery_charge ."<br>" .$row->grand_total; ?></td> 

  <td>
    <span class="tooltip-label"></span>
    <select name="TdconfirmNon" class="selectItem" data-id="<?php echo $row->id; ?>">
      <option value="<?php echo $row->confirm?>"><?php echo $row->confirm?></option>
      <option value="কনফার্ম">কনফার্ম</option>
      <option value="রিজিক্ট">রিজিক্ট</option>
    </select>
  </td>

  <td>
    <span class="tooltip-label"></span>
    <select name="TdorderReady" class="selectItem" data-id="<?php echo $row->id; ?>">
      <option value="<?php echo $row->orderReady?>"><?php echo $row->orderReady?></option>     
      <option value="প্রস্তুত">প্রস্তুত</option>
      <option value="প্রস্তুত হয়নি">প্রস্তুত হয়নি</option>
      <option value=""></option>
    </select>
  </td>

  <td>
    <span class="tooltip-label"></span>
    <select name="TdcurrierDeliverd" class="selectItem" data-id="<?php echo $row->id; ?>">
    <option value="<?php echo $row->currierDeliverd?>"><?php echo $row->currierDeliverd?></option>
    <option value="কুরিয়ারে হস্তান্তর">কুরিয়ারে হস্তান্তর</option>
      <option value="হস্তান্তর হয়নি">হস্তান্তর হয়নি</option>
      <option value=""></option>
    </select>
  </td>

  <td>
     <span class="tooltip-label"></span>

    <textarea class="TdcurrierName" data-id="<?php echo $row->id; ?>"><?php echo $row->currierName; ?></textarea></td>

  <td>
     <span class="tooltip-label"></span>
    <select name="Tddelivery" class="selectItem" data-id="<?php echo $row->id; ?>">
<option value="<?php echo $row->delivery?>"><?php echo $row->delivery?></option>
      <option value="ডেলিভার্ড">ডেলিভার্ড</option>
      <option value="ফেরত">ফেরত</option>
      <option value=""></option>
    </select>
  </td>


<td>
     <span class="tooltip-label"></span>
    <select name="Tdreceive" class="selectItem" data-id="<?php echo $row->id; ?>">
    <option value="<?php echo $row->receive?>"><?php echo $row->receive?></option>
      <option value="রিসিভড">রিসিভড</option>
      <option value="আনরিসিভ">আনরিসিভ</option>
      <option value=""></option>
    </select>
  </td>


  <td>
     <span class="tooltip-label"></span>
    <select name="Tdpaid" class="selectItem" data-id="<?php echo $row->id; ?>">
    <option value="<?php echo $row->paid?>"><?php echo $row->paid?></option>
      <option value="পেইড">পেইড</option>
      <option value="আনপেইড">আনপেইড</option>
      <option value=""></option>
    </select>
  </td>


</tr>
<?php } ?>

<tr>
   <td></td> 
  <td></td>
  <td></td>
<td>মোট</td>
<td class="grandToatal"><?php echo $total_grand_total; ?></td>
</tr>
</table>



<script>
document.addEventListener("DOMContentLoaded", function() {
  const selects = document.querySelectorAll(".selectItem");
  const textareas = document.querySelectorAll(".TdcurrierName");

  // সব select এর জন্য
  selects.forEach(select => {
    select.addEventListener("change", function() {
      const id = this.dataset.id;
      const field = this.name;  // যেমন: TdconfirmNon
      const value = this.value;

      updateField(id, field, value);
    });
  });

  // textarea এর জন্য
  textareas.forEach(textarea => {
    textarea.addEventListener("change", function() {
      const id = this.dataset.id;
      const field = "TdcurrierName";
      const value = this.value;

      updateField(id, field, value);
    });
  });

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



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

<script type="text/javascript">
  document.addEventListener("DOMContentLoaded", function() {
  const selects = document.querySelectorAll(".selectItem");
  const textareas = document.querySelectorAll(".TdcurrierName");
  const trackNumbers = document.querySelectorAll(".track_number");

  // সব select এর জন্য
  selects.forEach(select => {
    select.addEventListener("change", function() {
      const id = this.dataset.id;
      const field = this.name;
      const value = this.value;
      const trackNumber = this.closest('tr').querySelector('.track_number').dataset.track_number; // ট্র্যাক নাম্বার নেওয়া
      updateField(id, field, value, trackNumber);
    });
  });

  // textarea এর জন্য
  textareas.forEach(textarea => {
    textarea.addEventListener("change", function() {
      const id = this.dataset.id;
      const field = "TdcurrierName";
      const value = this.value;
      const trackNumber = this.closest('tr').querySelector('.track_number').dataset.track_number; // ট্র্যাক নাম্বার নেওয়া
      updateField(id, field, value, trackNumber);
    });
  });

  // Track Number ইনপুটের জন্য
  trackNumbers.forEach(input => {
    input.addEventListener("change", function() {
      const oldTrackNumber = this.dataset.track_number;
      const newTrackNumber = this.value;
      // আপনি যদি ট্র্যাক নাম্বার আপডেট করতে চান তবে এই ফাংশনটি কল করুন।
      // এখানে কোন `id` না থাকায় `track_number` এর উপর ভিত্তি করে আপডেট হবে।
      updateTrackNumber(oldTrackNumber, newTrackNumber);
    });
  });

  function updateField(id, field, value, trackNumber) {
    const xhr = new XMLHttpRequest();
    xhr.open("POST", "update_order_to_item.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) + "&trackNumber=" + encodeURIComponent(trackNumber));
  }
  
  // শুধুমাত্র ট্র্যাক নাম্বার আপডেটের জন্য আলাদা ফাংশন
  function updateTrackNumber(oldTrackNumber, newTrackNumber) {
    const xhr = new XMLHttpRequest();
    xhr.open("POST", "update_order_to_item.php", true);
    xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
    xhr.onload = function() {
      if (xhr.status === 200) {
        console.log(xhr.responseText);
        // সফল হলে ডাটা-অ্যাট্রিবিউট আপডেট করুন
        document.querySelector(`[data-track_number="${oldTrackNumber}"]`).dataset.track_number = newTrackNumber;
        alert("ট্র্যাক নাম্বার সফলভাবে আপডেট হয়েছে।");
      } else {
        console.error("Error: " + xhr.status);
        alert("ট্র্যাক নাম্বার আপডেট করতে ব্যর্থ হয়েছে।");
      }
    };
    xhr.send("field=track_number&oldTrackNumber=" + encodeURIComponent(oldTrackNumber) + "&newTrackNumber=" + encodeURIComponent(newTrackNumber));
  }
});
</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>