<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title></title>
    <!--Header S-->
    <style>
        ul.info { margin: 0; padding: 0; }
        ul.info li { margin: 0; padding: 0.3em; list-style: none; background-color: #EFEFEF; border-bottom: solid 1px #FFF; }
        ul.info li span.title { font-weight: bold; width: 5em; display: inline-block; text-align: right; padding-right: 0.5em; margin-right: 0.5em; border-right: solid 1px #FFF; }
        
        .x_title .btn { margin: 0; }
        .jambo_table .img { height: 50px; }
        .jambo_table ul.subdetail { margin: 0; padding: 0; }
        .jambo_table ul.subdetail li { display: block; }
        .jambo_table ul.subdetail li:first-child { font-weight: bold; }
        .jambo_table ul.subdetail li .img { border: solid 1px #CBCBCB; vertical-align: middle; display: inline-block; max-width: 20%; }
        .jambo_table ul.subdetail li .desc { vertical-align: middle; display: inline-block; width: 75%; }
        .jambo_table .notify { background-color: #ffd800 !important; color: #FF0000 !important; }
        .jambo_table tfoot tr td { background-color: #E1E1E1; border-top: 1px solid #D5D4D4; }
        
        .other-subtotal { margin: 0; }
        .other-subtotal i { margin: 0 10px; }

        .table-bordered select.form-control3 { width: 30%; display: inline-block; }
        .table-bordered select.form-control6 { width: 60%; display: inline-block; }

        .notify, .receipt { margin: 0; padding: 0; }
        .notify li, .receipt li { margin: 1%; padding: 1.5%; width: 31.33333%; list-style: none; float: left;border-radius: 3px; border: solid 1px #EFEFEF; }
        .notify li input { margin-bottom: 0.5em; }

        .receipt li a div { height: 150px; display: flex; align-items: center; justify-content: center; }
        .receipt li a i.fa-file-pdf:before { font-size: 100px; line-height: 150px; }
        .receipt li img { max-width: 100%; max-height: 150px; }
        
        .mx-datepicker-popup { z-index: 99993; }
        .mx-datepicker input[type=text] { font-size: 20px; height: 45px; }
        
        .fancybox-container { z-index: 999; }
        .ui-widget.ui-widget-content { z-index: 1000; font-size: 18px; }
        input.tenantrelation { display: inline-block; width: 80%; }
    </style>
    <!--Header E-->
</head>
<body>
    <!--Content S-->
    <div class="col-md-5 col-sm-6 col-xs-12">
        <ul class="info">
            <li>
                <span class="title">訂單編號</span>
                {{orderObj.orderNum}}
            </li>
            <li>
                <span class="title">類型</span>
                <span class="label-status" :class="'om-type' + orderObj.enType">{{orderObj.typeString}}</span>
                <span class="label-status" :class="'om-source' + orderObj.enSource" v-if="orderObj.enSource != 100">{{orderObj.sourceString}}</span>
            </li>
            <li>
                <span class="title">建立</span>
                <span>{{orderObj.createDate}}</span>
            </li>
        </ul>
    </div>
    <div class="col-md-4 col-sm-6 col-xs-12">
        <ul class="info">
            <li>
                <span class="title">來源</span>
                <span v-if="storeObj != null && storeObj.id > 0 ">
                    <span v-if="storeObj.shortName == null || storeObj.shortName == ''">{{storeObj.marketName.substring(0, 4)}}．{{storeObj.name}}</span>
                    <span v-else>{{storeObj.shortName}}</span>
                </span>
                <span v-else class="label-status" :class="'om-source' + orderObj.enSource">{{orderObj.sourceString}}</span>
                <a href="#dvChangeType" class="btn btn-warning btn-xs changetype" v-if="orderObj.enSource != 200 && orderObj.enStatus != 9999">變更</a>
            </li>
            <li>
                <span class="title">租借目的</span>
                <span class="label-status" :class="'om-rentedfor' + orderObj.enRentedFor">{{orderObj.rentedForString}}</span>
            </li>
            <li v-if="orderObj.isCodFreight || orderObj.isCodConsumableFee" class="deepblue">
                <span class="title">佳醫代收</span>
                $ {{orderObj.codFee.toLocaleString()}} {{orderObj.codInfo}}
            </li>
        </ul>
    </div>
    <div class="col-md-3 col-sm-6 col-xs-12">
        <ul class="info">
            <li>
                <span class="title">品項</span>
                $ {{modifyObj.details.total.toLocaleString()}}
            </li>
            <li>
                <span class="title">其它</span>
                $ {{modifyObj.others.total.toLocaleString()}}
            </li>
            <li>
                <span class="title">合計</span>
                $ {{orderObj.total.toLocaleString()}}
            </li>
        </ul>
    </div>
    <div class="col-md-12 col-sm-12 col-xs-12"></div>
    <!--租賃品項-->
    <div class="col-md-12 col-sm-12 col-xs-12 x_panel">
        <div class="x_title">
            <h2>
                租賃品項&nbsp;&nbsp;&nbsp;&nbsp;
                <a :href="'_orderdetail?oid=' + orderObj.id" v-if="allowAddProduct()" class="btn btn-success iframeNoClose">加入輔具</a>
                <a :href="'_appenddetail?oid=' + orderObj.id" v-if="allowAppendProduct()" class="btn btn-warning iframeNoClose">追加輔具</a>
            </h2>
            <ul class="nav navbar-right panel_toolbox">
                <li><a class="collapse-link"><i class="fas fa-chevron-up"></i></a></li>
            </ul>
            <div class="clearfix"></div>
        </div>
        <div class="col-md-12 col-sm-12 col-xs-12 x_content">
            <table border="0" cellpadding="5" cellspacing="1" class="table jambo_table">
                <thead>
                    <tr>
                        <td class="text-center">輔具狀態</td>
                        <td class="text-center">#</td>
                        <td></td>
                        <td>輔具</td>
                        <td class="text-right">數量</td>
                        <td class="text-right">租金</td>
                        <td class="text-right" :class="{'deepblue': modifyObj.isCodConsumableFee}">耗材</td>
                        <td class="text-right">押金</td>
                        <td class="text-right" :class="{'deepblue': modifyObj.isCodFreight}">運費</td>
                        <td class="text-center">出貨點</td>
                        <td></td>
                    </tr>
                </thead>
                <tbody>
                    <tr v-for="(item, index) in modifyObj.details.list" :class="trCss(item)">
                        <td class="text-center">
                            <a class="btn btn-info iframeNoClose"
                               v-if="allowAddProduct()"
                               :href="'_orderdetail?oid=' + orderObj.id + '&id=' + item.id">{{item.statusString}}</a>
                            <div v-else :class="statusCss(item)">
                                {{item.statusString}}
                            </div>
                        </td>
                        <td class="text-center">{{index + 1}}</td>
                        <td class="text-center"><img class="img" :src="item.coverImage" /></td>
                        <td>
                            <div>{{item.productName}}</div>
                            <div v-if="item.seatWidthAttrId != null && item.seatWidthAttrId > 0">座寬：{{item.seatWidthAttrName}}</div>
                            <div>
                                <span v-for="(stock, idx) in item.stocks">
                                    <span v-if="idx > 0">、</span><u class="nobr">{{stock.propertyNo}}</u>
                                    <span v-if="item.enRecovery == 1 && stock.status == 400" title="出租中" data-toggle="tooltip" data-placement="right"><i class="fas fa-user-clock"></i></span>
                                </span>
                            </div>
                            <div v-if="item.enVerified == 0">
                                <a :href="'_orderedit_date?id=' + item.id" class="Upload">{{item.startDate}} ~ {{item.endDate}} <span class="btn btn-success btn-xs"><i class="fas fa-edit"></i></span></a>
                            </div>
                            <div v-else>
                                {{item.startDate}} ~ {{item.endDate}} <i class="fas fa-calendar-check" title="已對帳" data-toggle="tooltip" data-placement="right"></i>
                            </div>
                            <div>{{item.periodTypeString}} ({{item.days}}天)</div>
                            <ul class="subdetail" v-show="item.ltGifts != null && item.ltGifts.length > 0">
                                <li>耗材包含：</li>
                                <li v-for="sub in item.ltGifts">
                                    <img class="img" :src="sub.coverImage" v-if="sub.coverImage != null && sub.coverImage.length > 0" />
                                    <div class="desc">
                                        {{sub.productName}} x {{sub.qty}}件<br />
                                        <span v-for="(stock, idx) in sub.stocks">
                                            <span v-if="idx > 0">、</span><u class="nobr">{{stock.propertyNo}}</u>
                                            <span v-if="sub.enRecovery == 1 && stock.status == 400" title="出租中" data-toggle="tooltip" data-placement="right"><i class="fas fa-user-clock"></i></span>
                                        </span>
                                    </div>
                                </li>
                            </ul>
                            <ul class="subdetail" v-show="item.ltBundles != null && item.ltBundles.length > 0">
                                <li>組合包含：</li>
                                <li v-for="sub in item.ltBundles">
                                    <img class="img" :src="sub.coverImage" v-if="sub.coverImage != null && sub.coverImage.length > 0" />
                                    <div class="desc">
                                        {{sub.productName}} x {{sub.qty}}件<br />
                                        <span v-for="(stock, idx) in sub.stocks">
                                            <span v-if="idx > 0">、</span><u class="nobr">{{stock.propertyNo}}</u>
                                            <span v-if="sub.enRecovery == 1 && stock.status == 400" title="出租中" data-toggle="tooltip" data-placement="right"><i class="fas fa-user-clock"></i></span>
                                        </span>
                                    </div>
                                </li>
                            </ul>
                            <ul class="subdetail" v-show="item.ltSupplies != null && item.ltSupplies.length > 0">
                                <li>額外加租：</li>
                                <li v-for="sub in item.ltSupplies">
                                    <img class="img" :src="sub.coverImage" v-if="sub.coverImage != null && sub.coverImage.length > 0" />
                                    <div class="desc">
                                        {{sub.productName}} <nobr><span class="red" v-show="sub.unitPrice > 0">${{sub.unitPrice.toLocaleString()}}/件</span> x {{item.periodQty}}{{item.periodTypeString.substr(0,1)}} x {{sub.qty}}件</nobr><br />
                                        <span v-for="(stock, idx) in sub.stocks">
                                            <span v-if="idx > 0">、</span><u class="nobr">{{stock.propertyNo}}</u>
                                            <span v-if="sub.enRecovery == 1 && stock.status == 400" title="出租中" data-toggle="tooltip" data-placement="right"><i class="fas fa-user-clock"></i></span>
                                        </span>
                                    </div>
                                </li>
                            </ul>
                            <ul class="subdetail" v-show="item.ltAdditions != null && item.ltAdditions.length > 0">
                                <li>額外加購：</li>
                                <li v-for="sub in item.ltAdditions">
                                    <img class="img" :src="sub.coverImage" v-if="sub.coverImage != null && sub.coverImage.length > 0" />
                                    <div class="desc">
                                        {{sub.productName}} <nobr><span class="red" v-show="sub.unitPrice > 0">${{sub.unitPrice.toLocaleString()}}</span>/件 x {{sub.qty}}件</nobr><br />
                                        <span v-for="(stock, idx) in sub.stocks">
                                            <span v-if="idx > 0">、</span><u class="nobr">{{stock.propertyNo}}</u>
                                            <span v-if="sub.enRecovery == 1 && stock.status == 400" title="出租中" data-toggle="tooltip" data-placement="right"><i class="fas fa-user-clock"></i></span>
                                        </span>
                                    </div>
                                </li>
                            </ul>
                        </td>
                        <td class="text-right">{{item.qty}}</td>
                        <td class="text-right nobr">{{item.unitPrice.toLocaleString()}} x {{item.periodQty}}{{item.periodTypeString.substr(0,1)}}</td>
                        <td class="text-right" :class="{'deepblue': modifyObj.isCodConsumableFee}">{{item.consumableFee.toLocaleString()}}</td>
                        <td class="text-right">
                            {{item.deposit.toLocaleString()}}
                            <i class="fas fa-exclamation-circle aero" v-show="orderObj.enSource != 200 && item.enStatus > 700 && item.deposit > 0 && item.depositRefund == 0" data-toggle="tooltip" data-placement="top" title="待退"></i>
                        </td>
                        <td class="text-right" :class="{notify: isChangeFreightage(), 'deepblue': modifyObj.isCodFreight}">{{item.freightage.toLocaleString()}}</td>
                        <td class="text-center">{{item.shipPlaceString}}</td>
                        <td>
                            <a class="btn btn-danger float-right" v-if="item.parentProductId == -1 && allowAddProduct()" @click="removeDetail(item)">刪除</a>
                        </td>
                    </tr>
                </tbody>
                <tfoot>
                    <tr>
                        <td class="text-right" colspan="5">合計</td>
                        <td class="text-right">{{modifyObj.details.subTotal.toLocaleString()}}</td>
                        <td class="text-right" :class="{'deepblue': modifyObj.isCodConsumableFee}">{{modifyObj.details.consumableFee.toLocaleString()}}</td>
                        <td class="text-right">{{modifyObj.details.deposit.toLocaleString()}}</td>
                        <td class="text-right" :class="{'notify': isChangeFreightage(), 'deepblue': modifyObj.isCodFreight}">{{modifyObj.details.freightage.toLocaleString()}}</td>
                        <td></td>
                        <td></td>
                    </tr>
                    <tr v-show="modifyObj.details.suppliesTotal > 0">
                        <td class="text-right" colspan="5"><i class="fas fa-plus"></i> 加租合計</td>
                        <td class="text-right" :class="{notify: isChange()}">{{modifyObj.details.suppliesTotal.toLocaleString()}}</td>
                        <td colspan="5"></td>
                    </tr>
                    <tr v-show="modifyObj.details.additionsTotal > 0">
                        <td class="text-right" colspan="5"><i class="fas fa-plus"></i> 加購合計</td>
                        <td class="text-right" :class="{notify: isChange()}">{{modifyObj.details.additionsTotal.toLocaleString()}}</td>
                        <td colspan="5"></td>
                    </tr>
                    <tr>
                        <td class="text-right" colspan="5"><i class="fas fa-equals"></i> 訂單總計</td>
                        <td class="text-right" :class="{notify: isChange()}">{{modifyObj.details.total.toLocaleString()}}</td>
                        <td colspan="5"></td>
                    </tr>
                    <tr v-show="modifyObj.details.depositRefund != 0">
                        <td class="text-right" colspan="5"><i class="fas fa-minus"></i> 退還押金</td>
                        <td class="text-right">{{modifyObj.details.depositRefund.toLocaleString()}}</td>
                        <td colspan="5"></td>
                    </tr>
                    <tr v-show="modifyObj.details.depositRefund != 0">
                        <td class="text-right" colspan="5"><i class="fas fa-equals"></i> 實際營收</td>
                        <td class="text-right">{{(modifyObj.details.total + modifyObj.details.depositRefund).toLocaleString()}}</td>
                        <td colspan="5"></td>
                    </tr>
                </tfoot>
            </table>
            <!--輔具租用資訊-->
            <div>
                <div class="x_title">
                    <h2>輔具租用資訊</h2>
                    <div class="clearfix"></div>
                </div>
                <!--客人租用-->
                <div v-if="orderObj.enRentedFor == 100">
                    <table v-if="orderObj.enStatus == 9999" border="0" cellpadding="5" cellspacing="1" class="table table-bordered">
                        <tr>
                            <th colspan="4">承租人資訊</th>
                        </tr>
                        <tr>
                            <th>姓名</th>
                            <td colspan="3">{{orderObj.tenantName}}</td>
                        </tr>
                        <tr v-if="orderObj.enSource != 200">
                            <th>電子信箱</th>
                            <td colspan="3">{{orderObj.email}}</td>
                        </tr>
                        <tr>
                            <th>手機號碼</th>
                            <td>{{orderObj.tenantMobile}}</td>
                            <th>電話</th>
                            <td>{{orderObj.tenantPhone}}</td>
                        </tr>
                        <tr>
                            <th>聯絡地址</th>
                            <td colspan="3">{{orderObj.tenantCounty}}{{orderObj.tenantCity}} {{orderObj.tenantAddress}}</td>
                        </tr>
                        <tr>
                            <th colspan="4">使用人資訊</th>
                        </tr>
                        <tr>
                            <th>姓名</th>
                            <td colspan="3">{{orderObj.delivery.receiver}}</td>
                        </tr>
                        <tr>
                            <th>為承租人之</th>
                            <td colspan="3">{{orderObj.tenantRelation}}</td>
                        </tr>
                        <tr>
                            <th>手機號碼</th>
                            <td>{{orderObj.delivery.mobile}}</td>
                            <th>電話</th>
                            <td>{{orderObj.delivery.phone}}</td>
                        </tr>
                        <tr v-if="orderObj.enType == 100">
                            <th>運送方式</th>
                            <td colspan="3">{{orderObj.shippingMethodString}}</td>
                        </tr>
                        <tr v-if="orderObj.enShippingMethod == 100">
                            <th>取還門市</th>
                            <td colspan="3">
                                <span v-for="item in ltStores" v-if="orderObj.delivery.storeId == item.id">
                                    {{item.shortName}}<span v-if="item.zipCode != null && item.zipCode != ''">  ({{item.county}}{{item.city}}{{item.address}})</span>
                                </span>
                            </td>
                        </tr>
                        <tr v-if="orderObj.enShippingMethod == 200">
                            <th>運送地址</th>
                            <td colspan="3">{{orderObj.delivery.county}}{{orderObj.delivery.city}} {{orderObj.delivery.address}}</td>
                        </tr>
                        <tr v-if="orderObj.enShippingMethod == 250">
                            <th>工廠地點</th>
                            <td colspan="3">桃園市龜山區文三三街22號之1號</td>
                        </tr>
                        <tr v-if="orderObj.remark != null">
                            <th>備註</th>
                            <td colspan="3"><div v-html="orderObj.remark.replace(/\n/g,'<br />')"></div></td>
                        </tr>
                        <tr>
                            <th colspan="4">發票資訊</th>
                        </tr>
                        <tr v-if="orderObj.enSource != 200">
                            <th>付款方式</th>
                            <td>{{orderObj.payMethodString}}</td>
                            <th>付款狀態</th>
                            <td>{{orderObj.paymentStatusString}}</td>
                        </tr>
                        <tr v-if="orderObj.enSource != 200">
                            <th>發票格式</th>
                            <td>{{orderObj.invoice.invoiceTypeString}}</td>
                            <th>索取方式</th>
                            <td>{{orderObj.invoice.billTypeString}}</td>
                        </tr>
                        <tr v-if="orderObj.enSource != 200 && orderObj.invoice.enInvoiceType == 200">
                            <th>統一編號</th>
                            <td>{{orderObj.invoice.invoiceTaxNo}}</td>
                            <th>公司名稱</th>
                            <td>{{orderObj.invoice.invoiceTitle}}</td>
                        </tr>
                        <tr v-if="orderObj.enSource != 200 && orderObj.invoice.enBillType == 100">
                            <th>收件姓名</th>
                            <td colspan="3">{{orderObj.invoice.receiver}}</td>
                        </tr>
                        <tr v-if="orderObj.enSource != 200 && orderObj.invoice.enBillType == 100">
                            <th>收件電話</th>
                            <td colspan="3">{{orderObj.invoice.mobile}}</td>
                        </tr>
                        <tr v-if="orderObj.enSource != 200 && orderObj.invoice.enBillType == 100">
                            <th>寄送地址</th>
                            <td colspan="3">{{orderObj.invoice.county}}{{orderObj.invoice.city}} {{orderObj.invoice.address}}</td>
                        </tr>
                        <tr v-if="orderObj.enSource != 200 && orderObj.invoice.enBillType == 200">
                            <th>手機條碼載具</th>
                            <td colspan="3">{{orderObj.invoice.mobileBarcode}}</td>
                        </tr>
                        <tr>
                            <th>內部備註</th>
                            <td colspan="3">
                                <div v-if="orderObj.memo != null" v-html="orderObj.memo.replace(/\n/g,'<br />')"></div>
                            </td>
                        </tr>
                        <tr>
                            <th>訂單狀態</th>
                            <td colspan="3">{{orderObj.statusString}}</td>
                        </tr>
                        <tr>
                            <th></th>
                            <td class="tdModify" colspan="3">
                                <div class="modifylog">
                                    <div>{{orderObj.creatorName}} {{orderObj.createDate}} 建檔</div>
                                    <div v-if="orderObj.modifyDatetime != null">{{orderObj.modifierName}} {{orderObj.modifyDate}} 異動</div>
                                </div>
                            </td>
                        </tr>
                    </table>
                    <table v-else border="0" cellpadding="5" cellspacing="1" class="table table-bordered">
                        <tr>
                            <th colspan="4">承租人資訊</th>
                        </tr>
                        <tr>
                            <th class="required">姓名</th>
                            <td colspan="3"><input type="text" class="form-control" v-model="modifyObj.tenantName" ref="tenantname" /></td>
                        </tr>
                        <tr v-if="orderObj.enSource != 200">
                            <th>電子信箱</th>
                            <td colspan="3"><input type="text" class="form-control" v-model="modifyObj.email" ref="email" /></td>
                        </tr>
                        <tr>
                            <th class="required">手機號碼</th>
                            <td><input type="text" class="form-control" v-model="modifyObj.tenantMobile" ref="tenantmobile" /></td>
                            <th>電話</th>
                            <td><input type="text" class="form-control" v-model="modifyObj.tenantPhone" /></td>
                        </tr>
                        <tr v-if="orderObj.enSource != 200">
                            <th class="required">聯絡地址</th>
                            <td colspan="3">
                                <div class="twzipcode" id="twzipcodeToTenant">
                                    <select class="form-control" data-role="county" v-model="modifyObj.tenantCounty" ref="tenantcounty"></select>
                                    <select class="form-control" data-role="district" v-model="modifyObj.tenantCity" @change="changeCity('tenant')"></select>
                                    <input type="hidden" data-role="zipcode" />
                                    <input type="text" class="form-control address" v-model="modifyObj.tenantAddress" maxlength="128" placeholder="路/街/巷/弄/號/樓" ref="tenantaddress" />
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <th colspan="4">使用人資訊</th>
                        </tr>
                        <tr>
                            <th class="required">姓名</th>
                            <td colspan="3"><input type="text" class="form-control" v-model="modifyObj.delivery.receiver" ref="deliveryreceiver" /></td>
                        </tr>
                        <tr>
                            <th class="required">為承租人之</th>
                            <td colspan="3"><input type="text" class="form-control tenantrelation" v-model="modifyObj.tenantRelation" ref="tenantrelation" />（關係）</td>
                        </tr>
                        <tr>
                            <th class="required">手機號碼</th>
                            <td><input type="text" class="form-control" v-model="modifyObj.delivery.mobile" ref="deliverymobile" /></td>
                            <th>電話</th>
                            <td><input type="text" class="form-control" v-model="modifyObj.delivery.phone" /></td>
                        </tr>
                        <tr>
                            <th class="required">運送方式</th>
                            <td colspan="3">
                                <div v-if="orderObj.enSource != 200 && (orderObj.enPaymentStatus == 100 && orderObj.enStatus < 400)" class="btn-group btn-toggle shippingMethod">
                                    <div class="btn btn-default" v-for="item in ltShippingMethod"
                                         v-if="item.value < 300"
                                         :class="'shippingMethod' + item.value"
                                         @click="toggleBTN('shippingMethod', item.value)">{{item.name}}</div>
                                </div>
                                <div v-else>{{orderObj.shippingMethodString}}</div>
                            </td>
                        </tr>
                        <tr v-if="modifyObj.enShippingMethod == 100">
                            <th class="required">取還門市</th>
                            <td colspan="3">
                                <div v-if="orderObj.enSource != 200 && (orderObj.enPaymentStatus == 100 && orderObj.enStatus < 400)">
                                    <select class="form-control form-control3" v-model="modifyObj.delivery.marketId" ref="marketId" @change="modifyObj.delivery.storeId = -1;">
                                        <option value="-1">取件通路</option>
                                        <option v-for="item in ltMarkets" :value="item.id">{{item.name}}</option>
                                    </select>
                                    <select class="form-control form-control6" v-model="modifyObj.delivery.storeId" ref="deliverystoreid">
                                        <option value="-1">取件店家</option>
                                        <option v-for="item in ltStores" v-show="item.marketId == modifyObj.delivery.marketId" :value="item.id">{{item.name}} ({{item.county}}{{item.city}}{{item.address}})</option>
                                    </select>
                                </div>
                                <div v-else>
                                    <span v-for="item in ltStores" v-if="(orderObj.enSource != 200 && orderObj.delivery.storeId == item.id) || (orderObj.enSource == 200 && orderObj.ownerStoreId == item.id)">
                                        {{item.shortName}}<span v-if="item.zipCode != null && item.zipCode != ''">  ({{item.county}}{{item.city}}{{item.address}})</span>
                                    </span>
                                </div>
                            </td>
                        </tr>
                        <tr v-if="modifyObj.enShippingMethod == 200">
                            <th class="required">運送地址</th>
                            <td colspan="3">
                                <div v-if="orderObj.enPaymentStatus == 100 && orderObj.enStatus < 400" class="twzipcode" id="twzipcode">
                                    <select class="form-control" data-role="county" v-model="modifyObj.delivery.county" ref="deliverycounty"></select>
                                    <select class="form-control" data-role="district" v-model="modifyObj.delivery.city" @change="changeCity('delivery')"></select>
                                    <input type="hidden" data-role="zipcode" />
                                    <input type="text" class="form-control address" v-model="modifyObj.delivery.address" maxlength="128" placeholder="路/街/巷/弄/號/樓" ref="deliveryaddress" />
                                </div>
                                <div v-else>{{orderObj.delivery.county}}{{orderObj.delivery.city}} {{orderObj.delivery.address}}</div>
                            </td>
                        </tr>
                        <tr v-if="modifyObj.enShippingMethod == 250">
                            <th>工廠地點</th>
                            <td colspan="3">桃園市龜山區文三三街22號之1號</td>
                        </tr>
                        <tr v-if="orderObj.remark != null">
                            <th>備註</th>
                            <td colspan="3"><div v-html="orderObj.remark.replace(/\n/g,'<br />')"></div></td>
                        </tr>
                        <tr>
                            <th colspan="4">發票資訊</th>
                        </tr>
                        <tr v-if="orderObj.enSource != 200">
                            <th class="required">付款方式</th>
                            <td>
                                <div v-if="orderObj.enPaymentStatus == 100" class="btn-group btn-toggle payMethod">
                                    <div class="btn btn-default" v-for="item in ltPayMethod"
                                         :class="'payMethod' + item.value"
                                         v-if="item.value < 500"
                                         @click="toggleBTN('payMethod', item.value)">{{item.name}}</div>
                                </div>
                                <div v-else>{{orderObj.payMethodString}}</div>
                            </td>
                            <th class="required">付款狀態</th>
                            <td>
                                <div class="btn-group btn-toggle paymentStatus">
                                    <div class="btn btn-default" v-for="item in ltPaymentStatus"
                                         :class="'paymentStatus' + item.value"
                                         @click="toggleBTN('paymentStatus', item.value)">{{item.name}}</div>
                                </div>
                            </td>
                        </tr>
                        <tr v-if="orderObj.enSource != 200">
                            <th class="required">發票格式</th>
                            <td>
                                <div class="btn-group btn-toggle invoiceType">
                                    <div class="btn btn-default" v-for="item in ltInvoiceTypes"
                                         :class="'invoiceType' + item.value"
                                         @click="toggleBTN('invoiceType', item.value)">{{item.name}}</div>
                                </div>
                            </td>
                            <th class="required">索取方式</th>
                            <td>
                                <div class="btn-group btn-toggle billType">
                                    <div class="btn btn-default" v-for="item in ltBillTypes"
                                         :class="'billType' + item.value"
                                         @click="toggleBTN('billType', item.value)">{{item.name}}</div>
                                </div>
                            </td>
                        </tr>
                        <tr v-if="orderObj.enSource != 200 && modifyObj.invoice.enInvoiceType == 200">
                            <th class="required">統一編號</th>
                            <td><input type="text" class="form-control" v-model="modifyObj.invoice.invoiceTaxNo" ref="invoiceTaxNo" maxlength="8" /></td>
                            <th>公司名稱</th>
                            <td><input type="text" class="form-control" v-model="modifyObj.invoice.invoiceTitle" /></td>
                        </tr>
                        <tr v-if="orderObj.enSource != 200 && modifyObj.invoice.enBillType == 100">
                            <th class="required">收件姓名</th>
                            <td colspan="3"><input type="text" class="form-control" v-model="modifyObj.invoice.receiver" ref="invoiceReceiver" /></td>
                        </tr>
                        <tr v-if="orderObj.enSource != 200 && modifyObj.invoice.enBillType == 100">
                            <th class="required">收件電話</th>
                            <td colspan="3"><input type="text" class="form-control" v-model="modifyObj.invoice.mobile" ref="invoiceMobile" /></td>
                        </tr>
                        <tr v-if="orderObj.enSource != 200 && modifyObj.invoice.enBillType == 100">
                            <th class="required">寄送地址</th>
                            <td colspan="3">
                                <div class="twzipcode" id="twzipcodeToBill">
                                    <select class="form-control" data-role="county" v-model="modifyObj.invoice.county" ref="invoivecounty"></select>
                                    <select class="form-control" data-role="district" v-model="modifyObj.invoice.city" @change="changeCity('invoice')"></select>
                                    <input type="hidden" data-role="zipcode" />
                                    <input type="text" class="form-control address" v-model="modifyObj.invoice.address" maxlength="128" placeholder="路/街/巷/弄/號/樓" ref="invoiveaddress" />
                                </div>
                            </td>
                        </tr>
                        <tr v-if="orderObj.enSource != 200 && modifyObj.invoice.enBillType == 200">
                            <th class="required">手機條碼載具</th>
                            <td colspan="3"><input type="text" class="form-control" v-model="modifyObj.invoice.mobileBarcode" ref="mobileBarcode" maxlength="8" /></td>
                        </tr>
                        <tr>
                            <th>內部備註</th>
                            <td colspan="3"><textarea class="form-control" v-model="modifyObj.memo"></textarea></td>
                        </tr>
                        <tr>
                            <th>訂單狀態</th>
                            <td :class="orderCss()" colspan="3">{{orderObj.statusString}}</td>
                        </tr>
                        <tr>
                            <th></th>
                            <td class="tdModify" colspan="3">
                                <button class="btn btn-success btn-lg" @click="updateOrder();" v-if="orderObj.enStatus != 9999">儲存輔具租用資訊</button>
                                <div class="modifylog">
                                    <div>{{orderObj.creatorName}} {{orderObj.createDate}} 建檔</div>
                                    <div v-if="orderObj.modifyDatetime != null">{{orderObj.modifierName}} {{orderObj.modifyDate}} 異動</div>
                                </div>
                            </td>
                        </tr>
                    </table>
                </div>
                <!--門市展示-->
                <div v-else>
                    <table border="0" cellpadding="5" cellspacing="1" class="table table-bordered">
                        <tr>
                            <th>下單門市</th>
                            <td>
                                <span v-for="item in ltStores" v-if="modifyObj.ownerStoreId == item.id">{{item.shortName}}<span v-if="item.zipCode != null && item.zipCode != ''">  ({{item.county}}{{item.city}}{{item.address}})</span></span>
                            </td>
                        </tr>
                        <tr v-if="orderObj.remark != null">
                            <th>備註</th>
                            <td><div v-html="orderObj.remark.replace(/\n/g,'<br />')"></div></td>
                        </tr>
                        <tr>
                            <th>內部備註</th>
                            <td><textarea class="form-control" v-model="modifyObj.memo"></textarea></td>
                        </tr>
                        <tr>
                            <th>訂單狀態</th>
                            <td :class="orderCss()">{{modifyObj.statusString}}</td>
                        </tr>
                        <tr>
                            <th></th>
                            <td class="tdModify">
                                <button class="btn btn-success btn-lg" @click="updateOrder();" v-if="orderObj.enStatus != 9999">儲存內部備註</button>
                                <div class="modifylog">
                                    <div>{{orderObj.creatorName}} {{orderObj.createDate}} 建檔</div>
                                    <div v-if="orderObj.modifyDatetime != null">{{orderObj.modifierName}} {{orderObj.modifyDate}} 異動</div>
                                </div>
                            </td>
                        </tr>
                    </table>
                </div>
            </div>
            <!--通知-->
            <div v-if="orderObj.enSource != 200 && orderObj.enPaymentStatus != 300 && orderObj.enStatus != 9999">
                <div class="x_title">
                    <h2>通知</h2>
                    <div class="clearfix"></div>
                </div>
                <div>
                    <ul class="notify">
                        <li class="text-center">
                            <input type="text" class="form-control" v-model="orderObj.email" ref="notifyEmail" placeholder="請輸入收件信箱" />
                            <a class="btn btn-success" @click="sendPayEmail(orderObj.email)">發送付款通知信</a>
                        </li>
                        <li class="text-center">
                            <input type="text" class="form-control" v-model="orderObj.tenantMobile" ref="notifyMobile" placeholder="請輸入接收手機號碼" />
                            <a class="btn btn-success" @click="sendPaySMS(orderObj.tenantMobile)">發送付款通知簡訊</a>
                        </li>
                    </ul>
                    <div class="clearfix"></div>
                </div>
            </div>
            <!--匯款單或轉帳交易明細-->
            <div v-if="orderObj.enRentedFor == 100">
                <div class="x_title">
                    <h2>匯款單或轉帳交易明細</h2>
                    <span class="prettier-input">
                        <span style="display: none;">
                            <input type="file" id="fuReceipt" accept=".gif, .jpg, .jpeg, .png, .webp, .pdf" ref="fuReceipt" @change="onFileChange" />
                        </span>
                        <a v-if="orderObj.enStatus != 9999" class="btn btn-success" @click="triggerUpload('#fuReceipt')">匯款單上傳</a>
                    </span>
                    <div class="clearfix"></div>
                </div>
                <div>
                    <ul class="receipt">
                        <li class="text-center" v-for="(item, idx) in receipt">
                            <div class="img-with-remove" v-if="(item.imgSrc != null && item.imgSrc != '')">
                                <a :href="item.imgSrc" class="fancybox">
                                    <div>
                                        <i v-if="item.imgSrc.indexOf('.pdf') >= 0" class="fas fa-file-pdf"></i>
                                        <img v-else :src="item.imgSrc" />
                                    </div>
                                </a>
                                <a class="btn btn-danger" v-if="orderObj.enStatus != 9999" @click="deleteReceipt(item, idx)"><i class="fas fa-trash-alt"></i></a>
                            </div>
                        </li>
                        <li v-if="receipt == null || receipt.length == 0">No Data.</li>
                    </ul>
                    <div class="clearfix"></div>
                </div>
            </div>
            <!--收款記錄-->
            <div v-if="orderObj.enSource != 200 && (orderObj.enPayMethod == 100 || orderObj.enPayMethod == 300)">
                <div class="x_title">
                    <h2>收款記錄</h2>
                    <a :href="'_paymentrecordedit?oid=' + orderObj.id" class="btn btn-success iframeNoClose">新增</a>
                    <div class="clearfix"></div>
                </div>
                <div>
                    <table border="0" cellpadding="5" cellspacing="1" class="table jambo_table">
                        <thead>
                            <tr>
                                <td class="text-center">#</td>
                                <td></td>
                                <td class="text-center">收款日期</td>
                                <td class="text-right">收款金額</td>
                                <td class="text-center">發票日期</td>
                                <td class="text-right">發票金額</td>
                                <td class="text-center">發票號碼</td>
                                <td></td>
                                <td></td>
                            </tr>
                        </thead>
                        <tbody>
                            <tr v-for="(item, index) in paymentRecords">
                                <td class="text-center">{{index + 1}}</td>
                                <td><a class="btn btn-success btn-sm iframe" :href="'_paymentrecordedit?oid=' + orderObj.id + '&id=' + item.id"><i class="fas fa-edit"></i></a></td>
                                <td class="text-center">{{item.paymentDate}}</td>
                                <td class="text-right">{{item.paymentAmount.toLocaleString()}}</td>
                                <td class="text-center">{{item.invoiceDate}}</td>
                                <td class="text-right">{{item.invoiceAmount.toLocaleString()}}</td>
                                <td class="text-center">{{item.invoiceNum}}</td>
                                <td>
                                    <a :href="item.imgSrc" class="fancybox" v-if="(item.imgSrc != null && item.imgSrc != '')">
                                        <div>
                                            <i v-if="item.imgSrc.indexOf('.pdf') >= 0" class="fas fa-file-pdf fa-2x"></i>
                                            <img v-else :src="item.imgSrc" />
                                        </div>
                                    </a>
                                </td>
                                <td class="text-center">{{item.memo}}</td>
                            </tr>
                            <tr v-show="paymentRecords == null || paymentRecords.length == 0">
                                <td colspan="9" class="text-center">No Data.</td>
                            </tr>
                        </tbody>
                        <tfoot v-show="paymentRecords != null && paymentRecords.length > 0">
                            <tr>
                                <td colspan="3" class="text-right">合計</td>
                                <td class="text-right">{{paymentAmt.toLocaleString()}}</td>
                                <td></td>
                                <td class="text-right">{{invoiceAmt.toLocaleString()}}</td>
                                <td></td>
                                <td></td>
                                <td></td>
                            </tr>
                        </tfoot>
                    </table>
                    <div class="clearfix"></div>
                </div>
            </div>
            <!--回簽合約-->
            <div v-if="orderObj.enType == 100 && orderObj.enStatus != 500 && orderObj.enStatus >= 400">
                <div class="x_title">
                    <h2>回簽合約</h2>
                    <span class="prettier-input">
                        <span style="display: none;">
                            <input type="file" id="fuContract" accept=".gif, .jpg, .jpeg, .png, .webp, .pdf" ref="fuContract" @change="onFileChange" />
                        </span>
                        <a v-if="orderObj.enStatus != 9999" class="btn btn-success" @click="triggerUpload('#fuContract')">合約上傳</a>
                    </span>
                    <div class="clearfix"></div>
                </div>
                <div>
                    <ul class="receipt">
                        <li class="text-center" v-for="(item, idx) in contracts">
                            <div class="img-with-remove" v-if="(item.imgSrc != null && item.imgSrc != '')">
                                <a :href="item.imgSrc" class="fancybox">
                                    <div>
                                        <i v-if="item.imgSrc.indexOf('.pdf') >= 0" class="fas fa-file-pdf"></i>
                                        <img v-else :src="item.imgSrc" />
                                    </div>
                                </a>
                                <a class="btn btn-danger" v-if="orderObj.enStatus != 9999" @click="deleteContract(item, idx)"><i class="fas fa-trash-alt"></i></a>
                            </div>
                        </li>
                        <li v-if="contracts == null || contracts.length == 0">No Data.</li>
                    </ul>
                    <div class="clearfix"></div>
                </div>
            </div>
        </div>
    </div>
    <!--其它費用-->
    <div class="col-md-12 col-sm-12 col-xs-12 x_panel">
        <div class="x_title">
            <h2>
                其它費用&nbsp;&nbsp;&nbsp;&nbsp;
                <a v-show="orderObj.enStatus != 9999" :href="'_otheredit?oid=' + orderObj.id" class="btn btn-success iframeNoClose">新增</a>
            </h2>
            <ul class="nav navbar-right panel_toolbox">
                <li><a class="collapse-link"><i class="fas fa-chevron-up"></i></a></li>
            </ul>
            <div class="clearfix"></div>
        </div>
        <div class="col-md-12 col-sm-12 col-xs-12 x_content">
            <table border="0" cellpadding="5" cellspacing="1" class="table jambo_table">
                <thead>
                    <tr>
                        <td class="text-center">#</td>
                        <td></td>
                        <td>類型</td>
                        <td>收費對象</td>
                        <td>說明</td>
                        <td></td>
                        <td class="text-right">費用</td>
                        <td class="text-center">狀態</td>
                        <td>付款日期</td>
                        <td></td>
                    </tr>
                </thead>
                <tbody>
                    <tr v-for="(other, index) in modifyObj.others.list">
                        <td class="text-center">{{index + 1}}</td>
                        <td><a class="btn btn-success btn-sm iframe" :href="'_otheredit?oid=' + orderObj.id + '&id=' + other.id"><i class="fas fa-edit"></i></a></td>
                        <td>{{other.typeString}}</td>
                        <td>{{other.billingTargetString}}</td>
                        <td>{{other.description}}</td>
                        <td>
                            <div v-if="other.enType == 100">
                                <div>
                                    [{{other.shippingMethodString}}]
                                    <div v-if="other.delivery != null">
                                        <span v-if="other.enShippingMethod == 500 || other.enShippingMethod == 600">{{other.delivery.county}}{{other.delivery.city}} {{other.delivery.address}}</span>
                                        <div v-else>
                                            <div v-for="item in ltStores" v-if="other.delivery.storeId == item.id">{{item.shortName}}<span v-if="item.zipCode != null && item.zipCode != ''">  ({{item.county}}{{item.city}}{{item.address}})</span></div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div v-if="other.enType == 200">
                                <u>維修日期</u>: {{other.repaireDate}}
                            </div>
                        </td>
                        <td class="text-right nobr">{{other.fee.toLocaleString()}}</td>
                        <td class="text-center">{{other.paymentStatusString}}</td>
                        <td>
                            <span v-if="other.paymentDatetime == null">--</span>
                            <span v-else>{{other.paymentDatetime}}</span>
                        </td>
                        <td class="text-center">
                            <span v-if="other.enVerified == 1" class="label label-default">已對帳</span>
                        </td>
                    </tr>
                    <tr v-show="modifyObj.others.list == null || modifyObj.others.list.length == 0">
                        <td colspan="10" class="text-center">No Data.</td>
                    </tr>
                </tbody>
                <tfoot v-show="modifyObj.others.list != null && modifyObj.others.list.length > 0">
                    <tr v-show="modifyObj.others.userBilling.total != 0">
                        <td colspan="7" class="text-right">
                            <span class="other-subtotal" v-if="modifyObj.others.userBilling.freightage != 0">
                                運費 {{modifyObj.others.userBilling.freightage.toLocaleString()}}
                            </span>
                            <span class="other-subtotal" v-if="modifyObj.others.userBilling.repair != 0">
                                <i class="fas fa-plus" v-if="modifyObj.others.userBilling.freightage != 0"></i>
                                維修費 {{modifyObj.others.userBilling.repair.toLocaleString()}}
                            </span>
                        </td>
                        <td colspan="3">
                            <span class="other-subtotal">
                                <i class="fas fa-equals"></i>
                                總計 {{modifyObj.others.userBilling.total.toLocaleString()}}
                            </span>
                            (客戶)
                        </td>
                    </tr>
                    <tr v-show="modifyObj.others.storeBilling.total != 0">
                        <td colspan="7" class="text-right">
                            <span class="other-subtotal" v-if="modifyObj.others.storeBilling.freightage != 0">
                                運費 {{modifyObj.others.storeBilling.freightage.toLocaleString()}}
                            </span>
                            <span class="other-subtotal" v-if="modifyObj.others.storeBilling.repair != 0">
                                <i class="fas fa-plus" v-if="modifyObj.others.storeBilling.freightage != 0"></i>
                                維修費 {{modifyObj.others.storeBilling.repair.toLocaleString()}}
                            </span>
                        </td>
                        <td colspan="3">
                            <span class="other-subtotal">
                                <i class="fas fa-equals"></i>
                                總計 {{modifyObj.others.storeBilling.total.toLocaleString()}}
                            </span>
                            (門市)
                        </td>
                    </tr>
                </tfoot>
            </table>
        </div>
    </div>

    <div class="col-md-5 col-sm-6 col-xs-12">
        <ul class="info">
            <li>
                <span class="title">訂單編號</span>
                {{orderObj.orderNum}}
            </li>
            <li>
                <span class="title">類型</span>
                <span class="label-status" :class="'om-type' + orderObj.enType">{{orderObj.typeString}}</span>
                <span class="label-status" :class="'om-source' + orderObj.enSource" v-if="orderObj.enSource != 100">{{orderObj.sourceString}}</span>
            </li>
            <li>
                <span class="title">建立</span>
                <span>{{orderObj.createDate}}</span>
            </li>
        </ul>
    </div>
    <div class="col-md-4 col-sm-6 col-xs-12">
        <ul class="info">
            <li>
                <span class="title">來源</span>
                <span v-if="storeObj != null && storeObj.id > 0 ">
                    <span v-if="storeObj.shortName == null || storeObj.shortName == ''">{{storeObj.marketName.substring(0, 4)}}．{{storeObj.name}}</span>
                    <span v-else>{{storeObj.shortName}}</span>
                </span>
                <span v-else class="label-status" :class="'om-source' + orderObj.enSource">{{orderObj.sourceString}}</span>
                <a href="#dvChangeType" class="btn btn-warning btn-xs changetype" v-if="orderObj.enSource != 200 && orderObj.enStatus != 9999">變更</a>
            </li>
            <li>
                <span class="title">租借目的</span>
                <span class="label-status" :class="'om-rentedfor' + modifyObj.enRentedFor">{{modifyObj.rentedForString}}</span>
            </li>
            <li v-if="modifyObj.isCodFreight || modifyObj.isCodConsumableFee" class="deepblue">
                <span class="title">佳醫代收</span>
                $ {{modifyObj.codFee.toLocaleString()}} {{modifyObj.codInfo}}
            </li>
        </ul>
    </div>
    <div class="col-md-3 col-sm-6 col-xs-12">
        <ul class="info">
            <li>
                <span class="title">品項</span>
                $ {{modifyObj.details.total.toLocaleString()}}
            </li>
            <li>
                <span class="title">其它</span>
                $ {{modifyObj.others.total.toLocaleString()}}
            </li>
            <li>
                <span class="title">合計</span>
                $ {{orderObj.total.toLocaleString()}}
            </li>
        </ul>
    </div>
    <div class="col-md-12 col-sm-12 col-xs-12"></div>
    <div style="display: none;">
        <div id="dvChangeType" style="border: solid 1px; width: 75%; margin: 0 auto;">
            <div class="list">
                <div class="col-md-12 col-sm-12 col-xs-12 result">
                    <div class="col-md-12 col-sm-12 col-xs-12">
                        <h2>請選擇要變更的通路&門市：</h2>
                        <div class="col-md-4 col-sm-6 col-xs-12">
                            <div class="autocomplete">
                                <input type="search" id="query-market" class="form-control" placeholder="= 通路 =" />
                            </div>
                        </div>

                        <div class="col-md-4 col-sm-6 col-xs-12">
                            <div class="autocomplete">
                                <input type="search" id="query-store" class="form-control" placeholder="= 門市 =" />
                            </div>
                        </div>
                        <div class="clear"></div>
                        <br />
                        <div class="col-md-6 col-sm-6 col-xs-12">
                            <a class="btn btn-success btn-lg" @click="changeOwnerStore(false)">儲存轉介門市</a>
                            <a class="btn btn-success btn-lg" @click="changeOwnerStore(true)"> 轉為佳醫訂單</a>
                        </div>
                    </div>
                    <div class="col-md-12 col-xs-12 text-center">
                        <hr />
                        <a class="btn btn-info" @click="closeFancyBox()">關閉</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="footer-action">
        <h4>操作：</h4>
        <a class="btn btn-success btn-lg" v-if="orderObj.enType == 100 && (orderObj.enStatus == 200 || orderObj.enStatus == 210) && orderObj.enSource != 200" @click="transToInquiry()">轉回詢問單</a>
        <a class="btn btn-success btn-lg" v-if="orderObj.enType == 100 && (orderObj.enStatus == 200 || orderObj.enStatus == 210)" @click="transToBeShipped()">已確認轉 [待出貨]</a>
        <a class="btn btn-success btn-lg" v-if="orderObj.enType == 200 && (orderObj.enStatus == 200 || orderObj.enStatus == 210)" @click="transToRenew()">已確認轉 [續租]</a>

        <a class="btn btn-default btn-lg order-pending" v-if="orderObj.enStatus == 300">{{orderObj.statusString}}</a>

        <a class="btn btn-info btn-lg iframe" v-if="orderObj.enType == 100 && orderObj.enStatus >= 400 && orderObj.enStatus != 500" :href="'@packingDetail?oid=' + orderObj.id"><i class="fas fa-print"></i> 出貨單</a>
        <a class="btn btn-info btn-lg iframe" v-if="orderObj.enType == 100 && orderObj.enStatus >= 400 && orderObj.enStatus != 500 && orderObj.enRentedFor == 100" :href="'@contract?oid=' + orderObj.id"><i class="fas fa-print"></i> 合約書</a>

        <a class="btn btn-warning btn-lg" @click="pauseOrder();" v-if="showPauseOrderBtn()">轉待通知訂單</a>
        <a class="btn btn-warning btn-lg" @click="restoreOrder();" v-if="orderObj.enStatus == 500">恢復訂單</a>
        <a class="btn btn-danger btn-lg" @click="deleteOrder();" v-if="showDeleteOrderBtn()">刪除訂單</a>
        <a class="btn btn-success btn-lg" @click="closedOrder();" v-if="orderObj.enStatus == 800">轉已結案</a>
        <a class="btn btn-info btn-lg" @click="backToList()">回列表頁</a>
        <a v-show="false" class="btn btn-lg btn-success iframeNoClose" id="hlkPacking"></a>
    </div>
    <!--Content E-->
    <!--FinalScript S-->
    <script src="/assets/third-party/twzipcode.assistive.js?tf=202507141210"></script>
    <script src="/assets/third-party/twzipcode.latest.js"></script>
    <script src="orderedit.js?tf=202507260346" type="module"></script>
    <!--FinalScript E-->
</body>
</html>