@extends('admin.layout.master')

@section('content')
    <link href="{{ asset('assets/web') }}/css/style.css" type="text/css" rel="stylesheet" />
    <form action="{{ route('admin.order-update') }}" method="post">
        <input type="hidden" name="orderid" value="{{ $order->orderid }}">
        <input type="hidden" name="discountPriceval" class="discountPriceval" value="0">
    <div class="content-header sticky-top top-0 bg-white mb-2">
        <div class="container-fluid">
            <div class="row">
                <div class="col-sm-4">
                    <h1 class="m-0">Order Details - #{{ $order->orderid }}</h1>
                </div><!-- /.col -->
                <div class="col-sm-6">
                    <div class="text-right mb-3">
                        <a href="{{ route('admin.order-receipt-html',$order->orderid) }}" target="_blank" class="btn btn-success">Print Invoice</a>
                        <a href="{{ route('admin.packing-slip',$order->orderid) }}" target="_blank" class="btn btn-success">Print Packing Slip</a>
                        @if($order->locked == 'Y')
                            <button type="button" class="btn btn-secondary">Order Locked</button>
                        @else
                            <a href="{{ route('admin.order-detail-locked',$order->orderid) }}" class="btn btn-primary">Lock Order</a>
                        @endif



                        <button type="button" class="btn btn-primary">Complete Order</button>
                        <a href="{{ route('admin.order-receipt',$order->orderid) }}" class="btn btn-secondary updateBtn" style="display: none">Cancel</a>
                        <button class="btn btn-primary updateBtn" style="display: none">Save</button>
                    </div>
                </div>
                <div class="col-sm-2    ">
                    <ol class="breadcrumb float-sm-right">
                        <li class="breadcrumb-item"><a href="{{ route('admin.order') }}">Order</a></li>
                        <li class="breadcrumb-item active">Order Details</li>
                    </ol>
                </div><!-- /.col -->
            </div><!-- /.row -->
        </div><!-- /.container-fluid -->
    </div>

    @foreach (['danger', 'warning', 'success', 'info'] as $msg)
    @if(Session::has('alert-' . $msg))

    <p class="alert alert-{{ $msg }}">{{ Session::get('alert-' . $msg) }}
        <a href="#" class="close" data-dismiss="alert" aria-label="close">×</a>
    </p>
    @endif
@endforeach
    <div class="col-lg-12 OrderReceipt" id="OrderReceipt" page-url="{{ url('order-receipt/'.$order->orderid.'/?isadmin=1') }}">
        <div class="container order-details-wrapper" id="printableArea">
            <div class="row">
                <div class="col-sm-12">
                    {{-- <div class="text-right mb-3">
                        <button class="btn btn-secondary">Order Locked</button>
                        <button class="btn btn-primary">Complete Order</button>
                        <button class="btn btn-secondary updateBtn" style="display: none">Cancel</button>
                        <button class="btn btn-primary updateBtn" style="display: none">Save</button>
                    </div> --}}
                  {{-- <h2 class="clearfix order-details-heading">Order Details <span>
                      <button  aria-labelledby="..." class="btn btn-danger font-weight-bold" onclick="printDiv('printableArea')">Print</button></span></h2> --}}

                      {{-- <h2 class="clearfix order-details-heading">Order Details <span>
                        <a href="{{ route('order-receipt-pdf', ['id' => $order->orderid ]) }}" class="btn btn-danger font-weight-bold" style="text-transform:initial">Print</a></span></h2> --}}

                </div>
                @if(empty(request()->isSuccess))
                <div class="col-md-12">
                    <div class="ship_box_wrapper">
                        <h3 class="shipto_heading" style="background-color:#03458f; color:#fff;">Order Status</h3>

                        <div class="order_row01_main">
                            <div class="form-group row">
                                <label for="inputEmail3" class="col-sm-1 col-form-label">Status</label>
                                <div class="col-sm-4">
                                    <select name="status" id="status" style="width: 100%" data-palcehoder="Select status" class="form-control" @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>

                                </div>
                            </div>
                            <div class="row p-2">
                                @if(!empty($lastordermodify))
                                    <h6>Last modified on {{ date('n/d/Y', strtotime($lastordermodify->created_at)) }} at {{ date('g:i A', strtotime($lastordermodify->created_at)) }} by {{ $lastordermodify->adminuser->name }}</h6>
                                @endif

                            </div>
                        </div>
                    </div>
                </div>
                @endif
                <div class="col-md-12">
                    <div class="ship_box_wrapper">
                        <h3 class="shipto_heading" style="background-color:#03458f; color:#fff;">Order Summary</h3>

                        <div class="order_row01_main">
                            <div class="row">
                                <div class="col-lg-3 col-md-6">
                                    <h5 class="order_3heading"><span>ORDER DATE:</span>
                                        {{ date('n/d/Y g:i A', strtotime($order->orderdate)) }}</h5>
                                </div>
                                <div class="col-lg-3 col-md-6">
                                    <h5 class="order_3heading"><span>ORDER #:</span>{{ $order->orderid }}</h5>
                                </div>
                                <div class="col-lg-3 col-md-6">
                                    <h5 class="order_3heading"><span>PAYMENT METHOD :</span>

                                        @if(!empty($order->paymentlog->pay_details))
                                            @if($order->paymentlog->pay_paymentmethodid == '13')
                                                {{ 'Purchase order # '.$order->paymentlog->pay_details }}
                                            @else
                                                {{ !empty($order->paymentlog->pay_details) ? $order->paymentlog->pay_details : "Credit Card" }}
                                            @endif
                                        @else
                                            Paypal
                                        @endif
                                    </h5>
                                </div>
                                <div class="col-lg-3 col-md-6">
                                    <h5 class="order_3heading02">
                                        <span>TOTAL</span>${{ number_format((float)($order->paymentamount), 2, '.', '') }}
                                    </h5>
                                </div>
                                @if(empty(request()->isSuccess))
                                    {{--  <div class="col-lg-3 col-md-6 mt-2">
                                        <h5 class="order_3heading02">
                                            <span>TRACKING #</span>
                                                @if(!empty($order->trackingnumber))
                                                @foreach ($order->trackingnumber as $ot)
                                                <a href="{{ $ot }}">{{ $ot }}</a></br>
                                                @endforeach
                                            @else - @endif
                                        </h5>
                                    </div>  --}}
                                @endif

                            </div>
                            {{-- <div class="row mt-2">
                                <div class="col-lg-3 col-md-6">
                                    <h5 class="order_3heading"><span>SHIPPING METHOD NAME:</span>
                                        {{ !empty($order->shippingmethodname) ? $order->shippingmethodname :"" }}</h5>
                                </div>

                            </div> --}}
                        </div>
                    </div>
                </div>
                @if(empty(request()->isSuccess))

                @php
                    $fraudinsightdetail = !empty($order->fraudinsightdetail) ? $order->fraudinsightdetail->score : 0;
                    if($fraudinsightdetail > 50){
                        $backgroudclass = 'bg-danger';
                    }else{
                        $backgroudclass = 'bg-info';
                    }
                @endphp
                    <div class="col-md-12">
                        <div class="ship_box_wrapper">
                            <h3 class="shipto_heading" style="background-color:#03458f; color:#fff;">FRAUD SCORE</h3>
                            <div class="order_row01_main">
                                <div class="row">
                                    <div class="col-lg-2 col-md-6">
                                        <div class="info-box mb-3 {{ $backgroudclass }}" style="border-radius: 20px;">
                                            <div class="info-box-content text-center">
                                                <span class="info-box-text" style="font-size:40px;">{{ !empty($order->fraudinsightdetail) ? $order->fraudinsightdetail->score : 0 }} %</span>
                                                <span class="info-box-number">Chance of risk</span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-lg-5 col-md-6">
                                        <table class="table table-striped">
                                            <tbody>
                                                <tr>
                                                    <td>Anonymous IP address</td>
                                                        @if(!empty($order->fraudinsightdetail->ipaddress))
                                                    <td><span class="badge bg-success">Yes</span></td>
                                                        @else
                                                    <td><span class="badge bg-info">No</span></td>
                                                        @endif
                                                </tr>
                                                <tr>
                                                    <td>High risk email</td>
                                                        @if(!empty($order->fraudinsightdetail->ishighriskemail))
                                                    <td><span class="badge bg-success">Yes</span></td>
                                                        @else
                                                    <td><span class="badge bg-info">No</span></td>
                                                        @endif
                                                </tr>
                                                <tr>
                                                    <td>Shipping zip/postal matches city</td>
                                                        @if(!empty($order->fraudinsightdetail->ispostalincityshippingaddress))
                                                    <td><span class="badge bg-success">Yes</span></td>
                                                        @else
                                                    <td><span class="badge bg-info">No</span></td>
                                                        @endif
                                                </tr>

                                            </tbody>
                                        </table>
                                    </div>
                                    <div class="col-lg-5 col-md-6">
                                        <table class="table table-striped">
                                            <tbody>
                                                <tr>
                                                    <td>Billing zip/postal matches city</td>
                                                        @if(!empty($order->fraudinsightdetail->ispostalincitybillingaddress))
                                                    <td><span class="badge bg-success">Yes</span></td>
                                                        @else
                                                    <td><span class="badge bg-info">No</span></td>
                                                        @endif
                                                </tr>
                                                <tr>
                                                    <td>Is high risk country</td>
                                                        @if(!empty($order->fraudinsightdetail->ishighriskip))
                                                    <td><span class="badge bg-success">Yes</span></td>
                                                        @else
                                                    <td><span class="badge bg-info">No</span></td>
                                                        @endif
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                </div>

                                <div class="row p-2">
                                    {{--  <a href="" style="font-size: 20px;">View Details</a>  --}}
                                </div>
                            </div>
                        </div>
                    </div>
                @endif

            </div>
            <div class="row">

              <div class="col-md-6">
                <div class="ship_box_wrapper">
                  <h3 class="shipto_heading"  style="background-color:#03458f; color:#fff;">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</h3>
                  <div class="ship_box_address" id="ship_box_address">
                        <h5>{{ $order->shipfirstname }} {{ $order->shiplastname }}</h5>
                        <p>{{ $order->shipaddress1 }}</p>
                        @if(!empty($order->shipaddress2))
                            <p>{{ $order->shipaddress2 }}</p>
                        @endif
                        <p>{{ $order->shipcity }}, {{ $order->shipstate }} {{ $order->shippostalcode }}</p>
                        <p>{{ $order->shipcountry }}</p>

                        <p class="phonenumber">{{ !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-6">
                <div class="ship_box_wrapper">
                  <h3 class="shipto_heading"  style="background-color:#03458f; color:#fff;">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="ship_box_address" id="bill_box_address">
                    <h5>{{ $order->billingfirstname }} {{ $order->billinglastname }}</h5>
                    <p>{{ $order->billingaddress1 }}</p>
                    @if(!empty($order->billingaddress2))
                        <p>{{ $order->billingaddress2 }}</p>
                    @endif
                    <p>{{ $order->billingcity }}, {{ $order->billingstate }} {{ $order->billingpostalcode }}</p>
                    <p>{{ $order->billingcountry }}</p>

                    <p class="phonenumber">{{ $order->billingphonenumber }}</p>
                    <span>{{ $order->coustomer->emailaddress }}</span>
                  </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="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="getCountryWiseBillingMethod()">Update</button>
                                </div>
                            </div>

                        </div>
                    </div>

                </div>
              </div>
            </div>
            @if(empty(request()->isSuccess))

            <div class="row">
                <div class="col-md-12">
                    <div class="ship_box_wrapper">
                        <h3 class="shipto_heading" style="background-color:#03458f; color:#fff;">Payment Log</h3>

                        <div class="order_row01_main">
                            @if(!empty($order->paymentlogall))
                                @foreach ($order->paymentlogall as $pay)
                                <div class="row p-2">
                                    <div class="col-lg-3 col-md-6">
                                        <h5 class="order_3heading"><span>Payment Date</span>
                                            {{ !empty($pay) ? date('n/d/Y', strtotime($pay->pay_authdate)) : "" }}</h5>
                                    </div>
                                    <div class="col-lg-2 col-md-6">
                                        <h5 class="order_3heading"><span>Payment Type</span>
                                            @if(!empty($pay->pay_result))
                                                {{ $pay->pay_result }}
                                            @endif
                                        </h5>
                                    </div>
                                    <div class="col-lg-2 col-md-6">
                                        <h5 class="order_3heading"><span>Paid Via</span>
                                            @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
                                        </h5>
                                    </div>
                                    <div class="col-lg-2 col-md-6">
                                        <h5 class="order_3heading"><span>Payment Amount</span>${{ !empty($pay) ? $pay->pay_amount : ""}} | <a onclick="orderRefundValue(event)"  data-href="{{ route('admin.order-refund',['id'=>$pay->pay_id]) }}" class="" style="cursor: pointer;">Refund</a></h5>
                                    </div>

                                    <div class="col-lg-3 col-md-6">
                                        <h5 class="order_3heading02">
                                            <span>TransID</span>{{ !empty($pay) ? $pay->pay_transid : ""}}
                                        </h5>
                                    </div>

                                </div>
                                @endforeach

                            @endif
                            @php

                            $itemprice2 = 0;

                            foreach ($order->orderdetail as $orderdetail){
                                $itemprice2 += $orderdetail->totalprice;
                            }
                            $subtotal = $itemprice2;

                                $totalDue =  (($subtotal-$order->coupon_discount) + $order->totalshippingcost + $order->shippingsurcharges + $order->salestax1) - $order->paymentamount;

                                @endphp

                            @if ((number_format((float)($totalDue), 2, '.', '')) > 0)
                            <div class="row mt-2">
                                <div class="col-lg-4 col-md-6">
                                    <h5 class="order_3heading02">
                                        <span>Total Due</span><h5 class="text-danger">${{ number_format((float)($totalDue), 2, '.', '') }} &nbsp; <a class="btn btn-success btn-sm" id="capturedBtn" data-orderid="{{ $order->orderid  }}" onclick="getCaptureDetail('{{ $order->customerid }}')">Capture</a></h5>
                                    </h5>
                                </div>
                            </div>
                            <div class="mt-2" id="captureDetail" style="display: none">
                                <label for="inputEmail3" class="col-sm-2 col-form-label">Capture Type</label>
                                    <div class="form-group row">

                                        <div class="col-sm-4">
                                            <select name="capture_type" id="capture_type" style="width: 100%" data-palcehoder="Select capture type" class="form-control">
                                                <option value="">Select capture type</option>
                                                <option value="1">Credit Card</option>
                                                <option value="2">Money Order</option>
                                            </select>

                                        </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 -->
                                            <div class="card card-primary">


                                                <input type="hidden" name="capture_typen" id="capture_typen" value="money_order">
                                                <div class="card-header">
                                                    <h3 class="card-title">Money Order</h3>
                                                </div>
                                                <div class="card-body">
                                                    <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="">
                                                        <button type="button" id="moneyOrderBtn" class="btn btn-primary">Money Order</button>
                                                    </div>
                                                </div>

                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            @endif

                        </div>
                    </div>
                </div>
            </div>
            @endif

            <p class="alert alert-danger" id="addressTaxFailLookup" style="display: none" role="alert"></p>

            <div class="row">
                <div class="col-md-12">
                    <div class="ship_box_wrapper">
                        <h3 class="shipto_heading" style="background-color:#03458f; color:#fff;">Order Tracking</h3>
                        <div class="order_row01_main">

                            <div class="row">
                                <div class="col-md-3">
                                    <h4>Tracking</h4>
                                    <h6>SELECTED SHIPPING METHOD</h6>
                                    <p id="selectedShippingMethod"> {{ $order->shippingmethodname }} &nbsp;   </p>@if($order->locked != 'Y') <a href="#">Edit</a> @endif
                                </div>
                                <div class="col-md-9">
                                    <form action="#" method="post" id="trackingForm">

                                        @csrf

                                        <div class="row mt-2">

                                            <div class="col-md-6">
                                                <div class="mb-3 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-6">
                                                <div class="mb-3 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>

                                        <div class="row mt-4">
                                            <div class="col-md-6">
                                                <div class="mb-3 form-group">
                                                    <label for="state">Shipping Method</label>
                                                    <select id="shippingOption" name="shipping_option" class="form-control" @if($order->locked == 'Y') disabled @endif>
                                                        {{-- @foreach ($ShippingFlateRate as $s)
                                                            <option value="{{ $s->id }}"> {{ $s->label }}</option>
                                                        @endforeach --}}

                                                    </select>

                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="mb-3 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>


                                    </form>
                                </div>

                            </div>
                            <div class="row mt-2">

                                <table id="trackingData" class="table table-striped">
                                    <thead>
                                        <tr>
                                            <th>Ship Date</th>
                                            <th>Tracking #</th>
                                            <th>Gateway</th>
                                            <th>Shipping Method</th>
                                            <th>Cost</th>
                                            <th>Action</th>

                                        </tr>
                                    </thead>
                                    <tbody>
                                        @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 class="col-md-12">
                <div class="ship_box_wrapper">

                  <!-- <h6 class="shipped_heading_red"><span>Shipped</span> FROM CA, USA</h6> -->
                    <div class=" clearfix" style="background-color:#03458f; font-weight:bold;">

                        <div style="width:70%; float:left; padding:15px; font-weight:16px; color:#fff;">
                          Products &nbsp; &nbsp;
                          @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
                        </div>

                    </div>
                    <div class=" clearfix" style="background-color:#f1f1f1; font-weight:bold;">
                        <div style="width:20%; float:left; padding:15px; font-weight:16px;border-right: 1px solid #cbcccb;">
                            Product Code
                          </div>
                            <div class="nameOption_css" style="width:55%; float:left; padding:15px; font-weight:16px;border-right: 1px solid #cbcccb;">
                                Name/Options
                            </div>

                        <div  style="width:10%; float:left; padding:15px;  font-weight:16px; text-align:center;border-right: 1px solid #cbcccb;">
                            Qty
                        </div>
                        <div  style="width:15%; float:left; padding:15px; font-weight:16px; text-align:right;border-right: 1px solid #cbcccb;">
                            Price
                        </div>
                        <div class="qtyshipped_css"  style="width:15%; float:left; padding:15px; font-weight:16px; text-align:center;border-right: 1px solid #cbcccb; display: none;">
                            Packing SlipQty
                        </div>

                    </div>
                    <div class="orderItemAdd p-3" style="display: none">
                        <h5><b>Add Product</b></h5>
                        <form id="searchProductForm">

                            <div class="row">

                                <div class="col-md-8">
                                    <div class="form-group">
                                        <label for="product">Product</label>
                                        <select name="product" id="product" class="form-control" style="width: 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="orderItemList orderItemListNew">
                                                @foreach ($order->orderdetail as $orderdetail)
                            <div class="order_details_listing_main clearfix productDetailList{{ $orderdetail->productcode }}">
                                <div class="order_details_listing_left01" style="border-right:none;border-top: 1px solid #ccc;width:20%;min-height: 80px !important;border-right: 1px solid #cbcccb; color:blue; cursor: pointer;" onclick="GetOrderDetailInfo('{{ $orderdetail->orderdetailid }}')">
                                    {{ $orderdetail->productcode }}
                                </div>
                                <div class="order_details_listing_left02" style="border-top: 1px solid #ccc;min-height: 80px !important;width:55% !important;">
                                <h2>{{ (!empty($orderdetail->clientmap->pin->Name))?$orderdetail->clientmap->pin->Name:$orderdetail->productcode." Part" }}</h2>
                                {{--  <div class="form-group">
                                    <label for="productnote">Notes</label>
                                    <p>{{ (!empty($orderdetail->productnote) ? $orderdetail->productnote : "") }}</p>
                                </div>  --}}
                                 {{--  <p>ProductCode: {{ $orderdetail->productcode }}</p>  --}}
                                {{--  <h6><a href="#">Standard Return Policy</a></h6>  --}}
                                </div>
                                <div class="order_details_listing_left03 productQtyText{{ $orderdetail->productcode }}" style="border-top: 1px solid #ccc;min-height: 80px !important;width:10%;">
                                    {{ $orderdetail->quantity }}
                                </div>
                                <div class="order_details_listing_left04 qtyWisePriceText{{ $orderdetail->productcode }}" style="border-top: 1px solid #ccc;min-height: 80px !important;width:15%;">
                                    ${{ $orderdetail->totalprice }}
                                </div>
                                <div class="order_details_listing_left05 qtyshipped_css" style="border-top: 1px solid #ccc;min-height: 80px !important;width:15%; display: none;">
                                        {{ $orderdetail->qtyshipped }}
                                </div>

                            </div>
                                                    @endforeach
                    </div>

                    <div class="orderItemEdit" style="display: none">
                        @foreach ($order->orderdetail as $orderdetail)
                            <div class="order_details_listing_main clearfix productDetailEdit{{ $orderdetail->productcode }}">
                                <div class="order_details_listing_left01" style="border-right:none;border-top: 1px solid #ccc;width:20%;min-height: 191px !important;border-right: 1px solid #cbcccb;">
                                    {{ $orderdetail->productcode }}
                                </div>
                                <div class="order_details_listing_left02" style="border-top: 1px solid #ccc;min-height: 191px !important;width:40% !important;">
                                <h2>{{ (!empty($orderdetail->clientmap->pin->Name))?$orderdetail->clientmap->pin->Name:$orderdetail->productcode." Part" }}</h2>
                                <div class="form-group">
                                    <label for="productnote">Product Notes</label>
                                    <textarea class="form-control" name="productnote[{{ $orderdetail->productcode }}]" rows="2">{{ $orderdetail->productnote }}</textarea>
                                </div>
                                {{--  <p>Model: {{ $orderdetail->productcode }}</p>  --}}
                                {{--  <h6><a href="#">Standard Return Policy</a></h6>  --}}
                                </div>
                                <div class="order_details_listing_left03" style="border-top: 1px solid #ccc;min-height: 191px !important;width:10%;">
                                    <input type="number" aria-labelledby="PartsWarehouse" class="form-control productQty" name="quantity[{{ $orderdetail->productcode }}]"
                                    autocomplete="off" id="quantity" value="{{ $orderdetail->quantity }}" data-perproductprice="{{ $orderdetail->productprice }}" data-price="{{ $orderdetail->totalprice }}" data-productcode="{{ $orderdetail->productcode }}" onChange="getQtyWisePrice(this)">
                                </div>
                                <div class="order_details_listing_left04" style="border-top: 1px solid #ccc;min-height: 191px !important;width:15%;">
                                    <div class="form-group row">
                                        <label for="inputEmail3" class="col-sm-1 col-form-label">$</label>
                                        <div class="col-sm-10">
                                            <input type="number" aria-labelledby="PartsWarehouse" id="" step="0.01" class="form-control productPrice qtyWisePrice{{ $orderdetail->productcode }}" product-qty="{{ $orderdetail->quantity }}" name="product_price[{{ $orderdetail->productcode }}]"
                                            autocomplete="off" value="{{ $orderdetail->totalprice }}">

                                        </div>
                                    </div>
                                </div>
                                <div class="order_details_listing_left05" style="border-top: 1px solid #ccc;min-height: 191px !important;width:15%;">
                                    <div class="form-group row">

                                        <div class="col-sm-10">
                                            <input type="number" aria-labelledby="PartsWarehouse" class="form-control" name="qtyshipped[{{ $orderdetail->productcode }}]"
                                            autocomplete="off" id="qtyshipped" value="{{ $orderdetail->qtyshipped }}" data-perproductprice="{{ $orderdetail->productprice }}" data-price="{{ $orderdetail->totalprice }}" data-productcode="{{ $orderdetail->productcode }}">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        @endforeach
                    </div>

                    @php
                        $subtotal = $itemprice;
                    @endphp
                  <div class="grandtotal_wrapper clearfix">
                    <div class="grandtotal_left">Subtotal</div>
                    <div class="grandtotal_right subTotalAmount">${{ $subtotal }}</div>
                  </div>


                  @if(!empty($order->coupon_discount))
                  <div class="grandtotal_wrapper clearfix text-success discountPriceDiv">
                    <div class="grandtotal_left">Discount ({{ $order->coupon_code }})</div>
                    <div class="grandtotal_right discountPrice">- ${{ number_format((float)$order->coupon_discount, 2, '.', '') }}</div>

                  </div>
                  @else
                  <div class="grandtotal_wrapper clearfix">
                    <div class="grandtotal_left appy_coupon_code" style="display: none;">
                        <div class="row">
                            <div class="col-8"></div>
                            <div class="col-4">
                                <input aria-labelledby="PartsWarehouse" placeholder="Coupon Code" type="text" name="coupon_code" id="coupon_code" class="form-control">
                                <span id="couponError" style="display: none"></span>&nbsp;&nbsp;<a onclick="removeCouponCode()" id="removeCouponCode" style="display: none">Remove</a>
                            </div>
                        </div>

                        </div>
                    <div class="grandtotal_right appy_coupon_code" style="display: none;">
                        {{-- <img src="{{ asset('assets/web') }}/images/1_Apply.png" onclick="applyCouponCode()" style="cursor:pointer;width:100%" class="cursor-pointer" alt="..." srcset="" height="42px" aria-label=""> --}}
                        <button type="button" class="btn btn-danger form-control" onclick="applyCouponCode()" style="cursor:pointer;width:100%" class="cursor-pointer" alt="..." srcset="" height="42px" aria-label="">Apply</button>

                    </div>
                  </div>
                  <div class="grandtotal_wrapper clearfix discountPriceDiv" style="display: none">
                    <div class="grandtotal_left text-success" >
                        Discount <span id="couponDiscountDiv"></span>
                    </div>
                    <div class="grandtotal_right discountPrice text-success">
                        <span>0.00</span>
                    </div>
                  </div>

                  @endif
                  <div class="grandtotal_wrapper clearfix">
                    <div class="grandtotal_left surchageShippingrright">Shipping @if(!empty($order->shippingmethodname)) ({{ $order->shippingmethodname }} @if(!empty($order->shippingsurcharges))inc. surcharges of ${{ number_format((float)$order->shippingsurcharges, 2, '.', '') }}@endif) @endif</div>
                    <div class="grandtotal_right ShippingChargesText orderItemShippingTaxText">${{ number_format((float)($order->totalshippingcost), 2, '.', '') }}</div>
                    <div class="grandtotal_right orderItemShippingTaxEdit" style="display: none">
                        <div class="form-group row">
                            <label for="inputEmail3" class="col-sm-1 col-form-label">$</label>
                            <div class="col-sm-10">
                                <input type="number" aria-labelledby="PartsWarehouse" class="form-control ShippingCharges" step="0.01" name="shipping_cost"
                                autocomplete="off" id="shipping_cost" value="{{ number_format((float) $order->totalshippingcost, 2, '.', '') }}">
                            </div>
                        </div>
                    </div>
                  </div>
                  @if(!empty($order->shippingsurcharges))
                  {{--  <div class="grandtotal_wrapper clearfix ShippingSurchargesDiv">
                    <div class="grandtotal_left">Shipping Surcharges</div>
                    <div class="grandtotal_right">${{ number_format((float)$order->shippingsurcharges, 2, '.', '') }}</div>
                  </div>  --}}
                  @endif
                  <div class="grandtotal_wrapper clearfix">
                    <div class="grandtotal_left">
                        <span class="orderItemList">Estimated Tax (<span id="ShippingRateTaxText">{{ round($order->salestaxrate1 *100,2).'%' }}</span>) </span>
                        <div class="row form-group orderItemShippingTaxRateEdit" style="display: none">

                                    <div class="col-md-9 p-1">
                                        <span>Estimated Tax</span>
                                    </div>
                                    <div class="col-md-3 d-flex">
                                        <span class="p-2">(</span><input type="number" aria-labelledby="PartsWarehouse" class="form-control ShippingRateTax"  name="estimated_tax"
                                        autocomplete="off" step="0.01" id="estimated_tax" value="{{ round($order->salestaxrate1 *100,2) }}">
                                        <label for="estimated_tax" class="col-form-label p-2">%</label><span class="p-2">)</span>
                                    </div>

                        </div>



                    </div>
                    <div class="grandtotal_right ShippingTaxText">${{ number_format((float)($order->salestax1), 2, '.', '') }}

                    </div>
                    <input type="hidden" aria-labelledby="PartsWarehouse" class="form-control ShippingTax"  name="estimated_tax_amount"
                    autocomplete="off" id="estimated_tax" value="{{ number_format((float) $order->salestax1, 2, '.', '') }}">
                  </div>
                  <div class="grandtotal_wrapper clearfix">
                    <div class="grandtotal_left"><strong>Total Authorized</strong></div>
                    <div class="grandtotal_right TotalAmount">${{ number_format((float)($order->paymentamount), 2, '.', '') }}</div>
                  </div>
                  <div class="grandtotal_wrapper clearfix">
                    <div class="grandtotal_left"><strong>Total Received</strong></div>
                    <div class="grandtotal_right TotalAmountReceived">${{ number_format((float)($order->total_payment_received), 2, '.', '') }}</div>
                  </div>
                  <div class="grandtotal_wrapper clearfix">
                      @php
                          $totalDue =  (($subtotal-$order->coupon_discount) + $order->totalshippingcost + $order->shippingsurcharges + $order->salestax1) - $order->paymentamount;
                      @endphp
                      @if (number_format((float)($totalDue), 2, '.', '') > 0)
                        <div class="grandtotal_left"><strong class="TotalDueLable" style="font-size: 22px; color:red;">Total Due</strong></div>
                        <div class="grandtotal_right TotalAmountDue" style="font-size: 22px; color:red;">${{ number_format((float)($totalDue), 2, '.', '') }}</div>
                      @else
                        <div class="grandtotal_left"><strong class="TotalDueLable" style="font-size: 22px; color:green;">Total Due</strong></div>
                        <div class="grandtotal_right TotalAmountDue" style="font-size: 22px; color:green;">${{ number_format((float)($totalDue), 2, '.', '') }}</div>
                      @endif

                  </div>
                </div>
              </div>
            </div>
            @if(empty(request()->isSuccess))



            <div class="card mb-3 ship_box_wrapper">
                <h3 class="shipto_heading" style="background-color:#03458f; color:#fff;">Notes</h3>

                    <div class="card-body">

                        <ul class="nav nav-tabs" id="custom-content-below-tab" role="tablist">
                            <li class="nav-item">
                                <a class="nav-link active" id="custom-content-below-home-tab" data-toggle="pill"
                                    href="#custom-content-below-home" role="tab" aria-controls="custom-content-below-home"
                                    aria-selected="true">ORDER NOTES</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" id="custom-content-below-profile-tab" data-toggle="pill"
                                    href="#custom-content-below-profile" role="tab" aria-controls="custom-content-below-profile"
                                    aria-selected="false">GIFT NOTES</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" id="custom-content-below-messages-tab" data-toggle="pill"
                                    href="#custom-content-below-messages" role="tab"
                                    aria-controls="custom-content-below-messages" aria-selected="false">ACCOUNT</a>
                            </li>

                        </ul>
                        <div class="tab-content" id="custom-content-below-tabContent">
                            <div class="tab-pane fade active show" id="custom-content-below-home" role="tabpanel"
                                aria-labelledby="custom-content-below-home-tab">
                                <div class="card">
                                    <div class="card-body">
                                        <div class="form-group">
                                            <textarea class="form-control ordrenotes" name="order_notes" rows="3" placeholder="Enter Order Notes"
                                                spellcheck="false" @if($order->locked == 'Y') disabled @endif>{{ $order->ordernotes }}</textarea>
                                        </div>
                                    </div>
                                </div>

                            </div>
                            <div class="tab-pane fade" id="custom-content-below-profile" role="tabpanel"
                                aria-labelledby="custom-content-below-profile-tab">
                                <div class="card">
                                    <div class="card-body">
                                        <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>
                            </div>
                            <div class="tab-pane fade" id="custom-content-below-messages" role="tabpanel"
                                aria-labelledby="custom-content-below-messages-tab">
                                <div class="card">
                                    <div class="card-body">
                                        <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>
                    @if(!$ordernotes->isEmpty())
                    @foreach ($ordernotes as $note)
                        <div class="card card-body m-2">
                            <h5>{{ date('n/d/Y g:i A',strtotime($note->created_at)) }} / {{ $note->username }}</h5>
                            <p>{{ $note->ordernotes }}</p>
                        </div>
                    @endforeach
                @endif

            </div>


            <div class="col-md-12">
                <div class="ship_box_wrapper">
                    <h3 class="shipto_heading" style="background-color:#03458f; color:#fff;">Order CMT</h3>

                    <div class="order_row01_main">
                        <div class="form-group row">
                            <label for="inputEmail3" class="col-sm-2 col-form-label">CMT Status</label>
                            <div class="col-sm-4">
                                <select name="cat_status" id="cat_status" style="width: 100%" data-palcehoder="Select cat status" class="form-control" @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="CAT" {{ ($order->custom_field_catstatus == 'CAT') ? "selected" : "" }}>CAT</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>
                                </select>

                            </div>
                        </div>
                        <div class="form-group row">
                            <label for="inputEmail3" class="col-sm-2 col-form-label">CMT Reason</label>
                            <div class="col-sm-4">
                                <select name="cat_reason" id="cat_reason" style="width: 100%" data-palcehoder="Select cat reason" class="form-control" @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>

                                </select>

                            </div>
                        </div>
                        <div class="form-group row">
                            <label for="inputEmail3" class="col-sm-2 col-form-label">CMT Department</label>
                            <div class="col-sm-4">
                                <select name="cat_department" id="cat_department" style="width: 100%" data-palcehoder="Select cat department" class="form-control" @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>
                </div>
            </div>
            {{--  <div class="col-md-12 ">
                <div class="ship_box_wrapper">
                    <h3 class="shipto_heading" style="background-color:#03458f; color:#fff;">Order Notes History</h3>

                </div>
            </div>  --}}
            @endif
          </div>
    </div>

    </form>



    <div class="modal fade" id="order-detail">
        <div class="modal-dialog modal-xl">
            <div class="modal-content">

                <div class="modal-header">
                    <h4 class="modal-title">Order Details</h4>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>

                <div class="modal-body" id="OrderDetailData">
                    <div id="getDetail">
                    </div>
                </div>
            </div>
        </div>
    </div>


    <script>



        function orderRefundValue(e) {
            var url = e.currentTarget.getAttribute('data-href')
            Swal.fire({
                title: 'Are you sure?',
                icon: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#3085d6',
                cancelButtonColor: '#d33',
                confirmButtonText: 'Yes'
            }).then((result) => {
                if (result.isConfirmed) {
                    window.location.href = url;
                }
            })
        }
    </script>
    <div class="modal fade" id="customer-card-detail">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">

                <div class="modal-header">
                    <h4 class="modal-title">Customer Cards</h4>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>

                <div class="modal-body" id="cardData">
                    <div id="getCardDetail">
                    </div>
                </div>
            </div>
        </div>
    </div>

    <script>
        function getCaptureDetail(){
            $('#captureDetail').show();
        }

        $('#capture_type').change(function(){
            var capture_type = $(this).val();
            if(capture_type == 1){
                getCustomerCardDetail('{{ $order->orderid }}');
            }else if(capture_type == 2){
                $('#getCardDetail').hide();
                $('#getMoneyOrder').show();
            }
        });

        function getCustomerCardDetail(id) {
            $('#getMoneyOrder').hide();
            $('#getCardDetail').show();
            var orderid = $("#capturedBtn").attr("data-orderid");
            $('#getCardDetail').html('Loading...');
            var url = "{{ route('admin.customer-card-detail', [':id',':orderid']) }}";
            url = url.replace(':id', id);
            url = url.replace(':orderid', orderid);

            $('#getCardDetail').load(url)
            //$('#customer-card-detail').modal('show')

        }


        function GetOrderDetailInfo(id) {

        $('#getDetail').html('Loading...');
        var url = "{{ route('admin.order-detail', ['id' => ':id']) }}";
        url = url.replace(':id', id);
        $('#OrderDetailData').load(url)
        $('#order-detail').modal('show')

        }
    </script>
    <script>
        $('#moneyOrderBtn').click(function(){

            if($('#money_order_id').val() != ""){
                $('.money_order_id_error').hide();
                var orderid = "{{ $order->orderid }}";
                $.ajax({
                    type: 'post',
                    url: "{{ route('admin.order-captured') }}",
                    data: {"capture_type":$('#capture_typen').val(), "money_order_id":$('#money_order_id').val(),"orderid":orderid},
                    dataType: "json",
                    success: function(responce) {
                        location.reload();
                    }
                });
            }else{
                $('.money_order_id_error').show();
            }
        })
        $('#money_order_id').keyup(function(){
            $('.money_order_id_error').hide();
        });
    $(document).ready(function () {

        $('#shippingphone').inputmask("(999) 999-9999",{ "clearIncomplete": true});
        $('#billingphone').inputmask("(999) 999-9999",{ "clearIncomplete": true});

        getCountryWiseStateshipping("{{ $order->shipcountry }}","{{ $order->shipstate }}");
        getCountryWiseStatebilling("{{ $order->billingcountry }}","{{ $order->billingstate }}");

        $("#shippingcountry").select2({
            placeholder: "Select a country"
        });

        $("#shippingstate").select2({
            placeholder: "Select a state"
        });

        $("#billingcountry").select2({
            placeholder: "Select a country"
        });

        $("#billingstate").select2({
            placeholder: "Select a state"
        });

    });



    function getCountryWiseStateshipping(val,state="") {
        var country_name = val;

        $.ajax({
                headers: {
                    'X-CSRF-TOKEN': "{{ csrf_token() }}"
                },
                url: "{{ route('shipping-countrywise-state') }}",
                dataType: "json",
                type: "GET",
                data: {
                    'Country_name': country_name
                },

                success: function(data) {

                    $('#shippingstate').html('');
                    $('#shippingstate').append($("<option selected disabled>State/Region</option>"));



                    $.each(data, function(key, value) {
                            $('#shippingstate').append('<option value="'+ value.state_code +'">'+ value.name +'</option>');
                    });

                      $('#shippingcountry').val(val);
                      if(state){
                        $('#shippingstate').val(state);
                      }

                      $('#shippingcountry').select2("destroy").select2();
                },
            });
    }



    function getCountryWiseStatebilling(val,state="") {
        var country_name = val;

        $.ajax({
                headers: {
                    'X-CSRF-TOKEN': "{{ csrf_token() }}"
                },
                url: "{{ route('shipping-countrywise-state') }}",
                dataType: "json",
                type: "GET",
                data: {
                    'Country_name': country_name
                },

                success: function(data) {

                    $('#billingstate').html('');
                    $('#billingstate').append($("<option selected disabled>State/Region</option>"));



                    $.each(data, function(key, value) {
                            $('#billingstate').append('<option value="'+ value.state_code +'">'+ value.name +'</option>');
                    });

                      $('#billingcountry').val(val);
                      if(state){
                        $('#billingstate').val(state);
                      }

                      $('#billingcountry').select2("destroy").select2();
                },
            });
    }

    </script>
<script>
        var ShippingCharges = $('.ShippingCharges').val();
        var ShippingTax = "{{ number_format((float)($order->salestax1), 2, '.', '') }}";
        var price = parseFloat("{{ round($subtotal,2); }}");
        var country = "{{ $order->shipcountry }}";

        var discountPrice = "{{ number_format((float)$order->coupon_discount, 2, '.', '') }}";
        var ShippingSurcharges ="{{ number_format((float)$order->shippingsurcharges, 2, '.', '') }}";
        var ShippingChargesZero =0;

        var re_street_name1 = "{{ $order->shipaddress1 }}";
        var re_city = "{{ $order->shipcity }}";
        var re_state = "{{ $order->shipstate }}";
        var re_street_name2 = "{{ $order->shipaddress2 }}";
        var re_zip = "{{ $order->shippostalcode }}";
        var taxparam = {
            "Address1": re_street_name1,
            "City": re_city,
            "State": re_state,
            "Address2": re_street_name2,
            "Zip5": re_zip,
            "Zip4": ""
        };
        $(document).ready(function () {

            shippingOption(price, country)

        });


        function getCountryWiseShippingMethod(){
            removeCouponCode();
            var validate = 0;

            var street_name = $('#shippingstreetname').val();
            var city = $('#shippingcity').val();

            var zip_code = $('#shippingzipcode').val();
            var state = $('#shippingstate').val();

            var country = $('#shippingcountry').val();
            var phone = $('#shippingphone').val();

            if (state != '') {
                $(".state_error").hide();
                validate = 0;
            }
            if (country != '') {
                $(".country_error").hide();
                validate = 0;
            }

            $('input[name="shippingstreetname"]').keydown(function () {
                $('input[name="shippingstreetname"]').css("border", "");
                $(".street_name_error").hide();
                validate = 0;
            });

            $('input[name="shippingcity"]').keydown(function () {
                $('input[name="shippingcity"]').css("border", "");
                $(".city_error").hide();
                validate = 0;
            });

            $('input[name="shippingzipcode"]').keydown(function () {
                $('input[name="shippingzipcode"]').css("border", "");
                $(".zip_code_error").hide();
                validate = 0;
            });

            $('input[name="shippingstate"]').change(function () {
                $('input[name="shippingstate"]').css("border", "");
                $(".state_error").hide();
                validate = 0;
            });
            $('input[name="shippingcountry"]').change(function () {
                $('input[name="shippingcountry"]').css("border", "");
                $(".country_error").hide();
                validate = 0;
            });

            $('input[name="shippingphone"]').change(function () {
                $('input[name="shippingphone"]').css("border", "");
                $(".ship_phone_error").hide();
                validate = 0;
            });

            if (street_name == '') {
                $('input[name="shippingstreetname"]').css("border", "2px solid red");
                $(".street_name_error").show();
                validate = 1;
            }

            if (city == '') {
                $('input[name="shippingcity"]').css("border", "2px solid red");
                $(".city_error").show();
                validate = 1;
            }

            if (zip_code == '') {
                $('input[name="shippingzipcode"]').css("border", "2px solid red");
                $(".zip_code_error").show();
                $(".zip_code_error").text('Please Enter Zip Code');
                validate = 1;
            }

            if (phone == '') {
                $('input[name="shippingphone"]').css("border", "2px solid red");
                $(".ship_phone_error").show();
                $(".ship_phone_error").text('Please Enter Phone');
                validate = 1;
            }

            if (zip_code != '') {
                if(country != null && country != undefined && country == 'United States'){
                    if($('#shippingzipcode').inputmask){
                        var zip_code_val = $('#shippingzipcode').val();
                        var res_zipcode = zip_code_val.replaceAll('_','');
                    //var zip_code_val = $('#shippingzipcode').inputmask.unmaskedvalue();
                    if(res_zipcode.length != 5){
                            $('input[name="shippingzipcode"]').css("border", "2px solid red");
                            $(".zip_code_error").show();
                            $(".zip_code_error").text('Enter a valid United States Zip Code');
                            validate = 1;
                        }
                    }else{
                        if($('#shippingzipcode').val().length != 5){
                            $('input[name="shippingzipcode"]').css("border", "2px solid red");
                            $(".zip_code_error").show();
                            $(".zip_code_error").text('Enter a valid United States Zip Code');
                            validate = 1;
                        }
                    }

                }
            }

            if (state == null || state == undefined) {

                $('select[name="shippingstate"]').css("border", "2px solid red");
                $(".state_error").show();
                validate = 1;
            }
            if (country == null || country == undefined) {

                $('select[name="shippingcountry"]').css("border", "2px solid red");
                $(".country_error").show();
                validate = 1;
            }



            if (validate == 0) {

                var shipCountry = $('#shippingcountry').val();

                 shippingOption(price, shipCountry,1)
              //  $('#shippingOption').val('change');




            }


        }


        function getCountryWiseBillingMethod(){
            removeCouponCode();
            var validate = 0;

            var street_name = $('#billingstreetname').val();
            var city = $('#billingcity').val();

            var zip_code = $('#billingzipcode').val();
            var state = $('#billingstate').val();

            var country = $('#billingcountry').val();
            var phone = $('#billingphone').val();

            if (state != '') {
                $(".state_error").hide();
                validate = 0;
            }
            if (country != '') {
                $(".country_error").hide();
                validate = 0;
            }

            $('input[name="billingstreetname"]').keydown(function () {
                $('input[name="billingstreetname"]').css("border", "");
                $(".street_name_error").hide();
                validate = 0;
            });

            $('input[name="billingcity"]').keydown(function () {
                $('input[name="billingcity"]').css("border", "");
                $(".city_error").hide();
                validate = 0;
            });

            $('input[name="billingzipcode"]').keydown(function () {
                $('input[name="billingzipcode"]').css("border", "");
                $(".zip_code_error").hide();
                validate = 0;
            });

            $('input[name="billingstate"]').change(function () {
                $('input[name="billingstate"]').css("border", "");
                $(".state_error").hide();
                validate = 0;
            });
            $('input[name="billingcountry"]').change(function () {
                $('input[name="billingcountry"]').css("border", "");
                $(".country_error").hide();
                validate = 0;
            });

            $('input[name="billingphone"]').change(function () {
                $('input[name="billingphone"]').css("border", "");
                $(".ship_phone_error").hide();
                validate = 0;
            });

            if (street_name == '') {
                $('input[name="billingstreetname"]').css("border", "2px solid red");
                $(".street_name_error").show();
                validate = 1;
            }

            if (city == '') {
                $('input[name="billingcity"]').css("border", "2px solid red");
                $(".city_error").show();
                validate = 1;
            }

            if (zip_code == '') {
                $('input[name="billingzipcode"]').css("border", "2px solid red");
                $(".zip_code_error").show();
                $(".zip_code_error").text('Please Enter Zip Code');
                validate = 1;
            }

            if (phone == '') {
                $('input[name="billingphone"]').css("border", "2px solid red");
                $(".ship_phone_error").show();
                $(".ship_phone_error").text('Please Enter Phone');
                validate = 1;
            }

            if (zip_code != '') {
                if(country != null && country != undefined && country == 'United States'){
                    if($('#billingzipcode').inputmask){
                        var zip_code_val = $('#billingzipcode').val();
                        var res_zipcode = zip_code_val.replaceAll('_','');
                    //var zip_code_val = $('#billingzipcode').inputmask.unmaskedvalue();
                    if(res_zipcode.length != 5){
                            $('input[name="billingzipcode"]').css("border", "2px solid red");
                            $(".zip_code_error").show();
                            $(".zip_code_error").text('Enter a valid United States Zip Code');
                            validate = 1;
                        }
                    }else{
                        if($('#billingzipcode').val().length != 5){
                            $('input[name="billingzipcode"]').css("border", "2px solid red");
                            $(".zip_code_error").show();
                            $(".zip_code_error").text('Enter a valid United States Zip Code');
                            validate = 1;
                        }
                    }

                }
            }

            if (state == null || state == undefined) {

                $('select[name="billingstate"]').css("border", "2px solid red");
                $(".state_error").show();
                validate = 1;
            }
            if (country == null || country == undefined) {

                $('select[name="billingcountry"]').css("border", "2px solid red");
                $(".country_error").show();
                validate = 1;
            }



            if (validate == 0) {

                var billingCountry = $('#billingcountry').val();


              //  $('#shippingOption').val('change');
              var taxparam = {
                "Address1": $('#billingstreetname').val(),
                "City": $('#billingcity').val(),
                "State": $('#billingstate').val(),
                "Address2": $('#billingunitname').val(),
                "Zip5": $('#billingzipcode').val(),
                "Zip4": ""
            };

             var billingfirstname = $('#billingfirstname').val();
             var billinglastname = $('#billinglastname').val();
             var billingphone = $('#billingphone').val();

             addresfull = '<h5>'+ billingfirstname +' '+billinglastname +'</h5>';
             if(taxparam.Address1){
                addresfull += '<p>'+taxparam.Address1+'</p>';
             }

             if(taxparam.Address2){
                 addresfull += '<p>'+taxparam.Address2+'</p>';
             }
             addresfull += '<p>'+taxparam.City+', '+ taxparam.State +' '+ taxparam.Zip5 +'</p><p>'+billingCountry+'</p><p class="phonenumber">'+billingphone+'</p>';
             $('#customBillingAddress').hide();
             $('#bill_box_address').show();
             $('#bill_box_address').html(addresfull);
             $('#billToListBtn').hide();
             $('#billToEditBtn').show();
             $('#is_billing_edit').val(1);
             $('.updateBtn').show();



            }


        }


        $('.ordrenotes').keyup(function () {
            $('.updateBtn').show();
        });
        $('#tracking_id').keyup(function () {
            $('.updateBtn').show();
        });
       function shippingOption(price = 0,country = 0,type=0){

            $.ajax({
                type: 'post',
                url: "{{ route('shipping-flate-rates') }}",
                data: { "_token": '{{ csrf_token() }}', price: price,country:country },
                dataType: "json",
                success: function(responce) {
                var srat = responce.data.shippingflaterate;

                    if(srat.length > 0){

                        var flatcount = 0;
                        var flatid = 0;

                        $('#shippingOption').html('');
                        $('#shippingOption').append($("<option disabled>Shipping Method</option>"));
                         var shippingmethodid = "{{ $order->shippingmethodid }}"
                        $(responce.data.shippingflaterate).each(function(index, flatrate) {

                            if(flatrate.id == shippingmethodid){
                                $('#shippingOption').append('<option seleted value="' + flatrate.id + '" id="shippingOption'+flatcount+'" shipping-method-rate="'+parseFloat(flatrate.base_rate).toFixed(2)+'"  >' + ' Shipping ' + '('+flatrate.label+')'  + ((ShippingSurcharges > 0) ? 'inc. surcharges of '+ ShippingSurcharges +'' : "") + '</option>');
                                $('#cost').val(parseFloat(flatrate.base_rate).toFixed(2));
                                $('#selectedShippingMethod').text(' Shipping ' + '('+flatrate.label+')');

                            }else{

                                $('#shippingOption').append('<option value="' + flatrate.id + '" id="shippingOption'+flatcount+'" shipping-method-rate="'+parseFloat(flatrate.base_rate).toFixed(2)+'"  >' + ' Shipping ' + '('+flatrate.label+')'  + ((ShippingSurcharges > 0) ? 'inc. surcharges of '+ ShippingSurcharges +'' : "") + '</option>');

                            }
                        });
                        if(type == 1){
                            shippingRate =   $('option:selected', '#shippingOption').attr("shipping-method-rate")
                            $('#cost').val(shippingRate);
                            $('#shipping_cost').val(shippingRate);
                            ShippingCharges = shippingRate;
                            shippingRateText =   $('option:selected', '#shippingOption').text();

                            $('.surchageShippingrright').text(shippingRateText);
                            $('#selectedShippingMethod').text(shippingRateText);
                            var taxparam = {
                                "Address1": $('#shippingstreetname').val(),
                                "City": $('#shippingcity').val(),
                                "State": $('#shippingstate').val(),
                                "Address2": $('#shippingunitname').val(),
                                "Zip5": $('#shippingzipcode').val(),
                                "Zip4": ""
                            };
                            if(country == "United States"){


                                 LookupTax(taxparam);
                             }else{
                                tax=0;
                                ShippingTax = tax;

                                $('#ShippingRateTaxText').text((parseFloat(ShippingTax) * 100).toFixed(2) + '%');
                                $('.ShippingRateTax').val((parseFloat(ShippingTax) * 100).toFixed(2));
                             }
                             var shippingfirstname = $('#shippingfirstname').val();
                             var shippinglastname = $('#shippinglastname').val();
                             var shippingphone = $('#shippingphone').val();

                             addresfull = '<h5>'+ shippingfirstname +' '+shippinglastname +'</h5>';
                             if(taxparam.Address1){
                                addresfull += '<p>'+taxparam.Address1+'</p>';
                             }

                             if(taxparam.Address2){
                                 addresfull += '<p>'+taxparam.Address2+'</p>';
                             }
                             addresfull += '<p>'+taxparam.City+', '+ taxparam.State +' '+ taxparam.Zip5 +'</p><p>'+country+'</p><p class="phonenumber">'+shippingphone+'</p>';
                             $('#customShippingAddress').hide();
                             $('#ship_box_address').show();
                             $('#ship_box_address').html(addresfull);
                             $('#shipToListBtn').hide();
                             $('#shipToEditBtn').show();
                             $('#is_shipping_edit').val(1);
                             $('.updateBtn').show();
                             totalCal();
                        }

                    }else{
                        $('#shippingOption').html('');
                        $('#shippingOption').append('<option value="">No Shipping Options</option>');
                        }
                    }
            });
        }


        $('#shippingOption').change(function(){
            removeCouponCode();
            shippingRate =   $('option:selected', '#shippingOption').attr("shipping-method-rate")
            $('#cost').val(shippingRate);
            $('#shipping_cost').val(shippingRate);
            ShippingCharges = shippingRate;
            shippingRateText =   $('option:selected', '#shippingOption').text();

            $('.surchageShippingrright').text(shippingRateText);
            $('#selectedShippingMethod').text(shippingRateText);


            //if(country == "United States"){
               // LookupTax(taxparam);
          //  }
            totalCal();
        });

        function roundValues(num, decimalPlaces = 0) {
            var p = Math.pow(10, decimalPlaces);
            var n = (num * p) * (1 + Number.EPSILON);
            return Math.round(n) / p;
        }
        function LookupTax(taxparam,type=0) {
            var taxprice = parseFloat(price);


            var zeroTaxState = new Array("PR","VI","GU","MP","AP","AA","DE","MT","OR","NH","MS","AE","AS");
            var cusTax = $('#custom_state').val();
            if(jQuery.inArray(cusTax, zeroTaxState) === -1) {

                //console.log(taxparam);

                var settings = {
                    "url": "https://api.taxcloud.net/1.0/TaxCloud/Lookup",
                    "method": "POST",
                    "timeout": 0,
                    "headers": {
                        "Content-Type": "application/json"
                    },
                    "data": JSON.stringify({
                        "apiKey": "4df21049-4318-4ef6-bf1a-76f44236fc66",
                        "apiLoginID": "26A4E220",
                        "customerID": "{{ !empty($order->customerid) ? $order->customerid : 'guest' }}",
                        "deliveredBySeller": false,
                        "origin": {
                            "Address1": "2578 State Hwy 276",
                            "City": "Rockwall",
                            "State": "TX",
                            "Zip5": "75032",
                            "Zip4": "",
                            "Address2": ""
                        },
                        "destination": taxparam,
                        "cartItems": [
                            {
                                "Index": "1",
                                "ItemID": "1",
                                "TIC": "0",
                                "Price": (taxprice + parseFloat(ShippingCharges) + parseFloat(ShippingSurcharges)),
                                "Qty": "1",
                                "Tax": "0"
                            }
                        ],
                        "cartID": "{{ $uuid }}"
                    }),
                };

                $.ajax(settings).done(function(response) {
                    //console.log(response);

                    var message = response.Messages;
                    var tax = 0;


                    if(message.length == 0){
                        $('#addressTaxFail').hide();
                        $('#addressTaxFailLookup').hide();
                        $(response.CartItemsResponse).each(function(index, CartItem) {
                            tax += CartItem.TaxAmount;
                        });
                        errortaxstatus = 0;
                    }else{
                        // error handler in the server payment error logs
                        var msg = message[0].Message;
                        $('#addressTaxFail').show();
                        $('#addressTaxFailLookup').show();
                        $('#addressTaxFail').text(msg);
                        $('#addressTaxFailLookup').text(msg);
                        errortaxstatus = 1;
                    }

                    ShippingTax = tax;

                        var cpri = (taxprice + parseFloat(ShippingCharges) + parseFloat(ShippingSurcharges));
                        console.log(cpri);

                        //ShippingRateTaxText = parseFloat(ShippingTax)/(parseFloat(cpri)-parseFloat(ShippingTax));
                        ShippingRateTaxText = parseFloat(ShippingTax)/(parseFloat(cpri));


                        $('#ShippingRateTaxText').text((parseFloat(ShippingRateTaxText) * 100).toFixed(2) + '%');
                        $('.ShippingRateTax').val((parseFloat(ShippingRateTaxText) * 100).toFixed(2));

                    totalCal();

                });
            }else{
                tax=0;
                ShippingTax = tax;

                $('#ShippingRateTaxText').text((parseFloat(ShippingTax) * 100).toFixed(2) + '%');
                $('.ShippingRateTax').val((parseFloat(ShippingTax) * 100).toFixed(2));
                totalCal();
            }

            $('#paycardCVV').val("");
            $('#paycardCVV1').val("");
        }
</script>
<script>

  var price = parseFloat("{{ round($subtotal,2); }}");
var totalreceived = parseFloat("{{ number_format((float)($order->total_payment_received), 2, '.', '') }}");
        function addProductInList(){

            if($("#searchProductForm").valid()){

                var product = $('#product').val();

                if(product != ""){

                    var product = $('#product').text().replace("Select Product", "");
                    var qty = $('#qty').val();
                    var qtyshipped = 0;
                    var productcode = $('#product').val();
                    data = $("#product").select2('data')[0];
                    var proprice = (parseFloat(data.price) * qty).toFixed(2);
                    var perproprice = (parseFloat(data.price)).toFixed(2);
                    price += parseFloat(proprice);
                    var isexitproduct = 0;
                    $('.productQty').each(function(){
                        if($(this).attr('data-productcode') == productcode){
                           var oldqty = $(this).val().change();
                           $(this).val(parseFloat(oldqty) + parseFloat(qty));
                           var updatedQty = parseFloat(oldqty) + parseFloat(qty);
                           $('.qtyWisePrice'+productcode).attr('product-qty',updatedQty);
                           $('.qtyWisePrice'+productcode).val(price * (parseFloat(oldqty) + parseFloat(qty)));
                           $('.productQtyText'+productcode).text((parseFloat(oldqty) + parseFloat(qty)));
                           $('.qtyWisePriceText'+productcode).text(price * (parseFloat(oldqty) + parseFloat(qty)));
                           isexitproduct = 1;
                        }
                    });
                    if (isexitproduct == 0) {
                        $('.orderItemListNew').append('<div class="order_details_listing_main clearfix productDetailList' + productcode + '">' +
                            '<div class="order_details_listing_left01" style="border-right:none;border-top: 1px solid #ccc;width:20%;min-height: 80px !important;border-right: 1px solid #cbcccb;">' + productcode + '</div>' +
                            '<div class="order_details_listing_left02" style="border-top: 1px solid #ccc;min-height: 80px !important;width:55% !important;">' +
                            '<h2>' + product + '</h2>' +
                            '</div>' +
                            '<div class="order_details_listing_left03 productQtyText' + productcode + '" style="border-top: 1px solid #ccc;min-height: 80px !important;width:10%;">' + qty + '</div>' +
                            '<div class="order_details_listing_left04 qtyWisePriceText' + productcode + '" style="border-top: 1px solid #ccc;min-height: 80px !important;width:15%;">$' + proprice + '</div>' +
                            '<div class="order_details_listing_left05 qtyshipped_css" style="border-top: 1px solid #ccc;min-height: 80px !important;width:15%; display: none;">' + qtyshipped + '</div>' +
                            '</div>');

                        $('.orderItemEdit').append('<div class="order_details_listing_main clearfix productDetailEdit' + productcode + '">' +
                            '<div class="order_details_listing_left01" style="border-right:none;border-top: 1px solid #ccc;width:20%;min-height: 191px !important;border-right: 1px solid #cbcccb;">' + productcode + '</div>' +
                            '<div class="order_details_listing_left02" style="border-top: 1px solid #ccc;min-height: 191px !important;width:40% !important;">' +
                            '<h2>' + product + '</h2>' +
                            '<div class="form-group"><label for="productnote">Product Notes</label><textarea class="form-control" name="productnote[' + productcode + ']" rows="2"></textarea></div>' +
                            '</div>' +
                            '<div class="order_details_listing_left03" style="border-top: 1px solid #ccc;min-height: 191px !important;width:10%;">' +
                            '<input type="number" min="0" max="100" aria-labelledby="PartsWarehouse" data-perproductprice="' + perproprice + '" class="form-control productQty" name="quantity[' + productcode + ']" autocomplete="off" id="" value="' + qty + '" data-productcode="' + productcode + '" data-price="' + proprice + '" onChange="getQtyWisePrice(this)">' +
                            '</div>' +
                            '<div class="order_details_listing_left04" style="border-top: 1px solid #ccc;min-height: 191px !important;width:15%;">' +
                            '<div class="form-group row">' +
                            '<label for="inputEmail3" class="col-sm-1 col-form-label">$</label>' +
                            '<div class="col-sm-10">' +
                            '<input type="number" aria-labelledby="PartsWarehouse" class="form-control productPrice qtyWisePrice' + productcode + '" id="" name="product_price[' + productcode + ']" autocomplete="off" id="product_price" product-qty="' + qty + '" value="' + proprice + '">' +
                            '</div>' +
                            '</div>' +
                            '</div>' +
                            '<div class="order_details_listing_left05" style="border-top: 1px solid #ccc;min-height: 191px !important;width:15%;">' +
                            '<input type="number" min="0" max="100" aria-labelledby="PartsWarehouse" data-perproductprice="' + perproprice + '" class="form-control" name="qtyshipped[' + productcode + ']" autocomplete="off" id="" value="' + qtyshipped + '" data-productcode="' + productcode + '" data-price="' + proprice + '">' +
                            '</div>' +
                            '</div>');
                    }

                }

                $('#product').html("");
                $('#qty').val("");

                totalCal();
            }
        }

    $('.ShippingCharges').change(function(){
        ShippingCharges = $('.ShippingCharges').val();
        totalCal();
    });

    $('.ShippingRateTax').change(function(){
        totalCal();
    });

    function getQtyWisePrice($t){

       var Qty = $($t).val();
       var ProductPrice = $($t).attr('data-perproductprice');
       var productcode = $($t).attr('data-productcode');
       $('.qtyWisePrice'+productcode).attr('product-qty',Qty);

       if(parseFloat(Qty) > 0){
            var qtyWisePrice = Qty * ProductPrice;
            $('.qtyWisePrice'+productcode).val(parseFloat(qtyWisePrice).toFixed(2));
       }
    //    else{

    //         $('.productDetailList'+productcode).remove();
    //         $('.productDetailEdit'+productcode).remove();
    //    }



       totalItemWise();
    }

    function totalItemWise(){
        var updatetotal= 0;
        var productQty=0;
        $('.productPrice').each(function(){
            productQty=0;
            productQty = parseInt($(this).attr('product-qty'));
            if(productQty > 0){
                updatetotal += parseFloat($(this).val());
            }

        });
       price = updatetotal;
       var country = $('#shippingcountry').val();
       shippingOption(price,country,1);

    }


     function totalCal(){
        ShippingRateTax = $('.ShippingRateTax').val();


        ShippingTax = (((parseFloat(price) + parseFloat(ShippingCharges)) * ShippingRateTax) / 100).toFixed(2);

            total= (parseFloat(price) + parseFloat(ShippingCharges) + parseFloat(ShippingTax)) -  parseFloat(discountPrice);
            $('.subTotalAmount').text('$'+(parseFloat(price)).toFixed(2));
            if(ShippingSurcharges > 0){
                $('#surchageShippingrright').text('( +$' + parseFloat(ShippingSurcharges).toFixed(2) +' surcharge)');
            }

            if(parseFloat(ShippingCharges).toFixed(2) > 0 || parseFloat(ShippingSurcharges).toFixed(2) > 0){
                if(total > 500){
                    $('.ShippingChargesText').text('$'+(parseFloat(ShippingCharges) + parseFloat(ShippingSurcharges)).toFixed(2));
                    total= (parseFloat(price) + parseFloat(ShippingCharges) + parseFloat(ShippingSurcharges) + parseFloat(ShippingTax)) -  parseFloat(discountPrice);

                }else{
                    $('.ShippingChargesText').text('$'+(parseFloat(ShippingCharges) + parseFloat(ShippingSurcharges)).toFixed(2));
                    total= (parseFloat(price) + parseFloat(ShippingCharges) + parseFloat(ShippingSurcharges) + parseFloat(ShippingTax)) -  parseFloat(discountPrice);

                }
            }else{
                if(ShippingChargesZero == 0){
                    $('.ShippingChargesText').text('$0.00');

                }else{
                    $('.ShippingChargesText').text('$0.00');

                }
            }

            if(ShippingSurcharges > 0){
                if(total < 500){

                }else{
                    total= (parseFloat(price) + parseFloat(ShippingCharges) + parseFloat(ShippingSurcharges) + parseFloat(ShippingTax)) -  parseFloat(discountPrice);
                }

            }else{
                $('.ShippingSurchargesDiv').hide();
            }

            if(discountPrice > 0){
                $('.discountPriceDiv').show();
                $('.discountPrice').text('- $'+discountPrice);
                $('.discountPriceval').val(discountPrice);
            }else{
                $('.discountPriceDiv').hide();
            }

            if(parseFloat(ShippingTax).toFixed(2) > 0){
               $('.ShippingTax').val(parseFloat(ShippingTax).toFixed(2));
                $('.ShippingTaxText').text('$'+(parseFloat(ShippingTax).toFixed(2)));
            }else{
                if($('.ShippingCharges').val() != "0"){
                   $('.ShippingTax').val(parseFloat(ShippingTax).toFixed(2));
                    $('.ShippingTaxText').text('$'+(parseFloat(ShippingTax).toFixed(2)));
                }else{
                   $('.ShippingTax').val('0');
                    $('.ShippingTaxText').text('$0.00');
                }

            }

       // $('.TotalAmount').text('$'+parseFloat(total).toFixed(2));

        $('.TotalAmountDue').text('$'+(parseFloat(total) - parseFloat(totalreceived)).toFixed(2));

        if(parseFloat(total) - parseFloat(totalreceived) > 0){
            $(".TotalAmountDue").css({"color":"red"});
            $(".TotalDueLable").css({"color":"red"});

        }else{
            $(".TotalAmountDue").css({"color":"green"});
            $(".TotalDueLable").css({"color":"green"});

        }
    }
</script>
<script>
    $('#productAddBtn').click(function(){

        if($('.orderItemAdd:visible').length){
            $('.orderItemAdd').hide("slide", { direction: "up" }, 500);
        }else{
            $('.orderItemAdd').show("slide", { direction: "up" }, 500);
        }
    });
    $('#productEditBtn').click(function(){
        $('#productListBtn').show();
        $('#productEditBtn').hide();
        $('.orderItemList').hide();
        $('.orderItemEdit').show();
        $('.orderItemShippingTaxEdit').show();
        $('.orderItemShippingTaxRateEdit').show();
        $('.orderItemShippingTaxText').hide();
        $('.updateBtn').show();

        $(".order_details_listing_left02").css({"width":"40%"});
        $(".nameOption_css").css({"width":"40%"});
        $('.qtyshipped_css').show();
        $(".surchageShippingrright").css({"height":"84px"});
        $('.appy_coupon_code').show();


    });
    $('#productListBtn').click(function(){
        $('#productListBtn').hide();
        $('#productEditBtn').show();
        $('.orderItemList').show();
        $('.orderItemEdit').hide();
        $('.orderItemShippingTaxEdit').hide();
        $('.orderItemShippingTaxRateEdit').hide();
        $('.orderItemShippingTaxText').show();

        $(".order_details_listing_left02").css({"width":"55%"});
        $(".nameOption_css").css({"width":"55%"});
        $('.qtyshipped_css').hide();
        $(".surchageShippingrright").css({"height":"50px"});
        $('.appy_coupon_code').hide();


    });


    $('#shipToEditBtn').click(function(){
        $('#shipToListBtn').show();
        $('#shipToEditBtn').hide();
        $('#customShippingAddress').show();
        $('#ship_box_address').hide();
        $('#is_shipping_edit').val(1);
        $('.updateBtn').show();
    });
    $('#shipToListBtn').click(function(){
        $('#shipToListBtn').hide();
        $('#shipToEditBtn').show();
        $('#customShippingAddress').hide();
        $('#ship_box_address').show();
        $('#is_shipping_edit').val(0);

    });

    $('#billToEditBtn').click(function(){
        $('#billToListBtn').show();
        $('#billToEditBtn').hide();
        $('#customBillingAddress').show();
        $('#bill_box_address').hide();
        $('#is_billing_edit').val(1);
        $('.updateBtn').show();

    });
    $('#billToListBtn').click(function(){
        $('#billToListBtn').hide();
        $('#billToEditBtn').show();
        $('#customBillingAddress').hide();
        $('#bill_box_address').show();
        $('#is_billing_edit').val(0);

    });

    $('#closeEditShipAddress').click(function(){
        $('#customShippingAddress').hide();
        $('#ship_box_address').show();
        $('#shipToListBtn').hide();
        $('#shipToEditBtn').show();
        $('#is_shipping_edit').val(0);

        location.reload();

    });

    $('select').change(function(){
        $('.updateBtn').show();
    });
    $(document).ready(function () {
        // $('.OrderReceipt').text('Loading....');

        // var url = $('#OrderReceipt').attr('page-url');
        // $('#OrderReceipt').load(url);

    });


</script>
    <script>

    $(document).ready(function () {

        $('#product').select2({
            placeholder: "Select a Product",
        });

        var CSRF_TOKEN = "{{ csrf_token() }}";
        $('#product').select2({
                ajax: {
                    type: 'POST',
                url: '{{ route("admin.product-search") }}',
                data: function (params) {
                    return {
                    _token: CSRF_TOKEN,
                    search: params.term
                    };
                },
                processResults: function (response) {
                    return {
                    results: response
                    };
                },

                },
                placeholder: 'Search product',
                minimumInputLength: 3
            });
        });

    </script>


<script>
    function deleteTrackingNumber(e){
        var url = e.currentTarget.getAttribute('data-href')
        Swal.fire({
        title: 'Are you sure?',
        text: "You won't be able to revert this!",
        icon: 'warning',
        showCancelButton: true,
        confirmButtonColor: '#3085d6',
        cancelButtonColor: '#d33',
        confirmButtonText: 'Yes, delete it!'
        }).then((result) => {
            if (result.isConfirmed) {
                window.location.href=url;
            }
        })
    }
    $('#product').change(function(){
        $('#product').valid();
    });
    $(function() {

        $('#searchProductForm').validate({
            rules: {
                product: {
                    required: true
                },
                qty: {
                    required: true,
                },

            },
            messages: {
                product: {
                    required: "Please select a product",
                },
                qty: {
                    required: "Please enter a qty",
                },

            },
            errorElement: 'span',
            errorPlacement: function(error, element) {
                error.addClass('invalid-feedback');
                element.closest('.form-group').append(error);
            },

        });
    });

    function removeCouponCode(){

        $('#couponError').hide();
        $('#removeCouponCode').hide();
        $('#coupon_code').val('');
        applyCouponCode();
    }

    function applyCouponCode(){
        var coupon_code = $('#coupon_code').val();
        var tprice  = parseFloat(price);

        $.ajax({
            type: 'post',
            url: "{{ route('admin.apply-coupon') }}",
            data: { "_token": '{{ csrf_token() }}','coupon_code':coupon_code,'price':tprice,'orderid':'{{ $order->orderid }}' },
            dataType: "json",
            success: function(responce) {
                $('#couponError').show();
                if(responce.status == true){
                    discountPrice = responce.data.discount;
                    totalCal();
                    $('#couponDiscountDiv').html('(' + responce.data.discountPerAmount +')');
                    $('#couponError').text(responce.message);
                    $('#couponError').removeClass(  'text-danger');
                    $('#couponError').addClass('text-success');
                    $('#removeCouponCode').show();
                    affectAmount = responce.data.affectAmount;

                }else{
                    discountPrice = 0;
                    totalCal();
                    $('#couponDiscountDiv').html();
                    $('#couponError').text(responce.message);
                    $('#couponError').addClass('text-danger');
                    $('#couponError').removeClass('text-success');
                    $('#coupon_code').val('');
                    $('#removeCouponCode').hide();
                    affectAmount = 0;
                    setTimeout(function() {
                        $('#couponError').hide();
                    }, 4000);
                }

                    var taxparam = {"Address1": $('#shippingstreetname').val(),
                    "City": $('#shippingcity').val(),
                    "State": $('#shippingstate').val(),
                    "Address2": $('#shippingunitname').val(),
                    "Zip5": $('#shippingzipcode').val(),
                    "Zip4": ""};

                    if($('#custom_city').val()){
                        if($('#custom_country').val() == "United States"){
                            LookupTax(taxparam);
                        }

                    }
                    $('.updateBtn').show();


            }
        });

    }
</script>
@endsection