@extends('layouts.app')
@section('content')
    <div class="page-wrapper">
        <div class="row page-titles">
            <div class="col-md-5 align-self-center">
                <h3 class="text-themecolor">{{ trans('lang.print_order') }}</h3>
            </div>
            <div class="col-md-7 align-self-center">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="{{ url('/dashboard') }}">{{ trans('lang.dashboard') }}</a></li>
                                        <li class="breadcrumb-item"><a href= "{!! route('orders') !!}">{{ trans('lang.order_plural') }}</a></li>
                                        <li class="breadcrumb-item">{{ trans('lang.print_order') }}</li>
                </ol>
            </div>
        </div>
        <div class="container-fluid">
            <div class="card" id="printableArea" style="font-family: emoji;">
                <div class="col-md-12">
                    <div class="print-top non-printable mt-3">
                        <div class="text-right print-btn non-printable"><button type="button"
                                class="fa fa-print non-printable" onclick="printDiv('printableArea')"></button></div>
                    </div>
                    <hr class="non-printable">
                </div>
                <div class="col-12">
                    <div class="text-center pt-4 mb-3">
                        <h2 style="line-height: 1"><label class="storeName"></label></h2>
                        <h5 style="font-size: 20px;font-weight: lighter;line-height: 1">
                            <label class="storeAddress"></label>
                        </h5>
                        <h5 style="font-size: 16px;font-weight: lighter;line-height: 1">
                            {{ trans('lang.phone') }} :
                            <label class="storePhone"></label>
                        </h5>
                    </div>
                    <span class="dashed-line"></span>
                    <div class="row mt-3">
                        <div class="col-6">
                            <h5>{{ trans('lang.order_id') }} : <label class="orderId"></label></h5>
                        </div>
                        <div class="col-6">
                            <h5 style="font-weight: lighter">
                                <label class="orderDate"></label>
                            </h5>
                        </div>
                        <div class="col-12">
                            <h5>
                                {{ trans('lang.customer_name') }} :
                                <label class="customerName"></label>
                            </h5>
                            <h5>
                                {{ trans('lang.phone') }} :
                                <label class="customerPhone"></label>
                            </h5>
                            <h5 class="text-break">
                                {{ trans('lang.address') }} :
                                <label class="customerAddress"></label>
                            </h5>
                        </div>
                    </div>
                    <h5 class="text-uppercase"></h5>
                    <span class="dashed-line"></span>
                    <table class="table table-bordered mt-3" style="width: 92%">
                        <thead>
                            <tr>
                                <th>{{ trans('lang.item') }}</th>
                                <th>{{ trans('lang.price') }}</th>
                                <th>{{ trans('lang.qty') }}</th>
                                <th>{{ trans('lang.extras') }}</th>
                                <th>{{ trans('lang.total') }}</th>
                            </tr>
                        </thead>
                        <tbody id="order_products">
                        </tbody>
                    </table>
                    <span class="dashed-line"></span>
                    <div class="row justify-content-md-end mb-3" style="width: 97%">
                    <div class="col-md-7 col-lg-7">
                          <dl class="row text-right" id="price-breakdown">
                              <dt class="col-6">{{trans('lang.items_price')}} :</dt>
                              <dd class="col-6"><label class="total_item_price"></label>
                              </dd>
                              <dt class="col-6">{{trans('lang.addon_cost')}} :</dt>
                              <dd class="col-6">
                                  <label class="total_addon_price"></label>
                                  <hr>
                              </dd>
                              <dt class="col-6">{{trans('lang.sub_total')}} :</dt>
                              <dd class="col-6">
                                  <label class="total_price"></label>
                              </dd>
                              <dt class="col-6">{{trans('lang.coupon_discount')}} :</dt>
                              <dd class="col-6">
                                  -
                                  <label class="total_discount_amount"></label>
                              </dd>
                              <dt class="col-6">{{trans('lang.special_offer')}} {{trans('lang.coupon_discount')}} :</dt>
                              <dd class="col-6">
                                  -
                                  <label class="total_special_discount_amount"></label>
                              </dd>
                              
                              <dt class="col-6">{{trans('lang.dm_tips')}} :</dt>
                              <dd class="col-6">
                                  <label class="total_tip_amount">+ $ 0</label>
                              </dd>
                              <dt class="col-6">{{trans('lang.deliveryFee')}} :</dt>
                              <dd class="col-6">
                                  <label class="total_delivery_amount">+ $ 0</label>
                              </dd>

                              <dt class="col-6">{{trans('lang.packaging_charge')}} :</dt>
                              <dd class="col-6">
                                  <label class="packaging_charge">+ $ 0</label>
                              </dd>

                              <dt class="col-6">{{trans('lang.platform_charge')}} :</dt>
                              <dd class="col-6">
                                  <label class="platform_charge">+ $ 0</label>
                              </dd>

                              <dt class="col-6" style="font-size: 20px">{{trans('lang.total')}} :
                              </dt>
                              <dd class="col-6" style="font-size: 20px">
                                  <label class="total_amount"></label>
                              </dd>
                          </dl>
                      </div>
                  </div>
                    <span class="dashed-line"></span>
                    <h5 class="text-center pt-3">
                        {{ trans('lang.thank_you') }}
                    </h5>
                    <span class="dashed-line"></span>
                </div>
            </div>
        </div>
    @endsection
    @section('style')
        <style type="text/css">
            .dashed-line {
                display: block;
                width: 100%;
                border-bottom: 2px dashed black;
                margin: 20px 0;
            }
            #printableArea * {
                color: black !important;
            }
            @media print {
                @page {
                    size: portrait;
                }
                .non-printable {
                    display: none;
                }
                .printable {
                    display: block;
                    font-family: emoji !important;
                }
                #printableArea {
                    width: 400px;
                }
                body {
                    -webkit-print-color-adjust: exact !important;
                    color-adjust: exact !important;
                    font-family: emoji !important;
                }
            }
        </style>
        <style type="text/css" media="print">
            @page {
                size: portrait;
            }
            @page {
                size: auto;
                margin: 2px;
                font-family: emoji !important;
            }
        </style>
@section('scripts')

<script>
      var adminCommission = 0;
      var id_rendom = "69f6f0b82831b";
      var id = "";
      var driverId = '';
      var fcmToken = '';
      var old_order_status = '';
      var payment_shared = false;
      var deliveryChargeVal = 0;
      var tip_amount_val = 0;
      var tip_amount = 0;
      var total_price = 0;
      var total_item_price = 0;
      var total_addon_price = 0;
      var vendorname = '';
      var place_image = '';
      var database = firebase.firestore();
      var ref = database.collection('restaurant_orders').where("id", "==", id);
      var currentCurrency = '';
      var currencyAtRight = false;
      var decimal_degits = 0;
      var currencyData = '';
      var refCurrency = database.collection('currencies').where('isActive', '==', true);
      refCurrency.get().then(async function(snapshots) {
          currencyData = snapshots.docs[0].data();
          currentCurrency = currencyData.symbol;
          currencyAtRight = currencyData.symbolAtRight;
          if (currencyData.decimal_degits) {
              decimal_degits = currencyData.decimal_degits;
          }
      });
      let taxBreakdownGrouped = {
          item: {},
          order: {},
          delivery: {},
          packaging: {},
          platform: {}
      };
      let taxHeaderInserted = false;
      let taxFooterInserted = false;

      ref.get().then(async function(snapshots) {
          var order = snapshots.docs[0].data();
          $(".customerName").text(order.author.firstName + " " + order.author.lastName);
          $(".orderId").text(id);
          var date = order.createdAt.toDate().toDateString();
          var time = order.createdAt.toDate().toLocaleTimeString('en-US');
          $(".orderDate").text(date + " " + time);
          var billingAddressstring = '';
          if (order.address && order.address.hasOwnProperty('address')) {
              billingAddressstring = billingAddressstring + order.address.address;
          }
          if (order.address && order.address.hasOwnProperty('locality')) {
              billingAddressstring = billingAddressstring + "," + order.address.locality;
          }
          if (order.address && order.address.hasOwnProperty('landmark')) {
              billingAddressstring = billingAddressstring + " " + order.address.landmark;
          }
          $(".customerAddress").text(billingAddressstring);
          if (order.author.hasOwnProperty('phoneNumber')) {
              $(".customerPhone").text(shortEditNumber(order.author.phoneNumber));
          } else {
              $(".customerPhone").text("");
          }
          if (order.address && order.address.hasOwnProperty('country')) {
              $("#billing_country").text(order.address.country);
          }
          if (order.address && order.address.hasOwnProperty('email')) {
              $("#billing_email").html('<a href="mailto:' + order.address.email + '">' + shortEmail(order
                  .address.email) + '</a>');
          } else {
              $("#billing_email").html("");
          }
          if (order.createdAt) {
              var date1 = order.createdAt.toDate().toDateString();
              var date = new Date(date1);
              var dd = String(date.getDate()).padStart(2, '0');
              var mm = String(date.getMonth() + 1).padStart(2, '0'); //January is 0!
              var yyyy = date.getFullYear();
              var createdAt_val = yyyy + '-' + mm + '-' + dd;
              var time = order.createdAt.toDate().toLocaleTimeString('en-US');
              $('#createdAt').text(createdAt_val + ' ' + time);
          }
          if (order.payment_method) {
              if (order.payment_method == 'cod') {
                  $('#payment_method').text('{{ trans('lang.cash_on_delivery') }}');
              } else if (order.payment_method == 'paypal') {
                  $('#payment_method').text('{{ trans('lang.paypal') }}');
              } else {
                  $('#payment_method').text(order.payment_method);
              }
          }
          if (order.hasOwnProperty('takeAway') && order.takeAway) {
              $('#driver_pending').hide();
              $('#driver_rejected').hide();
              $('#order_shipped').hide();
              $('#in_transit').hide();
              $('#order_type').text('{{ trans('lang.order_takeaway') }}');
              $('.payment_method').hide();
              orderTakeAwayOption = true;
          } else {
              $('#order_type').text('{{ trans('lang.order_delivery') }}');
              $('.payment_method').show();
          }
          if ((order.driver != '' && order.driver != undefined) && (order.takeAway)) {
              $('#driver_carName').text(order.driver.carName);
              $('#driver_carNumber').text(order.driver.carNumber);
              $('#driver_email').html('<a href="mailto:' + order.driver.email + '">' + shortEmail(order.driver
                  .email) + '</a>');
              $('#driver_firstName').text(order.driver.firstName);
              $('#driver_lastName').text(order.driver.lastName);
              $('#driver_phone').text(shortEditNumber(order.driver.phoneNumber));
          } else {
              $('.order_edit-genrl').removeClass('col-md-4').addClass('col-md-6');
              $('.order_addre-edit').removeClass('col-md-4').addClass('col-md-6');
              $('.driver_details_hide').empty();
          }
          if (order.driverID != '' && order.driverID != undefined) {
              driverId = order.driverID;
          }
          if (order.vendor && order.vendor.author != '' && order.vendor.author != undefined) {
              vendorAuthor = order.vendor.author;
          }
          fcmToken = order.author.fcmToken;
          vendorname = order.vendor.title;
          fcmTokenVendor = order.vendor.fcmToken;
          customername = order.author.firstName;
          vendorId = order.vendor.id;
          old_order_status = order.status;
          if (order.payment_shared != undefined) {
              payment_shared = order.payment_shared;
          }
          append_procucts_list = document.getElementById('order_products');
          append_procucts_list.innerHTML = '';
          var productsListHTML = buildHTMLProductsList(order.products);
          var productstotalHTML = buildHTMLProductstotal(order);
          if (productsListHTML != '') {
              append_procucts_list.innerHTML = productsListHTML;
          }
          orderPreviousStatus = order.status;
          if (order.hasOwnProperty('payment_method')) {
              orderPaymentMethod = order.payment_method;
          }
          $("#order_status option[value='" + order.status + "']").attr("selected", "selected");
          if (order.status == "Order Rejected" || order.status == "Driver Rejected") {
              $("#order_status").prop("disabled", true);
          }
          var price = 0;
          if (order.vendorID) {
              var vendor = database.collection('vendors').where("id", "==", order.vendorID);
              vendor.get().then(async function(snapshotsnew) {
                  if (snapshotsnew.hasData != '') {
                      var vendordata = snapshotsnew.docs[0].data();
                      if (vendordata.id) {
                          var route_view = '{{ route('restaurants.view', ':id') }}';
                          route_view = route_view.replace(':id', vendordata.id);
                          $('#resturant-view').attr('data-url', route_view);
                      }
                      if (vendordata.photo != null && vendordata.photo != "") {
                          $('.resturant-img').attr('src', vendordata.photo);
                      } else {
                          $('.resturant-img').attr('src', place_image);
                      }
                      if (vendordata.title != "" && vendordata.title != null) {
                          $('.storeName').html(vendordata.title);
                      }
                      if (vendordata.phonenumber != "" && vendordata.phonenumber != null) {
                          $('.storePhone').text(shortEditNumber(vendordata.phonenumber));
                      } else {
                          $('.storePhone').text("");
                      }
                      if (vendordata.location != "" && vendordata.location != null) {
                          $('.storeAddress').text(vendordata.location);
                      }
                  }
              });
          }
          jQuery("#data-table_processing").hide();
      })

      function buildHTMLProductsList(snapshotsProducts) {
          var html = '';
          var alldata = [];
          var number = [];
          var totalProductPrice = 0;
          snapshotsProducts.forEach((product) => {
              var val = product;
              html = html + '<tr>';
              var extra_html = '';
              if (product.extras != undefined && product.extras != '' && product.extras.length > 0) {
                  extra_html = extra_html + '<span>';
                  var extra_count = 1;
                  try {
                      product.extras.forEach((extra) => {
                          if (extra_count > 1) {
                              extra_html = extra_html + ',' + extra;
                          } else {
                              extra_html = extra_html + extra;
                          }
                          extra_count++;
                      })
                  } catch (error) {}
                  extra_html = extra_html + '</span>';
              }
              html = html + '<td class="order-product"><div class="order-product-box">';
              if (val.photo != '' && val.photo != null) {
                  html = html + '<img onerror="this.onerror=null;this.src=\'' + place_image +
                      '\'" class="img-circle img-size-32 mr-2" style="width:60px;height:60px;" src="' + val
                      .photo + '" alt="image">';
              } else {
                  html = html + '<img class="img-circle img-size-32 mr-2" style="width:60px;height:60px;" src="' +
                      place_image + '" alt="image">';
              }
              html = html + '</div><div class="orders-tracking"><h6>' + val.name +
                  '</h6><div class="orders-tracking-item-details">';
              if (extra_count > 1 || product.size) {}
              if (extra_count > 1) {
                  html = html +
                      '<div class="extra"><span>{{ trans('lang.extras') }} :</span><span class="ext-item">' +
                      extra_html + '</span></div>';
              }
              if (product.size) {
                  html = html +
                      '<div class="type"><span>{{ trans('lang.type') }} :</span><span class="ext-size">' +
                      product.size + '</span></div>';
              }
              if (product.variant_info) {
                  html += '<div class="variant-info">';
                  html += '<ul>';
                  $.each(product.variant_info.variant_options, function(label, value) {
                      html += '<li class="variant"><span class="label">' + label +
                          '</span><span class="value">' + value + '</span></li>';
                  });
                  html += '</ul>';
                  html += '</div>';
              }
              price_item = parseFloat(val.price).toFixed(decimal_degits);
              totalProductPrice = parseFloat(price_item) * parseInt(val.quantity);
              var extras_price = 0;
              if (product.extras != undefined && product.extras != '' && product.extras.length > 0) {
                  extras_price_item = (parseFloat(val.extras_price) * parseInt(val.quantity)).toFixed(2);
                  if (parseFloat(extras_price_item) != NaN && val.extras_price != undefined) {
                      extras_price = extras_price_item;
                  }
                  totalProductPrice = parseFloat(extras_price) + parseFloat(totalProductPrice);
              }
              totalProductPrice = parseFloat(totalProductPrice).toFixed(decimal_degits);
              if (currencyAtRight) {
                  price_val = parseFloat(price_item).toFixed(decimal_degits) + "" + currentCurrency;
                  extras_price_val = parseFloat(extras_price).toFixed(decimal_degits) + "" + currentCurrency;
                  totalProductPrice_val = parseFloat(totalProductPrice).toFixed(decimal_degits) + "" +
                      currentCurrency;
              } else {
                  price_val = currentCurrency + "" + parseFloat(price_item).toFixed(decimal_degits);
                  extras_price_val = currentCurrency + "" + parseFloat(extras_price).toFixed(decimal_degits);
                  totalProductPrice_val = currentCurrency + "" + parseFloat(totalProductPrice).toFixed(
                      decimal_degits);
              }
              html = html + '</div></div></td>';
              html = html + '<td>' + price_val + '</td><td>' + val.quantity + '</td><td> + ' + extras_price_val +
                  '</td><td>  ' + totalProductPrice_val + '</td>';
              html = html + '</tr>';
              total_price += parseFloat(totalProductPrice);
              total_addon_price += parseFloat(extras_price);
              total_item_price += parseFloat(price_item);
          });
          totalProductPrice = 0;
          if (currencyAtRight) {
              total_item_price = parseFloat(total_item_price).toFixed(decimal_degits) + "" + currentCurrency;
              total_addon_price = parseFloat(total_addon_price).toFixed(decimal_degits) + "" + currentCurrency;
              $('.total_price').text(parseFloat(total_price).toFixed(decimal_degits) + "" + currentCurrency);
          } else {
              total_item_price = currentCurrency + "" + parseFloat(total_item_price).toFixed(decimal_degits);
              total_addon_price = currentCurrency + "" + parseFloat(total_addon_price).toFixed(decimal_degits);
              $('.total_price').text(currentCurrency + "" + parseFloat(total_price).toFixed(decimal_degits));
          }
          $('.total_item_price').text(total_item_price);
          $('.total_addon_price').text(total_addon_price);
          return html;
      }

      function buildHTMLProductstotal(snapshotsProducts) {

          var html = '';
          var adminCommission = snapshotsProducts.adminCommission;
          var adminCommissionType = snapshotsProducts.adminCommissionType;
          var discount = snapshotsProducts.discount;
          var couponCode = snapshotsProducts.couponCode;
          var extras = snapshotsProducts.extras;
          var extras_price = snapshotsProducts.extras_price;
          var rejectedByDrivers = snapshotsProducts.rejectedByDrivers;
          var takeAway = snapshotsProducts.takeAway;
          var notes = snapshotsProducts.notes;
          var tax_amount = snapshotsProducts.vendor.tax_amount;
          var status = snapshotsProducts.status;
          var products = snapshotsProducts.products;
          var specialDiscount = snapshotsProducts.specialDiscount;
          var intRegex = /^\d+$/;
          var floatRegex = /^((\d+(\.\d *)?)|((\d*\.)?\d+))$/;

          let order_subtotal = 0;
          let total_discount = 0;
          let total_tax_amount = 0;
          let tip_amount = parseFloat(snapshotsProducts.tip_amount || 0);
          let deliveryCharge = parseFloat(snapshotsProducts.deliveryCharge || 0);
          let platformFee = parseFloat(snapshotsProducts.platformFee || 0);
          let packagingCharge = parseFloat(snapshotsProducts.vendor.packagingCharge || 0);

          //  Calculate subtotal and product extras
          for (let i = 0; i < snapshotsProducts.products.length; i++) {
              let product = snapshotsProducts.products[i];
              let itemGross = (parseFloat(product.price) + parseFloat(product.extras_price || 0)) * parseInt(product.quantity);
              order_subtotal += itemGross;
          }

          // Total discounts
          let order_discount = parseFloat(snapshotsProducts.discount || 0);
          let special_discount = parseFloat(snapshotsProducts.specialDiscount?.special_discount || 0);
              total_discount = order_discount + special_discount;

          // Calculate item-level taxes (if product-level)
          if (snapshotsProducts.taxScope === "product") {
              let itemSubtotal = order_subtotal;
              let itemCombinedTax = 0;
              snapshotsProducts.products.forEach(product => {
                  let itemGross = (parseFloat(product.price) + parseFloat(product.extras_price || 0)) * parseInt(product.quantity);
                  let itemDiscount = (itemSubtotal > 0) ? (itemGross / itemSubtotal) * total_discount : 0;
                  let itemTaxable = Math.max(0, itemGross - itemDiscount);
                  let itemTaxes = product.taxSetting || [];
                  itemTaxes.forEach(tax => {
                      if (tax.enable) {
                          let taxAmount = 0;
                          if (tax.type === "percentage") {
                              taxAmount = (tax.tax / 100) * itemTaxable;
                          } else {
                              taxAmount = tax.tax;
                          }
                          total_tax_amount += parseFloat(taxAmount);
                          itemCombinedTax += parseFloat(taxAmount);
                      }
                  });
              });
              if(itemCombinedTax > 0){
                  taxBreakdownGrouped.item[''] = itemCombinedTax;
              }
          } 

          // Order-level taxes (if order-level)
          if (snapshotsProducts.taxScope === "order") {
              let orderTaxable = Math.max(0, order_subtotal - total_discount);
              let orderCombinedTax = 0;
              (snapshotsProducts.taxSetting || []).forEach(tax => {
                  if (tax.enable) {
                      let taxAmount = 0;
                      if (tax.type === "percentage") {
                          taxAmount = (tax.tax / 100) * orderTaxable;
                      } else {
                          taxAmount = tax.tax;
                      }
                      total_tax_amount += parseFloat(taxAmount);
                      orderCombinedTax += parseFloat(taxAmount);
                  }
              });
              if(orderCombinedTax > 0){
                  taxBreakdownGrouped.order[''] = orderCombinedTax;
              }
          }

          // Delivery, packaging, platform taxes
          let extraCharges = [
              {key: 'delivery', amount: deliveryCharge, taxes: snapshotsProducts.driverDeliveryTax || []},
              {key: 'packaging', amount: packagingCharge, taxes: snapshotsProducts.packagingTax || []},
              {key: 'platform', amount: platformFee, taxes: snapshotsProducts.platformTax || []},
          ];

          extraCharges.forEach(scope => {
              scope.taxes?.forEach(tax => {
                  if (tax.enable) {
                      let taxAmount = 0;
                      if (tax.type === "percentage") {
                          taxAmount = (tax.tax / 100) * scope.amount;
                      } else {
                          taxAmount = tax.tax;
                      }
                      total_tax_amount += parseFloat(taxAmount);
                      taxBreakdownGrouped[scope.key][tax.title] = (taxBreakdownGrouped[scope.key][tax.title] || 0) + parseFloat(taxAmount);
                  }
              });
          });

          if(total_tax_amount > 0){
              renderTaxSection('item', 'Tax on Item Total');
              renderTaxSection('order', 'Tax on Order Total');
              renderTaxSection('delivery', 'Tax on Delivery Fee');
              renderTaxSection('packaging', 'Tax on Packaging Fee');
              renderTaxSection('platform', 'Tax on Platform Fee');
          }

          let totalTaxHtml = `
                  <dt class="col-6"><strong>{{ trans('lang.total_tax') }} :</strong></dt>
                  <dd class="col-6"><label class="total_tax_amount">${formatCurrency(total_tax_amount, currencyData)}</label></dd>
                  <dt class="col-12"><hr></dt>`;
            $('#price-breakdown dt').last().before(totalTaxHtml); 

          //Final subtotal after discounts
          order_subtotal = order_subtotal - total_discount;

          // Final total
          let order_total = order_subtotal + deliveryCharge + tip_amount + packagingCharge + platformFee + total_tax_amount;

          $(".packaging_charge").text('+'+formatCurrency(packagingCharge, currencyData));
          $(".platform_charge").text('+'+formatCurrency(platformFee, currencyData));
          $(".total_amount").text(formatCurrency(order_total, currencyData));
          $(".total_tax_amount").text(formatCurrency(total_tax_amount, currencyData));
          
          if (intRegex.test(discount) || floatRegex.test(discount)) {
              discount = parseFloat(discount).toFixed(2);
              if (currencyAtRight) {
                  discount_val = parseFloat(discount).toFixed(decimal_degits) + "" + currentCurrency;
              } else {
                  discount_val = currentCurrency + "" + parseFloat(discount).toFixed(decimal_degits);
              }
              couponCode_html = '';
              if (couponCode) {
                  couponCode_html = '</br><small>{{trans("lang.coupon_codes")}} :' + couponCode + '</small>';
              }
              html = html + '<tr><td class="label">{{trans("lang.discount")}}' + couponCode_html +
                  '</td><td class="discount">-' + discount_val + '</td></tr>';
                  $('.total_discount_amount').text(discount_val);
          }

          $('.total_special_discount_amount').text(formatCurrency(special_discount, currencyData));
          
          if (takeAway == '' || takeAway == false) {
              html = html +
                  '<tr><td class="label">{{trans("lang.deliveryCharge")}}</td><td class="deliveryCharge">+' +
                  formatCurrency(deliveryCharge, currencyData) + '</td></tr>';
              $('.total_delivery_amount').text('+'+formatCurrency(deliveryCharge, currencyData));

              html = html + '<tr><td class="label">{{trans("lang.tip_amount")}}</td><td class="tip_amount_val">+' +
                  formatCurrency(tip_amount, currencyData) + '</td></tr>';
              $('.total_tip_amount').text('+'+formatCurrency(tip_amount, currencyData));
          }

          html = html + '<tr><td class="label">{{trans("lang.total_amount")}}</td><td class="total_amount">' +formatCurrency(order_total, currencyData) + '</td></tr>';

          if (adminCommission != undefined && adminCommissionType != undefined) {
              var commission = 0;
              if (adminCommissionType == "Percent") {
                  commission = (order_subtotal * parseFloat(adminCommission)) / 100;
              } else {
                  commission = parseFloat(adminCommission);
              }
              adminCommission = commission;
          } else if (adminCommission != undefined) {
              var commission = parseFloat(adminCommission);
              adminCommission = commission;
          }
          if (adminCommission) {
              adminCommission = parseFloat(adminCommission).toFixed(2);
              if (currencyAtRight) {
                  adminCommission_val = adminCommission + "" + currentCurrency;
              } else {
                  adminCommission_val = currentCurrency + "" + adminCommission;
              }
              html = html +
                  '<tr><td class="label"><small>( {{trans("lang.admin_commission")}} </small></td><td class="adminCommission_val"><small>' +
                  adminCommission_val + ')</small></td></tr>';
          }
          if (notes) {
              html = html + '<tr><td class="label">{{trans("lang.notes")}}</td><td class="adminCommission_val">' + notes +
                  '</td></tr>';
          }
          return html;
      }

      function printDiv(divName) {
          var css = '@page { size: portrait; }',
              head = document.head || document.getElementsByTagName('head')[0],
              style = document.createElement('style');
          style.type = 'text/css';
          style.media = 'print';
          if (style.styleSheet) {
              style.styleSheet.cssText = css;
          } else {
              style.appendChild(document.createTextNode(css));
          }
          head.appendChild(style);
          var printContents = document.getElementById(divName).innerHTML;
          var originalContents = document.body.innerHTML;
          document.body.innerHTML = printContents;
          window.print();
          document.body.innerHTML = originalContents;
      }

      function renderTaxSection(section, labelSuffix) {
          if (!taxBreakdownGrouped[section]) return;
          let html = '';
          if (!taxHeaderInserted) {
              html += `<dt class="col-12"><hr></dt>`;
              taxHeaderInserted = true;
          }
          for (let title in taxBreakdownGrouped[section]) {
              let taxAmount = parseFloat(taxBreakdownGrouped[section][title]);
              html += `
                  <dt class="col-6">${title} ${labelSuffix} :</dt>
                  <dd class="col-6">
                      ${formatCurrency(taxAmount, currencyData)}
                  </dd>
              `;
          }
          if (!taxFooterInserted && section === 'platform') {
              html += `<dt class="col-12"><hr></dt>`; 
              taxFooterInserted = true;
          }
          $('#price-breakdown dt:last').before(html);
      }
</script>

@endsection