public SN-Fashion template invoice

<script type="text/javascript">
    var lastMile3PLs = [];
    lastMile3PLs['Kerry'] = 'Kerry';
    lastMile3PLs['Seller Own Delivery'] = 'SOFP_TH';
    lastMile3PLs['LEX'] = 'LEX TH';
    lastMile3PLs['LEX dropoff'] = 'LEX TH';
    lastMile3PLs['TP Thailand'] = 'Thai Parcel';
    lastMile3PLs['AcommerceTH'] = 'AcommerceTH';
    lastMile3PLs['AS-FedEx'] = 'AS-FedEx';
    lastMile3PLs['AS-dhl'] = 'AS-dhl';
    lastMile3PLs['AS-dhl-2'] = 'AS-dhl';
    lastMile3PLs['AS-ups'] = 'AS-ups';
    lastMile3PLs['AS-aramex'] = 'AS-aramex';
    lastMile3PLs['AS-Kerry-logistics'] = 'AS-Kerry-logistics';
    lastMile3PLs['Yusen'] = 'Yusen';
    lastMile3PLs['Kerry(insured)'] = 'Kerry(insured)';
    lastMile3PLs['LEX+ Kerry'] = 'Kerry';
    lastMile3PLs['LEX+ Kerry (insured)'] = 'Kerry(insured)';
    lastMile3PLs['AS-LWE-Express'] = 'AS-LWE-Express';
    lastMile3PLs['Thai Post_Dropoff'] = 'ThaiPost';
    lastMile3PLs['LGS-FM40-seller system'] = 'LGS';
    lastMile3PLs['LEX+Thai Post'] = 'ThaiPost';
    lastMile3PLs['Kerry_dropoff'] = 'Kerry';
    lastMile3PLs['TP Thailand_Dropoff'] = 'Thai Parcel';
    lastMile3PLs['DHLTH'] = 'DHL';
    lastMile3PLs['LGS-FM01'] = 'LGS';
    lastMile3PLs['LGS-FM40'] = 'LGS';
    lastMile3PLs['LGS-FM41'] = 'LGS';
    lastMile3PLs['LGS-FM42'] = 'LGS';
    lastMile3PLs['V-cargo'] = 'V-cargo';
    lastMile3PLs['LEX dropoff'] = 'LEX TH';
    lastMile3PLs['LGS-FM43'] = 'LGS';
    lastMile3PLs['Testing 3PL TMS'] = 'AcommerceTH';
    lastMile3PLs['LEX-dropoff+Kerry'] = 'Kerry';
    lastMile3PLs['LEX-dropoff+Kerry (insured)'] = 'Kerry(insured)';
    lastMile3PLs['LEX-dropoff+DHLTH'] = 'DHL';
    lastMile3PLs['LEX-dropoff+Thai Post'] = 'ThaiPost';
    lastMile3PLs['LEX-dropoff+TP Thailand'] = 'Thai Parcel';
    lastMile3PLs['DHLTH_dropoff'] = 'DHL';
    lastMile3PLs['LGS-FM50'] = 'LGS';
    lastMile3PLs['SBM'] = 'SBM TH';
    lastMile3PLs['DHLSC+NJV FM'] = 'NinjaVanTH';
    lastMile3PLs['DHLSC+NJV LM'] = 'NinjaVanTH';
    lastMile3PLs['DHLSC+TP Thailand FM'] = 'Thai Parcel';
    lastMile3PLs['DHLSC+TP Thailand LM'] = 'Thai Parcel';
    lastMile3PLs['DHLSC+LEX FM'] = 'LEX TH';
    lastMile3PLs['DHLSC+LEX LM'] = 'LEX TH';
    lastMile3PLs['DHLSC+Yusen FM'] = 'Yusen';
    lastMile3PLs['DHLSC+Yusen LM'] = 'Yusen';
    lastMile3PLs['DHLSC+Vcargo FM'] = 'V-cargo';
    lastMile3PLs['DHLSC+Vcargo LM'] = 'V-cargo';
    lastMile3PLs['NJV+TP Thailand FM'] = 'Thai Parcel';
    lastMile3PLs['NJV+TP Thailand LM'] = 'Thai Parcel';
    lastMile3PLs['NJV+LEX FM'] = 'LEX TH';
    lastMile3PLs['NJV+LEX LM'] = 'LEX TH';
    lastMile3PLs['NJV'] = 'NinjaVanTH';
    lastMile3PLs['TP Thailand+NJV FM'] = 'NinjaVanTH';
    lastMile3PLs['TP Thailand+NJV LM'] = 'NinjaVanTH';
    lastMile3PLs['TP Thailand+LEX FM'] = 'LEX TH';
    lastMile3PLs['TP Thailand+LEX LM'] = 'LEX TH';
    lastMile3PLs['AS-Rincos'] = 'AS-Rincos';
    lastMile3PLs['AS-ECMS'] = 'AS-ECMS';
    lastMile3PLs['DHLSC+CJGLS FM'] = 'CJGLS';
    lastMile3PLs['DHLSC+CJGLS LM'] = 'CJGLS';
    lastMile3PLs['TP Thailand+CJGLS FM'] = 'CJGLS';
    lastMile3PLs['TP Thailand+CJGLS LM'] = 'CJGLS';
    lastMile3PLs['CJGLS'] = 'CJGLS';
    lastMile3PLs['DHLSC'] = 'DHLSC';
    lastMile3PLs['ThaiPost'] = 'ThaiPost';
    lastMile3PLs['LGS-SZXABKK18'] = 'LGS';
    lastMile3PLs['LGS-SZXABKK19'] = 'LGS';
    lastMile3PLs['AS-india-post-int'] = 'AS-india-post-int';
    lastMile3PLs['AS-DTDC'] = 'as-data';
    lastMile3PLs['AS-Delhivery'] = 'as-delhivery';
    lastMile3PLs['7-Eleven'] = '7-Eleven';
    lastMile3PLs['DHCLM'] = 'DSCLM';
    lastMile3PLs['LF'] = 'LF';
    lastMile3PLs['AS-LOGISTHAI'] = 'AS-LOGISTHAI';
    lastMile3PLs['Logisthai'] = 'Logisthai';
    lastMile3PLs['LGS-FM20'] = 'Cainiao';
    lastMile3PLs['LGS-FM21'] = 'Cainiao';
    lastMile3PLs['BEST'] = 'Best';
    lastMile3PLs['The Lorry'] = 'The Lorry';
    lastMile3PLs['Nim Express'] = 'Nim Express';
    lastMile3PLs['Deliveree'] = 'Deliveree';
    lastMile3PLs['Giztix'] = 'Giztix';
    lastMile3PLs['Flash Express'] = 'Flash Express';
    lastMile3PLs['J&amp;T TH'] = 'J&T Express Thailand';
    var lastMile3PL = lastMile3PLs['{{shipping_provider}}'];

    var FM = "{{first_mile_shipping_provider}}";
    document.getElementById("FM").innerText = FM;
    document.getElementById("lastMile3PL").innerText = lastMile3PL;
    console.log(FM, lastMile3PL);
</script>
<div style="display:none;">
    <h1 id="FM">&nbsp;</h1>

    <h1 id="lastMile3PL">&nbsp;</h1>
</div>
<link href="chrome-extension://ojdacaeifolmomdnjodfmojipkmkboii/css/bootstrap.min.css" rel="stylesheet" />
<style type="text/css">
    .barcode-100 img {
        width: 200px;
        height: 70px;
    }
</style>
<div class="container-fluid">
    <div class="d-flex justify-content-between align-items-center mb-3">
        <div>
            <div class="qrcode mock" id="kerry-qr-{{tracking_id}}" style="width: auto;height: 70%;">
                {{#barcodes.QRCODE_7_7}}{{ tracking_id }} 1 1
                {{{ shipment_provider_route }}}{{/barcodes.QRCODE_10_10}}</div>

            <div class="pt-3">
                <h1 class="p-0 m-0">{{ tracking_id }}</h1>
            </div>
        </div>

        <div class="replace-logo">&nbsp;</div>
    </div>

    <div class="row justify-content-between h-1">
        <div class="border border-dark rounded p-3 col-8">
            <div class="row">
                <div class="col-3">ชื่อผู้รับ</div>

                <div class="col-9">
                    <h4>{{{ shipping_address_customer_name }}}</h4>
                </div>
            </div>

            <div class="row">
                <div class="col-3">ที่อยู่</div>

                <div class="col-9">
                    <h4>{{shipping_address_street}}<br />
                        {{shipping_address_street4}} {{shipping_address_street3}} {{{shipping_address_zipcode}}}</h4>
                </div>
            </div>

            <div class="row">
                <div class="col-3">เบอร์โทร</div>

                <div class="col-9">
                    <h4>{{ shipping_address_phone_number }}</h4>
                </div>
            </div>

            <div class="row">
                <div class="col-3">Order Number</div>

                <div class="col-9">
                    <h4>{{ order_nr }}</h4>
                </div>
            </div>
        </div>

        <div class="p-1 col-4 text-center">
            <h4>{{{ payment_method }}}</h4>

            <div class="barcode-100" style="padding-top: 5px;color: #ffffff;">
                {{#barcodes.C39_1_35}}{{ total }}{{/barcodes.C39_1_35}}</div>
        </div>
    </div>

    <div class="border-top my-3">&nbsp;</div>

    <div class="table-order-items mt-3"><span>{{{ order_items }}}</span></div>

    <div class="border-top my-3">&nbsp;</div>

    <div class="replace-thankyou">&nbsp;</div>
</div>

<div class="barcode mock d-none" style="height: 101px;margin-top: 4px;" type="code128" width="2">
    {{#barcodes.C128_1_104}}{{ tracking_id }}{{/barcodes.C128_1_104}}</div>

<div class="customer-name d-none">{{{ shipping_address_customer_name }}}</div>

<div class="customer-phone d-none">{{ shipping_address_phone_number }}</div>

<div class="customer-order d-none">{{ order_nr }}</div>