demo

---------------------------------------------------------------------------------------------------------------------------   
<div class="row justify-content-between">
    <div class="col-md-4">
        <div class="input-group mb-2">
          <span class="input-group-text text-dark fw-bold" id="basic-addon1">Total Amount</span>
          <input value="{{$total}}" class="form-control" disabled>
        </div>
    </div>
    <div class="col-md-4">
        <div class="input-group mb-2">
          <span class="input-group-text text-dark fw-bold" id="basic-addon1">Discount(%)</span>
          <input type="number" id="get_discount_for_total" class="form-control">
          <button class="btn btn-info" type="button" id="button_for_total_discount">Calculate</button>
        </div>
    </div>
    <div class="col-md-4">
        <div class="input-group mb-2">
          <span class="input-group-text text-dark fw-bold" id="basic-addon1">Final Amount</span>
          <input type="text" id="new_total" value="{{$total}}" class="form-control">
        </div>
    </div>
    <div class="col-12 text-center">
        <div class="mb-3">
            <br><button type="submit" class="btn btn-success px-5">Order Done</button>	
        </div>
    </div>
</div>
<script>
  const new_total = document.getElementById('new_total');
  const button_for_total_discount = document.getElementById('button_for_total_discount');
  
  button_for_total_discount.addEventListener('click', function() {
    const total = parseFloat(document.querySelector('input[value="{{$total}}"]').value);
    const discount = parseFloat(document.getElementById('get_discount_for_total').value);
    if (!isNaN(total) && !isNaN(discount)) {
      const newTotal = total - (total * discount / 100);
      new_total.value = newTotal.toFixed(2);
    } 
    else {alert('Please enter valid numbers for Total and Discount.');}
  });
  
</script>
---------------------------------------------------------------------------------------------------------------------------                              
@foreach($last_single_order as $data)
<tr>
    <td class="text-center">{{ $loop->index+1 }}</td>
    <td>{{ $data->test->name }}</td>
    <td class="text-end" id="test_price_{{ $loop->index }}">{{$data->test->price}}</span></td>
    <td class="text-end">
        <div class="input-group">
          <input type="number" value="0" id="test_discount_{{ $loop->index }}" class="form-control text-end">
          <button class="btn btn-primary button_for_test_discount" type="button" data-row-id="{{ $loop->index }}">Calculate</button>
        </div>
    </td>
    <td class="text-end" >
        <input type="number" value="{{$data->test->price}}" id="after_discount_{{ $loop->index }}" class="form-control text-end after_discount">
    </td>
    <td>{{ $data->delivery_date }}</td>
    <td class="text-center">
        <a href="" class="text-danger fw-bold px-1" data-bs-toggle="modal" data-bs-target="#Delete{{ $data->id }}Modal" class="text-danger w-4 h-4 mr-1">
        delete
        </a>
    </td>
</tr>
@endforeach
<script>
    document.addEventListener('DOMContentLoaded', function () {
        var button_for_test_discount = document.querySelectorAll('.button_for_test_discount');
        
        button_for_test_discount.forEach(function (button) {
            button.addEventListener('click', function () {
                var rowIndex = this.getAttribute('data-row-id');
                var test_price = parseFloat(document.querySelector('#test_price_' + rowIndex).innerText);
                var discount = parseFloat(document.querySelector('#test_discount_' + rowIndex).value);
                var discounted_test_price = test_price - (test_price * discount / 100);
                document.querySelector('#after_discount_' + rowIndex).value = discounted_test_price.toFixed(2);
            });
        });
    });
</script>
---------------------------------------------------------------------------------------------------------------------------                              
---------------------------------------------------------------------------------------------------------------------------                              
---------------------------------------------------------------------------------------------------------------------------                              
---------------------------------------------------------------------------------------------------------------------------                              
---------------------------------------------------------------------------------------------------------------------------                              
---------------------------------------------------------------------------------------------------------------------------