@extends('admin.layout.master')

@section('content')
<style>
    .select2-selection {
        height: 100% !important;
    }
    .grey_bg{ background: #f1f1f1;}
.sticky_blank_height_top62{ height: 62px; display: block;}
.header_sticky_white{    padding: 10px;
    font-size: 14px;
    background: #fff;
    position: sticky;
    top: 0;
    overflow-x: auto;
    width: 100%;
    left: 0;
    right: 0;
    z-index: 99;}
.header_sticky_white table{ min-width: 1350px;}
.order_column01{}
.order_column01 span{ color: #22b16e; font-weight: bold;}

.status_column{ padding: 0 10px; display: flex; align-self: center; justify-content: center;}
.status_column span{ align-self: center; padding-right: 10px;}
.due_column{ color: red;}

.form_select_flex{ display: flex;padding: 15px 20px;}
.form_select_flex label{ align-self: center; padding-right: 10px;}

.customer_service_wrapper{ background: #f4f6f9; border-radius: 15px; overflow: hidden; margin: 20px 0 20px 0;}
.customer_service_wrapper h3{ background: #03458f; color: #fff; padding: 10px;font-size: 20px; font-weight: bold; text-transform: uppercase;}

.blue_box01{ background: #f4f6f9; border-radius: 15px; overflow: hidden; margin: 20px 0 20px 0;}
.blue_box01 h3{ background: #03458f; color: #fff; padding: 10px;font-size: 20px; font-weight: bold; text-transform: uppercase;}
.blue_box01 h3 a{ display: inline-block; background: #28a745; color: #fff; border-radius: 5px; padding: 5px; font-size: 14px; text-decoration: none; margin-left: 10px;}
.blue_box02{ background: #fff; border-radius: 15px; overflow: hidden; margin: 20px 0 20px 0;}
.blue_box02 h3{ background: #03458f; color: #fff; padding: 10px;font-size: 20px; font-weight: bold; text-transform: uppercase;}
.blue_box01_inner_content{ padding: 10px;}
.blue_box01_inner_content h4{ font-size: 16px; font-weight: bold;}
.blue_box01_inner_content p{ margin: 0; padding-bottom: 13px;font-size: 16px;}
.tabs_wrapper{ padding: 10px;}
.tabs_wrapper .nav-tabs .nav-link{ text-transform: uppercase; font-size: 14px;}
.tabs_wrapper .tab-content{border: 1px solid #dee2e6; border-top: 0px;}
.tabs_wrapper .tab-content .tab-pane{ padding: 15px;}
.tabs_wrapper .tab-content .tab-pane textarea{ padding: 10px; width: 100%;border: 1px solid #dee2e6;}
.shipping_content_headings{ padding: 10px;}
.shipping_content_headings h4{ font-size: 18px; font-weight: bold;}
.shipping_content_headings h5{ margin: 0; padding-bottom: 13px;font-size: 18px;}
.shipping_content_headings p{margin: 0; padding: 0;}
.shipping_content_headings p a{ text-decoration: none; margin: 0; padding: 0;}

.shipping_table{ padding: 10px; overflow-x: auto;}
.shipping_table table{ font-size: 14px;min-width: 600px; width: 100%;}
.product_table_wrapper .blue_box01 h3{ margin-bottom: 0;}
.product_table{padding:0px; overflow-x: auto;}
.product_table table{ font-size: 14px;min-width:1200px; width: 100%;}
.product_table table tr th{ font-size: 14px;text-align: center;background: #f1f1f1;}
.product_table h4{ font-size: 14px; font-weight: bold;}
.product_table p{ font-size: 14px; margin: 0;}
.product_table table tr td{text-align: center;padding: 10px}
.nocenter{text-align: left !important;}
.rightcal{text-align: right !important;background: #f1f1f1 !important;}

.total_product{ font-size: 18px; font-weight: bold; color: #008000;}
.shipping_table a{text-decoration: none;}
.headfontsize{
    font-size: 18px;
}
.blue_box011{
    background: white;
    border-radius: 20px;
    margin: 20px 0 20px 0;
}

.blue_box011 h3{
    background: #03458f;
    color: #fff;
    padding: 10px;
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 15px 15px 0px 0px;
}

#qtyloader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    text-align: center;
    background: url(https://i.imgur.com/Cn9MC39.gif) 50% 50% no-repeat rgba(255,255,255,0.9);
    vertical-align: middle;
    color: #000;
    background-size: 80px;
    background-position: center;

}
#qtyloader p{
    position: fixed;
    top: calc(50% + 90px);
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    text-align: center;

    vertical-align: middle;
    color: #000;

}
#qtyloader:before{
      content: attr(data-wordLoad);
      color: #000;
      position: absolute;
      top: calc(50% + 50px);
    //   left: calc(50% - 90px);
        width: 100%;
        display: table-cell;
        text-align: center;
        vertical-align: middle;
      font-size: 1.5rem;
}
</style>

<link href="{{ asset('assets/web') }}/css/bootstrap.min.css" rel="stylesheet">
<script src="{{ asset('assets/web') }}/js/jquery.are-you-sure.js"></script>
@php

    $itemprice2 = 0;

    foreach ($order->orderdetail as $orderdetail){
        if((strpos($orderdetail->productcode, 'DSC') === false)){
            $itemprice2 += $orderdetail->totalprice;
        }
    }
    $subtotal = $itemprice2;

    $totalDue =  ($order->paymentamount - $order->total_payment_received);

@endphp
<div id="qtyloader" class="chkoutLoader" style="display: none" data-wordLoad="Loading...">
    <!-- <h3>Your order is processing...</h3> -->
</div>
<div class="grey_bg">

    <div class="container-fluid">
        <form action="{{ route('admin.order-update') }}" id="orderUpdateForm" method="post">
            <input type="hidden" name="orderid" value="{{ $order->orderid }}">
            <input type="hidden" name="discountPriceval" class="discountPriceval" value="{{ $order->coupon_discount }}">
      <div class="row">
        <div class="col-12">
          <div class="header_sticky_white">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
              <tbody>
                <tr>
                  <td class="order_column01 headfontsize" width="11%">
                    ORDER #: <br><strong>{{ $order->orderid }}</strong> <span>({{ $order->vol_oid }})</span>
                  </td>
                  <td class="headfontsize" width="11%">ORDER DATE: <br><strong> {{ date('n/d/Y g:i A', strtotime($order->orderdate)) }}</strong></td>
                  <td class="headfontsize">TOTAL: <br><strong class="TotalAmount">${{ number_format((float)($order->paymentamount), 2, '.', '') }}</strong></td>
                  @if (number_format((float)($totalDue), 2, '.', '') != 0.00)
                    @if (number_format((float)($totalDue), 2, '.', '') > 0)
                        <td class="due_column headfontsize TotalDueLable" style="font-size: 20px; color:red;"><b>DUE: </b><br><strong class="TotalAmountDue" style="font-size: 20px; color:red;">-${{ number_format((float)($totalDue), 2, '.', '') }}</strong></td>
                    @else
                        <td class="due_column headfontsize TotalDueLable" style="font-size: 20px; color:red;"><b>DUE: </b><br><strong class="TotalAmountDue" style="font-size: 20px; color:red;">${{ number_format((float)(abs($totalDue)), 2, '.', '') }}</strong></td>
                    @endif
                @else
                  <td class="due_column headfontsize TotalDueLable" style="font-size: 20px; color:green;"><b>DUE: </b><br><strong class="TotalAmountDue" style="font-size: 20px; color:green;">${{ number_format((float)($totalDue), 2, '.', '') }}</strong></td>
                 @endif

                  <td class="headfontsize" width="6%">TYPE: <br><strong>{{ $order->order_entry_system }}</strong></td>
                  <td class="status_column headfontsize">
                    <span>STATUS:</span>
                    <select name="status" id="status" style="width: 100%" data-palcehoder="Select status" class="form-select" style="margin-right: 20px;" @if($order->locked == 'Y') disabled @endif>
                        <option value="Processing" {{ ($order->orderstatus == "Processing") ? "selected" : "" }}>Processing</option>
                        <option value="Cancelled" {{ ($order->orderstatus == "Cancelled") ? "selected" : "" }}>Cancelled</option>
                        <option value="New" {{ ($order->orderstatus == "New") ? "selected" : "" }}>New</option>
                        <option value="Shipped" {{ ($order->orderstatus == "Shipped") ? "selected" : "" }}>Shipped</option>
                        <option value="Ready to Ship" {{ ($order->orderstatus == "Ready to Ship") ? "selected" : "" }}>Ready to Ship</option>
                        <option value="Returned" {{ ($order->orderstatus == "Returned") ? "selected" : "" }}>Returned</option>
                        <option value="Pending" {{ ($order->orderstatus == "Pending") ? "selected" : "" }}>Pending</option>
                    </select>
                  </td>
                  @if(!empty($lastordermodify))
                  <td class="headfontsize">Last Modified On <br><strong>{{ date('n/d/Y', strtotime($lastordermodify->created_at)) }} at {{ date('g:i A', strtotime($lastordermodify->created_at)) }} by {{ $lastordermodify->adminuser->name }}</strong></td>
                  @else
                  <td class="headfontsize">Last Modified On <br><strong>{{ date('n/d/Y', strtotime($order->lastmodified)) }} at {{ date('g:i A', strtotime($order->lastmodified)) }} </strong></td>
                 @endif

                  <td class="text-end">
                    <a href="{{ route('admin.order-receipt-html',$order->orderid) }}" target="_blank" class="btn btn-success"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-printer" viewBox="0 0 16 16">
                        <path d="M2.5 8a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1z"/>
                        <path d="M5 1a2 2 0 0 0-2 2v2H2a2 2 0 0 0-2 2v3a2 2 0 0 0 2 2h1v1a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2v-1h1a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2h-1V3a2 2 0 0 0-2-2H5zM4 3a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v2H4V3zm1 5a2 2 0 0 0-2 2v1H2a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v3a1 1 0 0 1-1 1h-1v-1a2 2 0 0 0-2-2H5zm7 2v3a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1v-3a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1z"/>
                      </svg> Invoice</a>
                    <a href="{{ route('admin.packing-slip',$order->orderid) }}" target="_blank" class="btn btn-success"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-printer" viewBox="0 0 16 16">
                        <path d="M2.5 8a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1z"/>
                        <path d="M5 1a2 2 0 0 0-2 2v2H2a2 2 0 0 0-2 2v3a2 2 0 0 0 2 2h1v1a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2v-1h1a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2h-1V3a2 2 0 0 0-2-2H5zM4 3a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v2H4V3zm1 5a2 2 0 0 0-2 2v1H2a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v3a1 1 0 0 1-1 1h-1v-1a2 2 0 0 0-2-2H5zm7 2v3a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1v-3a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1z"/>
                      </svg> Packing Slip</a>
                    <a href="{{ route('admin.order-receipt',$order->orderid) }}" class="btn btn-secondary updateBtn"  style="display: none">Cancel</a>
                    <button type="button" class="btn btn-primary updateBtn"  style="display: none">Save</button>
                  </td>
                </tr>
              </tbody>
            </table>
          </div>
          @foreach (['danger', 'warning', 'success', 'info'] as $msg)
          @if(Session::has('alert-' . $msg))

          <p class="alert alert-{{ $msg }} mt-2">{{ Session::get('alert-' . $msg) }}
              <a href="#" class="close" data-dismiss="alert" aria-label="close">×</a>
          </p>
          @endif
      @endforeach
          <div class="customer_service_wrapper">
            @php
                $colmd=3;

            @endphp
            <h3>ESCALATION & SALES REP</h3>
            <div class="row">
              <div class="col-md-{{ $colmd }}">
                <div class="form_select_flex">
                  <label>Status</label>
                  <select name="cat_status" id="cat_status" style="width: 100%" data-palcehoder="Select cat status" class="form-select" @if($order->locked == 'Y') disabled @endif>
                    <option value="" selected>None</option>
                    <option value="NEW" {{ ($order->custom_field_catstatus == 'NEW') ? "selected" : "" }}>NEW</option>
                    <option value="24 HR HOLD" {{ ($order->custom_field_catstatus == '24 HR HOLD') ? "selected" : "" }}>24 HR HOLD</option>
                    <option value="CALL" {{ ($order->custom_field_catstatus == 'CALL') ? "selected" : "" }}>CALL</option>
                    <option value="PHONE 6" {{ ($order->custom_field_catstatus == 'PHONE 6') ? "selected" : "" }}>PHONE 6</option>
                    <option value="CMT" {{ ($order->custom_field_catstatus == 'CMT') ? "selected" : "" }}>CMT</option>
                    <option value="COMPLETE" {{ ($order->custom_field_catstatus == 'COMPLETE') ? "selected" : "" }}>COMPLETE</option>
                    <option value="CUSTOMER" {{ ($order->custom_field_catstatus == 'CUSTOMER') ? "selected" : "" }}>CUSTOMER</option>
                    <option value="WAREHOUSE" {{ ($order->custom_field_catstatus == 'WAREHOUSE') ? "selected" : "" }}>WAREHOUSE</option>
                    <option value="VENDOR" {{ ($order->custom_field_catstatus == 'VENDOR') ? "selected" : "" }}>VENDOR</option>
                    <option value="MANAGER" {{ ($order->custom_field_catstatus == 'MANAGER') ? "selected" : "" }}>MANAGER</option>
                    <option value="SALES" {{ ($order->custom_field_catstatus == 'SALES') ? "selected" : "" }}>SALES</option>
                    <option value="RESHIP" {{ ($order->custom_field_catstatus == 'RESHIP') ? "selected" : "" }}>RESHIP</option>
                    <option value="CANCEL 6" {{ ($order->custom_field_catstatus == 'CANCEL 6') ? "selected" : "" }}>CANCEL 6</option>

                  </select>
                </div>
              </div>
              <div class="col-md-{{ $colmd }}">
                <div class="form_select_flex">
                  <label>Reason</label>
                  <select name="cat_reason" id="cat_reason" style="width: 100%" data-palcehoder="Select cat reason" class="form-select" @if($order->locked == 'Y') disabled @endif>
                    <option value="" selected>None</option>
                    <option value="ADDRESS" {{ ($order->custom_field_catreason == 'ADDRESS') ? "selected" : "" }}>ADDRESS</option>
                    <option value="CANCEL" {{ ($order->custom_field_catreason == 'CANCEL') ? "selected" : "" }}>CANCEL</option>
                    <option value="WRONG" {{ ($order->custom_field_catreason == 'WRONG') ? "selected" : "" }}>WRONG</option>
                    <option value="ETA" {{ ($order->custom_field_catreason == 'ETA') ? "selected" : "" }}>ETA</option>
                    <option value="DAMAGED" {{ ($order->custom_field_catreason == 'DAMAGED') ? "selected" : "" }}>DAMAGED</option>
                    <option value="TRACKING" {{ ($order->custom_field_catreason == 'TRACKING') ? "selected" : "" }}>TRACKING</option>
                    <option value="SHIPPING" {{ ($order->custom_field_catreason == 'SHIPPING') ? "selected" : "" }}>SHIPPING</option>
                    <option value="PICTURES" {{ ($order->custom_field_catreason == 'PICTURES') ? "selected" : "" }}>PICTURES</option>
                    <option value="COURTESY" {{ ($order->custom_field_catreason == 'COURTESY') ? "selected" : "" }}>COURTESY</option>
                    <option value="FNLA" {{ ($order->custom_field_catreason == 'FNLA') ? "selected" : "" }}>FNLA</option>
                    <option value="LTBO" {{ ($order->custom_field_catreason == 'LTBO') ? "selected" : "" }}>LTBO</option>
                    <option value="LOST" {{ ($order->custom_field_catreason == 'LOST') ? "selected" : "" }}>LOST</option>
                    <option value="TAX EXEMPT" {{ ($order->custom_field_catreason == 'TAX EXEMPT') ? "selected" : "" }}>TAX EXEMPT</option>
                    <option value="PAYMENT" {{ ($order->custom_field_catreason == 'PAYMENT') ? "selected" : "" }}>PAYMENT</option>
                    <option value="SHIPPING DUE" {{ ($order->custom_field_catreason == 'SHIPPING DUE') ? "selected" : "" }}>SHIPPING DUE</option>
                    <option value="RETURN" {{ ($order->custom_field_catreason == 'RETURN') ? "selected" : "" }}>RETURN</option>
                    <option value="REMORSE" {{ ($order->custom_field_catreason == 'REMORSE') ? "selected" : "" }}>REMORSE</option>
                    <option value="RETAIN" {{ ($order->custom_field_catreason == 'RETAIN') ? "selected" : "" }}>RETAIN</option>
                    <option value="URGENT CANCEL" {{ ($order->custom_field_catreason == 'URGENT CANCEL') ? "selected" : "" }}>URGENT CANCEL</option>
                    <option value="DELAY" {{ ($order->custom_field_catreason == 'DELAY') ? "selected" : "" }}>DELAY</option>
                    <option value="DEFECTIVE" {{ ($order->custom_field_catreason == 'DEFECTIVE') ? "selected" : "" }}>DEFECTIVE</option>
                    <option value="FRAUD" {{ ($order->custom_field_catreason == 'FRAUD') ? "selected" : "" }}>FRAUD</option>
                    <option value="CHARGEBACK" {{ ($order->custom_field_catreason == 'CHARGEBACK') ? "selected" : "" }}>CHARGEBACK</option>
                    <option value="MISSING" {{ ($order->custom_field_catreason == 'MISSING') ? "selected" : "" }}>MISSING</option>
                    <option value="DUPLICATE" {{ ($order->custom_field_catreason == 'DUPLICATE') ? "selected" : "" }}>DUPLICATE</option>

                  </select>
                </div>
              </div>
              <div class="col-md-{{ $colmd }}">
                <div class="form_select_flex">
                  <label>Department</label>
                  <select class="form-select" name="cat_department" id="cat_department" style="width: 100%" data-palcehoder="Select cat department" @if($order->locked == 'Y') disabled @endif>
                    <option value="" selected>None</option>
                    <option value="VENDOR" {{ ($order->custom_field_catdepartment == 'VENDOR') ? "selected" : "" }}>VENDOR</option>
                    <option value="SALES" {{ ($order->custom_field_catdepartment == 'SALES') ? "selected" : "" }}>SALES</option>
                    <option value="WAREHOUSE" {{ ($order->custom_field_catdepartment == 'WAREHOUSE') ? "selected" : "" }}>WAREHOUSE</option>
                    <option value="MARKETPLACE" {{ ($order->custom_field_catdepartment == 'MARKETPLACE') ? "selected" : "" }}>MARKETPLACE</option>
                    <option value="WEBSITE" {{ ($order->custom_field_catdepartment == 'WEBSITE') ? "selected" : "" }}>WEBSITE</option>
                    <option value="CARRIER" {{ ($order->custom_field_catdepartment == 'CARRIER') ? "selected" : "" }}>CARRIER</option>
                    <option value="CUSTOMER" {{ ($order->custom_field_catdepartment == 'CUSTOMER') ? "selected" : "" }}>CUSTOMER</option>
                  </select>
                </div>
              </div>

              <div class="col-md-3 text-center">
                <div class="p-4">
                    <label>Sales Rep : </label>
                    <span> @if(!empty($salesrep_user_name)) {{ $salesrep_user_name }} @else N/A @endif</span>
                </div>
              </div>

            </div>
          </div>

          <div class="shipto_billto_notes_wrapper">
            <div class="row">
              <div class="col-md-3">
                <div class="blue_box01">
                  <h3>SHIP TO &nbsp; &nbsp; @if($order->locked != 'Y') <a class="btn btn-success btn-sm" id="shipToListBtn" style="display: none"><i class="fas fa-list"></i> List</a> <a class="btn btn-success btn-sm" id="shipToEditBtn"><i class="fas fa-edit"></i> Edit</a> @endif &nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;<span class="badge badge-warning" id="addressVerifyBadge">UnVerified</span></h3>
                  <div class="blue_box01_inner_content" id="ship_box_address">
                    <h4>{{ $order->shipfirstname }} {{ $order->shiplastname }}</h4>
                    <p>{{ $order->shipaddress1 }}<br>
                        @if(!empty($order->shipaddress2))
                        {{ $order->shipaddress2 }}</br>
                    @endif
                    {{ $order->shipcity }}, {{ $order->shipstate }} {{ $order->shippostalcode }}</br>
                    {{ $order->shipcountry }}</p>
                    <p>{{ !empty($order->shipphonenumber) ? $order->shipphonenumber : $order->billingphonenumber }}</p>
                  </div>

                  <div id="customShippingAddress" style="display: none; padding:10px;">

                    <div class="col-md-6">
                        <div class="form-group">
                            <input aria-labelledby="PartsWarehouse" name="is_shipping_edit" id="is_shipping_edit"
                                type="hidden" class="form-control" value="0">
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-md-6">
                            <div class="form-group">
                                <label for="shippingfirstname">First Name</label>
                                <input aria-labelledby="PartsWarehouse" value="{{ $order->shipfirstname }}"
                                    placeholder="First name" name="shippingfirstname" id="shippingfirstname"
                                    type="text" class="form-control">
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <label for="shippinglastname">Last Name</label>
                                <input aria-labelledby="PartsWarehouse" value="{{ $order->shiplastname }}"
                                    placeholder="Last name" name="shippinglastname" id="shippinglastname" type="text"
                                    class="form-control">
                            </div>
                        </div>
                    </div>

                    <div class="form-group">
                        <label for="shippingcountry">Country</label>
                        <select class="form-control" name="shippingcountry" id="shippingcountry" style="width: 100%"
                            data-palcehoder="Select Country" onChange="getCountryWiseStateshipping(this.value)">
                            <option value="" disabled selected>Select Country</option>
                            @foreach ($countries as $c)
                            <option data-id="{{ $c->id }}" @if ($c->name == $order->shipcountry) selected @endif
                                value="{{ $c->name }}">{{ $c->name }}</option>
                            @endforeach
                        </select>
                        <span class="country_error error" style="display:none">Please select country</span>

                    </div>

                    <div class="form-group">
                        <label for="shippingstreetname">Street Address</label>
                        <input aria-labelledby="PartsWarehouse" value="{{ $order->shipaddress1 }}"
                            placeholder="Street Address" name="shippingstreetname" id="shippingstreetname" type="text"
                            class="form-control">
                        <span class="street_name_error error" style="display:none">Please enter street name</span>

                    </div>

                    <div class="form-group">
                        <label for="shippingstreetname">Apt/Unit # (Optional)</label>
                        <input aria-labelledby="PartsWarehouse" value="{{ $order->shipaddress2 }}"
                            placeholder="Apt/Unit # (Optional) " name="shippingunitname" id="shippingunitname"
                            type="text" class="form-control">
                    </div>

                    <div class="row">

                        <div class="col-md-4">
                            <label for="shippingcity">City</label>
                            <input aria-labelledby="PartsWarehouse" value="{{ $order->shipcity }}" placeholder="City"
                                name="shippingcity" id="shippingcity" type="text" class="form-control">
                            <span class="city_error error" style="display:none">Please enter city</span>

                        </div>
                        <div class="col-md-4">
                            <label for="shippingstate">State</label>
                            <select class="form-control" name="shippingstate" id="shippingstate" style="width: 100%"
                                data-palcehoder="Select State">
                                <option value="{{ $order->shipstate }}" selected>{{ $order->shipstate }}</option>
                                <span class="state_error error" style="display:none">Please select state</span>

                            </select>
                        </div>
                        <div class="col-md-4">
                            <label for="shippingzipcode">ZIP/Postal Code</label>
                            <input aria-labelledby="PartsWarehouse" value="{{ $order->shippostalcode }}"
                                placeholder="ZIP/Postal Code" name="shippingzipcode" id="shippingzipcode" type="text"
                                class="form-control">
                            <span class="zip_code_error error" style="display:none">Please enter zip code</span>

                        </div>

                    </div>

                    <div class="form-group mt-2">
                        <label for="shippingphone">Phone</label>
                        <input aria-labelledby="PartsWarehouse" placeholder="Phone"
                            value="{{ $order->shipphonenumber }}" name="shippingphone" id="shippingphone" type="text"
                            class="form-control">
                        <span class="ship_phone_error error" style="display:none">Please enter zip code</span>

                    </div>

                    <div class="row">
                        <div class="col-md-8">
                            <div class="form-group text-right">
                            </div>
                        </div>
                        <div class="col-md-2">
                            <div class="form-group text-left">
                                <button type="button" id="closeEditShipAddress"
                                    class="btn btn-danger btn-sm ">Cancel</button>
                            </div>
                        </div>
                        <div class="col-md-2">
                            <div class="form-group text-right">
                                <button type="button" class="btn btn-primary btn-sm"
                                    onclick="getCountryWiseShippingMethod()">Update</button>
                            </div>
                        </div>

                    </div>


                </div>
                </div>
              </div>
              <div class="col-md-3">
                <div class="blue_box01">
                  <h3>BILL TO &nbsp; &nbsp; @if($order->locked != 'Y') <a class="btn btn-success btn-sm" id="billToListBtn" style="display: none"><i class="fas fa-list"></i> List</a> <a class="btn btn-success btn-sm" id="billToEditBtn"><i class="fas fa-edit"></i> Edit</a> @endif</h3>
                  <div class="blue_box01_inner_content" id="bill_box_address">
                    <h4>{{ $order->billingfirstname }} {{ $order->billinglastname }}</h4>
                    <p>{{ $order->billingaddress1 }}<br>
                        @if(!empty($order->billingaddress2))
                        {{ $order->billingaddress2 }}<br>
                    @endif
                    {{ $order->billingcity }}, {{ $order->billingstate }} {{ $order->billingpostalcode }}<br>
                    {{ $order->billingcountry }}</p>
                    <p>{{ $order->billingphonenumber }}</p>
                    <p>{{ !empty($order->coustomer->emailaddress) ? $order->coustomer->emailaddress :"" }}</p>
                  </div>

                  <div id="customBillingAddress" style="display: none; padding:10px;">

                      <div class="col-md-6">
                          <div class="form-group">
                              <input aria-labelledby="PartsWarehouse" name="is_billing_edit" id="is_billing_edit"
                                  type="hidden" value="0" class="form-control">
                          </div>
                      </div>

                      <div class="row">
                          <div class="col-md-6">
                              <div class="form-group">
                                  <label for="billingfirstname">First Name</label>
                                  <input aria-labelledby="PartsWarehouse" value="{{ $order->billingfirstname }}"
                                      placeholder="First name" name="billingfirstname" id="billingfirstname" type="text"
                                      class="form-control">
                              </div>
                          </div>
                          <div class="col-md-6">
                              <div class="form-group">
                                  <label for="billinglastname">Last Name</label>
                                  <input aria-labelledby="PartsWarehouse" value="{{ $order->billinglastname }}"
                                      placeholder="Last name" name="billinglastname" id="billinglastname" type="text"
                                      class="form-control">
                              </div>
                          </div>
                      </div>


                      <div class="form-group">
                          <label for="billingcountry">Country</label>
                          <select class="form-control" name="billingcountry" id="billingcountry" style="width: 100%"
                              data-palcehoder="Select Country" onChange="getCountryWiseStatebilling(this.value)">
                              <option value="" disabled selected>Select Country</option>
                              @foreach ($countries as $c)
                              <option data-id="{{ $c->id }}" @if ($c->name == $order->billingcountry) selected @endif
                                  value="{{ $c->name }}">{{ $c->name }}</option>
                              @endforeach
                          </select>
                      </div>

                      <div class="form-group">
                          <label for="billingstreetname">Street Address</label>
                          <input aria-labelledby="PartsWarehouse" value="{{ $order->billingaddress1 }}"
                              placeholder="Street Address" name="billingstreetname" id="billingstreetname" type="text"
                              class="form-control">
                      </div>

                      <div class="form-group">
                          <label for="billingstreetname">Apt/Unit # (Optional)</label>
                          <input aria-labelledby="PartsWarehouse" value="{{ $order->billingaddress2 }}"
                              placeholder="Apt/Unit # (Optional) " name="billingunitname" id="billingunitname"
                              type="text" class="form-control">
                      </div>

                      <div class="row">

                          <div class="col-md-4">
                              <label for="billingcity">City</label>
                              <input aria-labelledby="PartsWarehouse" value="{{ $order->billingcity }}"
                                  placeholder="City" name="billingcity" id="billingcity" type="text"
                                  class="form-control">
                          </div>
                          <div class="col-md-4">
                              <label for="billingstate">State</label>
                              <select class="form-control" name="billingstate" id="billingstate" style="width: 100%"
                                  data-palcehoder="Select State">
                                  <option value="{{ $order->billingstate }}" selected>{{ $order->billingstate }}
                                  </option>

                              </select>
                          </div>
                          <div class="col-md-4">
                              <label for="billingzipcode">ZIP/Postal Code</label>
                              <input aria-labelledby="PartsWarehouse" value="{{ $order->billingpostalcode }}"
                                  placeholder="ZIP/Postal Code" name="billingzipcode" id="billingzipcode" type="text"
                                  class="form-control">
                          </div>

                      </div>

                      <div class="form-group mt-2">
                          <label for="billingphone">Phone</label>
                          <input aria-labelledby="PartsWarehouse" placeholder="Phone"
                              value="{{ $order->billingphonenumber }}" name="billingphone" id="billingphone" type="text"
                              class="form-control">
                      </div>
                      <div class="form-group mt-2">
                        <label for="billingemail">Email</label>
                        <input aria-labelledby="PartsWarehouse" placeholder="Email"
                            value="{{ !empty($order->coustomer->emailaddress) ? $order->coustomer->emailaddress : "" }}" name="billingemail" id="billingemail" type="text"
                            class="form-control">
                    </div>
                      <div class="row">
                          <div class="col-md-8">
                              <div class="form-group text-right">
                              </div>
                          </div>
                          <div class="col-md-2">
                              <div class="form-group text-left">
                                  <button type="button" id="closeEditBillingAddress"
                                      class="btn btn-danger btn-sm ">Cancel</button>
                              </div>
                          </div>
                          <div class="col-md-2">
                              <div class="form-group text-right">
                                  <button type="button" class="btn btn-primary btn-sm"
                                      onclick="getCountryWiseBillingMethod()">Update</button>
                              </div>
                          </div>

                      </div>
                  </div>
                </div>
              </div>
              <div class="col-md-6">
                <div class="blue_box02">
                  <h3>notes</h3>
                  <div class="tabs_wrapper">
                    <!-- Nav tabs -->
                    <ul class="nav nav-tabs">
                      <li class="nav-item">
                        <a class="nav-link" data-toggle="tab" href="#home">order notes</a>
                      </li>
                      <li class="nav-item">
                        <a class="nav-link active" data-toggle="tab" href="#menu3">private notes</a>
                      </li>
                      <li class="nav-item">
                        <a class="nav-link" data-toggle="tab" href="#menu1">gift notes</a>
                      </li>
                      <li class="nav-item">
                        <a class="nav-link" data-toggle="tab" href="#menu2">account</a>
                      </li>
                    </ul>

                    <!-- Tab panes -->
                    <div class="tab-content">
                      <div id="home" class="tab-pane fade">
                        <div class="form-group">
                            <textarea class="form-control ordrenotes" placeholder="Enter Order Notes" name="order_notes" rows="3" spellcheck="false" @if($order->locked == 'Y') disabled @endif>{{ $order->order_comments }}</textarea>
                        </div>

                    </div>
                    <div id="menu3" class="tab-pane active">
                        <div class="form-group">
                            <textarea class="form-control ordrenotes" placeholder="Enter Private Notes" name="private_notes" rows="3" spellcheck="false" @if($order->locked == 'Y') disabled @endif>{{ $order->ordernotes }}</textarea>
                        </div>
                        @if($ordernotesCount > 0)

                        <div class="card card-body m-2">
                            <h5>{{ date('n/d/Y g:i A',strtotime($ordernotes->created_at)) }} / {{ $ordernotes->username }}</h5>
                            <p>{{ $ordernotes->ordernotes }}</p>
                        </div>
                        @endif

                        @if($ordernotesCount > 1)
                            <div>
                                <a href="javascript:void(0)" onclick="getOrderNotes('{{ $order->orderid }}')" style="color:blue; cursor: pointer; padding:10px;">View More</a>
                            </div>
                        @endif
                    </div>
                      <div id="menu1" class="tab-pane fade">
                        <div class="form-group">
                            <textarea class="form-control ordrenotes" name="gift_notes" rows="3" placeholder="Enter Gift Notes"
                            spellcheck="false" @if($order->locked == 'Y') disabled @endif>{{ $order->giftwrapnote }}</textarea>
                        </div>
                      </div>
                      <div id="menu2" class="tab-pane fade">
                        <div class="form-group">
                            <textarea class="form-control ordrenotes" name="account_notes" rows="3" placeholder="Enter Account Notes"
                            spellcheck="false" @if($order->locked == 'Y') disabled @endif>{{ $order->order_comments }}</textarea>
                        </div>
                      </div>
                    </div>


                  </div>
                </div>
              </div>
            </div>
          </div>

          <div class="payments_shipping_wrapper">
            <div class="row">
              <div class="col-md-6">
                <div class="blue_box01">
                  <h3>payments</h3>
                  <div class="row">
                    <div class="col-md-9">
                        <div class="shipping_table table-responsive">
                            <table class="table table-sm" width="100%" border="0" cellspacing="0" cellpadding="0">
                                <tbody>
                                    <tr>
                                        <th>Payment Date</th>
                                        <th>Payment Type</th>
                                        <th>Pay Via</th>
                                        <th>Payment Amount</th>
                                        <th>TransID</th>
                                    </tr>
                                    @php
                                        $refundtotal = 0;
                                    @endphp
                                    @if(!empty($order->paymentlogall))
                                    @foreach ($order->paymentlogall as $pay)
                                    <tr>
                                        <td>{{ !empty($pay) ? date('n/d/Y', strtotime($pay->pay_authdate)) : "" }}</td>
                                        <td> @if(!empty($pay->pay_result))
                                            {{ $pay->pay_result }}
                                            @endif</td>
                                        <td>@if(!empty($pay->pay_details))
                                            @if($pay->pay_paymentmethodid == '13')
                                            {{ 'Purchase order # '.$pay->pay_details }}
                                            @else
                                            {{ !empty($pay->pay_details) ? $pay->pay_details : "Credit Card" }}
                                            @endif
                                            @else
                                            Paypal
                                            @endif</td>
                                        <td>${{ !empty($pay) ? $pay->pay_amount : ""}}
                                            @if($pay->pay_result != 'CREDIT' && $pay->pay_result != 'AUTHORIZE' && $pay->pay_result != 'FAILED')
                                                | <a onclick="paymentRefund('{{ $pay->pay_amount }}','{{ $pay->pay_id }}')"
                                                data-href="{{ route('admin.order-refund',['id'=>$pay->pay_id]) }}" class=""
                                                style="cursor: pointer;">Refund</a>
                                            @endif
                                           </td>
                                        <td>{{ !empty($pay) ? $pay->pay_transid : ""}}</td>
                                    </tr>
                                    @php
                                        if($pay->pay_result == 'CREDIT'){
                                            $refundtotal += $pay->pay_amount;
                                        }
                                    @endphp
                                    @endforeach
                                    @endif

                                </tbody>
                            </table>
                        </div>
                    </div>
                    @php
                    $fraudinsightdetail = !empty($order->fraudinsightdetail) ? $order->fraudinsightdetail->score : 0;
                    if($fraudinsightdetail > 50){
                        $backgroudclass = 'bg-danger';
                    }else{
                        $backgroudclass = 'bg-info';
                    }
                @endphp
                    <div class="col-lg-3 col-md-3 pl-0">
                        <div class="row">
                            <div class="info-box mt-2 mb-3 {{ $backgroudclass }}" style="border-radius: 20px;width: 145px; margin-left:10px;">
                                <div class="info-box-content text-center">
                                    <span class="info-box-text" style="font-size:30px;">{{ !empty($order->fraudinsightdetail) ? $order->fraudinsightdetail->score : 0 }} %</span>
                                    <span class="info-box-number">Chance of risk</span>
                                </div>
                            </div>
                        </div>
                        @if(!empty($fraudinsightdetails))
                            <div class="row">
                                <div class="table-responsive">
                                    <table class="table table-sm" width="100%" border="0" cellspacing="0" cellpadding="0" style="font-size:12px;">
                                        <tbody>
                                            <tr>
                                                <td>Anonymous IP address</td>
                                                <td>
                                                    @if($fraudinsightdetails->isanonymousproxy == '1')
                                                        YES
                                                    @else
                                                        NO
                                                    @endif
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>High risk email</td>
                                                <td style="color:green;">
                                                    @if($fraudinsightdetails->ishighriskemail == '1')
                                                        YES
                                                    @else
                                                        NO
                                                    @endif
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>Shipping zip/postal matches city</td>
                                                <td style="color:green;">
                                                    @if($fraudinsightdetails->ispostalincityshippingaddress == '1')
                                                        YES
                                                    @else
                                                        NO
                                                    @endif
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>Billing zip/postal matches city</td>
                                                <td style="color:green;">
                                                    @if($fraudinsightdetails->ispostalincitybillingaddress == '1')
                                                        YES
                                                    @else
                                                        NO
                                                    @endif
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>Is high risk country</td>
                                                <td style="color:green;">
                                                    @if($fraudinsightdetails->ishighriskshippingaddress == '1')
                                                        YES
                                                    @else
                                                        NO
                                                    @endif
                                                </td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                                <a href="javascript:void(0)" onclick="getFraudDetails('{{ $order->orderid }}')">More Details</a>
                                <p>{{ $order->customer_ipaddress }}</p>
                            </div>
                        @endif
                    </div>
                  </div>
                  @php
    $totalDue =  ($order->paymentamount - $order->total_payment_received);


                  @endphp
                  @if (number_format((float)($totalDue), 2, '.', '') != 0.00)
                  <div class="p-3 text-decoration-none" id="manuallyPaymentDiv">
                        <a href="javascript:void(0)" style="text-decoration: none;"  id="capturedBtn" data-orderid="{{ $order->orderid  }}" onclick="getCaptureDetail('{{ $order->customerid }}')">Add Manual Payment</a>
                  </div>
                  <div class="mt-2 p-2" id="captureDetail" style="display: none">

                        <div class="row">

                            <div class="col-md-4">
                                <label for="inputEmail3" class=" col-form-label">Capture Type</label>
                                <select name="capture_type" id="capture_type" style="width: 100%" data-palcehoder="Select capture type" class="form-select">
                                    <option value="0">Select capture type</option>
                                    <option value="1">Credit Card</option>
                                    <option value="2">Money Order</option>
                                    <option value="3">Offline Order</option>
                                </select>

                            </div>
                            <div class="col-md-2">
                                <label for="inputEmail3" class=" col-form-label">Amount</label>
                                <input type="number"  id="capture_amount" class="form-control" value="{{ number_format((float)($totalDue), 2, '.', '') }}">
                            </div>
                    </div>
                    <div class="p-2" id="getCardDetail" style="display: none">

                    </div>
                    <div class="p-2" id="getMoneyOrder" style="display: none">
                        <div class="row">
                            <!-- left column -->
                            <div class="col-md-8">
                                <!-- general form elements -->



                                    <input type="hidden" name="capture_typen" id="capture_typen" value="money_order">
                                    <input type="hidden" name="capture_amount" id="morder_capture_amount" value="{{ number_format((float)($totalDue), 2, '.', '') }}">

                                    <div class="blue_box01 " style="background: white;">
                                        <h3>Money Order</h3>
                                        <div class="p-2">
                                            <label for="money_order_id" class=" col-form-label">Money Order ID</label>
                                            <div class="form-group row ">

                                                <div class="col-sm-6">
                                                    <input type="text" name="money_order_id" class="form-control" id="money_order_id" placeholder="Please Enter Money Order Id #">
                                                    <span class="money_order_id_error error text-danger" style="display: none">Please Enter Money Order Id #</span>
                                                </div>
                                            </div>

                                            <div class="p-2">
                                                <button type="button" id="moneyOrderBtn" class="btn btn-primary">Money Order </button>
                                            </div>
                                        </div>

                                    </div>


                            </div>
                        </div>
                    </div>
                    <div class="p-2" id="getOfflineOrder" style="display: none">
                        <div class="row">
                            <!-- left column -->
                            <div class="col-md-8">
                                <!-- general form elements -->



                                    <input type="hidden" name="capture_typen" id="capture_typef" value="offline_order">
                                    <input type="hidden" name="capture_amount" id="morder_capture_amount" value="{{ number_format((float)($totalDue), 2, '.', '') }}">

                                    <div class="blue_box011 " style="background: white;">
                                        <h3>Offline Order</h3>
                                        <div class="p-2">
                                            <label for="offline_payment_date" class=" col-form-label">Payment Date <span class="text-danger">*</span></label>
                                            <div class="form-group row ">

                                                <div class="col-sm-6">
                                                    <input type="text" name="offline_payment_date" value="{{ date('n/d/Y g:i A') }}" class="form-control" id="offline_payment_date" placeholder="Please Enter Offline Payment Date">
                                                    <span class="offline_payment_date_error error text-danger" style="display: none">Please Enter Offline Payment Date</span>
                                                </div>
                                            </div>
                                            <label for="offline_payment_type" class=" col-form-label">Payment Type <span class="text-danger">*</span></label>
                                            <div class="form-group row ">

                                                <div class="col-sm-6">
                                                    <select name="offline_payment_type" id="offline_payment_type" class="form-select" >
                                                        <option value="AUTHORIZE">AUTHORIZE</option>
                                                        <option value="CAPTURE">CAPTURE</option>
                                                        <option value="DEBIT">DEBIT / SALE (Authorize + Capture)</option>
                                                        <option value="VOID">VOID</option>
                                                        <option value="CREDIT">CREDIT - Adjustment</option>
                                                        <option value="EXCLUDE_CREDIT">CREDIT - For RMAs</option>
                                                        <option value="DECLINED">DECLINED</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <label for="offline_payment_amount" class=" col-form-label">Payment Amount <span class="text-danger">*</span></label>
                                            <div class="form-group row ">

                                                <div class="col-sm-6">
                                                    <input type="number" name="offline_payment_amount" value="" class="form-control" id="offline_payment_amount" placeholder="Please Enter Offline Payment Amount">
                                                    <span class="offline_payment_amount_error error text-danger" style="display: none">Please Enter Offline Payment Amount</span>
                                                </div>
                                            </div>
                                            <label for="offline_paid_via" class=" col-form-label">Paid Via <span class="text-danger">*</span></label>
                                            <div class="form-group row ">

                                                <div class="col-sm-6">
                                                    <select name="offline_paid_via" id="offline_paid_via" class="form-select" >
                                                        <option value="NONE">NONE</option>
                                                        <option value="Visa">Visa</option>
                                                        <option value="MasterCard">MasterCard</option>
                                                        <option value="American Express">American Express</option>
                                                        <option value="Discover">Discover</option>
                                                        <option value="Diners Club">Diners Club</option>
                                                        <option value="JCB">JCB</option>
                                                        <option value="FirePay">FirePay</option>
                                                        <option value="Delta">Delta</option>
                                                        <option value="SOLO">SOLO</option>
                                                        <option value="Switch">Switch</option>
                                                        <option value="PayPal">PayPal</option>
                                                        <option value="Amazon">Amazon</option>
                                                        <option value="EBay">EBay</option>
                                                        <option value="NewEgg">NewEgg</option>
                                                        <option value="WalMart">WalMart</option>
                                                        <option value="Laser">Laser</option>
                                                        <option value="Electronic Check">Electronic Check</option>
                                                        <option value="Check by Mail">Check by Mail</option>
                                                        <option value="Purchase Order Number">Purchase Order Number</option>
                                                        <option value="Marketplace Order">Marketplace Order</option>
                                                        <option value="Wire Transfer">Wire Transfer</option>
                                                        <option value="COD">COD</option>
                                                        <option value="Money Order">Money Order</option>
                                                        <option value="Cash">Cash</option>
                                                        <option value="CHARGEBACK">CHARGEBACK</option>
                                                    </select>

                                                </div>
                                            </div>
                                            <label for="offline_transaction_id" class=" col-form-label">Offline Transaction ID (optional)</label>
                                            <div class="form-group row ">

                                                <div class="col-sm-6">
                                                    <input type="text" name="offline_transaction_id" class="form-control" id="offline_transaction_id" placeholder="Please Enter Offline Transaction Id #">
                                                    <span class="offline_transaction_id_error error text-danger" style="display: none">Please Enter Offline Transaction Id #</span>
                                                </div>
                                            </div>
                                            <label for="offline_reference_notes" class=" col-form-label">Reference Notes (optional)</label>
                                            <div class="form-group row ">

                                                <div class="col-sm-6">
                                                    <input type="text" name="offline_reference_notes" class="form-control" id="offline_reference_notes" placeholder="Please Enter Reference Notes">
                                                    <span class="offline_reference_notes_error error text-danger" style="display: none">Please Enter Reference Notes</span>
                                                </div>
                                            </div>

                                            <div class="p-2">
                                                <button type="button" id="offlineOrderBtn" class="btn btn-primary">Apply Offline Payment </button>
                                            </div>
                                        </div>

                                    </div>


                            </div>
                        </div>
                    </div>
                </div>
                @endif
                </div>
              </div>
              <div class="col-md-6">
                <div class="blue_box01">
                  <h3>shipping</h3>
                  <div class="shipping_content_headings">
                    <div class="row">
                        <div class="col-md-6">
                            <h4>Tracking</h4>
                            <h5>SELECTED SHIPPING METHOD</h5>
                        </div>
                        <div class="col-md-6">
                            <div class="custom-control custom-checkbox">
                                <input name="is_shipped_email" class="custom-control-input" type="checkbox" value="1" @if ($order->is_shipped_email == 1) checked @endif id="customCheckbox2">
                                <label for="customCheckbox2" class="custom-control-label">Send Shipped Email</label>
                            </div>

                        </div>
                    </div>

                    <div class="row">
                        <div class="col-md-3" id="listshippingmethod">
                            {{ $order->shippingmethodname }}
                        </div>
                        <div id="editshippingmethod" class=" col-md-3" style="display: none">
                            <select id="shippingOption" name="shipping_optionedit" class="shippingOption form-select" @if($order->locked == 'Y') disabled @endif>
                            </select>
                        </div>
                        <div class="form-group col-md-3">
                            @if($order->locked != 'Y') <a href="javascript:void(0)" class="listbtnshippingmethod" onclick="editShippingMethod()">Edit</a> &nbsp;<a href="javascript:void(0)" onclick="addShippingMethod()">Add</a> @endif

                        </div>
                        <div class="form-group col-md-6">
                            @if(!empty($order->shippingemaillog))
                                <span>(Shipped email has been sent {{ date('n/d/Y g:i A',strtotime($order->shippingemaillog->created_at)) }} CT)</span>
                            @else
                                <span>(The shipment email is not sent)</span>
                            @endif


                        </div>
                    </div>
                    <div class="addShippingMethod" style="display: none">
                        <form action="#" method="post" id="trackingForm">

                            @csrf

                            <div class="row mt-2">

                                <div class="col-md-4">
                                    <div class="form-group">
                                        <label for="tracking">Tracking#</label>
                                        <input aria-labelledby="PartsWarehouse" value=""
                                            type="text" class="form-control" name="tracking_id" id="tracking_id" placeholder="" @if($order->locked == 'Y') disabled @endif>
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="form-group">
                                        <label for="date">Date</label>
                                        <input aria-labelledby="PartsWarehouse" value="{{ date('Y-m-d') }}" type="date" class="form-control" name="tracking_date" id="tracking_date" placeholder="" @if($order->locked == 'Y') disabled @endif>
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="">
                                        <label for="state">Shipping Method</label>
                                        <select name="shipping_option" class="shippingOption form-select" @if($order->locked == 'Y') disabled @endif>


                                        </select>

                                    </div>
                                </div>
                            </div>

                            <div class="row mt-4">

                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="cost">Cost</label>
                                        <input aria-labelledby="PartsWarehouse" value=""
                                            type="text" class="form-control" name="cost" id="cost" placeholder="" @if($order->locked == 'Y') disabled @endif>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="carrier">Carrier</label>
                                        <input aria-labelledby="PartsWarehouse" value=""
                                            type="text" class="form-control" name="carrier" id="carrier" placeholder="">
                                    </div>
                                </div>
                            </div>


                        </form>
                    </div>
                </div>
                <div class="shipping_table table-responsive">
                  <table class="table table-sm" width="100%" border="0" cellspacing="0" cellpadding="0">
                    <tbody>
                      <tr>
                        <th>Ship Date</th>
                        <th>Tracking #</th>
                        <th>Carrier</th>
                        <th>Shipping Method</th>
                        <th>Cost</th>
                        <th>Action</th>
                      </tr>
                      @foreach ($trackingnumbers as $t)
                      <tr>
                          <td>{{ date('n/d/Y',strtotime($t->shipdate)) }}</td>
                          <td>{{ $t->trackingnumber }}</td>
                          <td>{{ $t->gateway }}</td>
                          <td>{{ $t->shippingmehthodname }}</td>
                          <td>${{ $t->shipment_cost }}</td>
                          <td><a onclick="deleteTrackingNumber(event)" data-href="{{ route('admin.traking-remove',$t->trackingnumber) }}"><i class="fa fa-times text-blue" aria-hidden="true"></i></a></td>
                      </tr>
                    @endforeach
                    </tbody>
                  </table>
                </div>
                </div>
              </div>
            </div>
          </div>
          <p class="alert alert-danger" id="itemQtyInvalid" style="display: none">Item Qty Invalid
            <a href="#" class="close" data-dismiss="alert" aria-label="close">×</a>
        </p>
          <div class="product_table_wrapper">
            <div class="blue_box01">
              <h3>Products    @if($order->locked != 'Y')
                <a class="btn btn-success btn-sm" id="productListBtn" style="display: none"><i class="fas fa-list"></i> List</a> <a class="btn btn-success btn-sm" id="productEditBtn"><i class="fas fa-edit"></i> Edit</a> <a class="btn btn-success btn-sm" id="productAddBtn"><i class="fas fa-plus"></i> Add</a>
                @endif</h3>
                <div class="orderItemAdd p-3" style="display: none">
                    <h5><b>Add Product</b></h5>
                    <form id="searchProductForm">

                        <div class="row">

                            <div class="col-md-4">
                                <div class="form-group">
                                    <label for="product">Product</label>
                                    <select name="product" id="product" class="form-control" style="width: 100%;height: 100%;">

                                    </select>
                                </div>
                            </div>
                            <div class="col-md-2">
                                <div class="mb-3 form-group">
                                    <label for="product_code">Qty</label>
                                    <input aria-labelledby="qty" type="number" class="form-control" min="1" max="100" name="qty" id="qty" value="1" placeholder="">
                                </div>
                            </div>
                            <div class="col-md-1 mt-1">
                                <div class="form-group">
                                    <label for="product_add"></label>
                                    <button type="button" class="btn btn-success form-control" id="productBtn" onclick="addProductInList()">Add</button>
                                </div>
                            </div>
                        </div>
                    </form>

                </div>
              <div class="product_table table-responsive ">
                <div class="orderItemListNew">
              <table class="table table-sm table-bordered" width="100%" border="0" cellspacing="0" cellpadding="0">
                <tbody>
                  <tr>
                    <th width="9%">Product Code</th>
                    <th width="38%">Product Name / Product Note</th>
                    <th width="6%">Qty</th>
                    <th width="6%">Price</th>
                    <th width="6%">Cost</th>

                    <th width="5%">Received</th>
                    <th width="5%">On Hold</th>
                    <th width="6%">Packing Slip</th>
                    <th width="10%">Total Price</th>
                  </tr>
                </tbody>
                <tbody class="alredyorderitem">
                  
                    @foreach ($order->orderdetail as $orderdetail)