https://www.toyota.co.th/component/build/web-footer/web-footer.min.js

1(()=>{if(!customElements.get("web-footer")){class t extends HTMLElement{constructor(){super()}async connectedCallback(){this.render();try{this.BASE_URL=this.getAttribute("base-url")||window.location.origin,this.MEDIA_URL=this.getAttribute("media-url")||`${this.BASE_URL}/media`,this.config={base_url:this.BASE_URL,media_url:this.MEDIA_URL};const t=await fetch(this.config.base_url+"/component/api/tcoth/nav-footer",{method:"POST"}),n=await t.json();this.render(n)}catch(t){console.error("Error loading web footer component:",t)}}render(t){const n=document.documentElement.lang,e="en"===n?"/en":"";this.BASE_URL=this.getAttribute("base-url")||window.location.origin,this.MEDIA_URL=this.getAttribute("media-url")||`${this.BASE_URL}/media`,this.config={base_url:this.BASE_URL,media_url:this.MEDIA_URL};let a="";null==t||t.forEach(t=>{var e;a+='<div class="col-lg-4">',null==(e=null==t?void 0:t.list)||e.forEach(t=>{var e;a+=`<div class="nav__footer">\n                        <div class="box">\n                            <p class="head">${"en"===n?t.title_en:t.title}</p>\n                            <ul class="list">`,null==(e=null==t?void 0:t.list)||e.forEach(t=>{a+=`<li><a href="${"en"===n&&t.url_en?t.url_en:t.url}" target="${t.target}">${"en"===n?t.title_en:t.title}</a></li>`}),a+="\n                            </ul>\n                        </div>\n                    </div>"}),a+="</div>"}),this.innerHTML=`\n        <div id="footer">\n            <div class="box__info">\n                <div class="container">\n                    <div class="row no-gutters">\n                        <div class="col-lg-9">\n                            <div class="row">  \n                                ${a}                                \n                            </div>\n                        </div>\n                        <div class="col-lg-3">\n                            <div class="box__contact">\n                                <p class="title">${"en"===n?"Customer Contact Center":"ศูนย์บริการข้อมูลลูกค้า"}</p>\n                                <p>\n                                    ${"en"===n?'<span>Tel. <a href="tel:1486">1486</a> Voice Bot Technology<br>and Roadside Assistance are available<br>24 hours a day</span>':'<span>เบอร์ <a href="tel:1486">1486</a> บริการด้วยเทคโนโลยี Voice Bot <br>และประสานช่วยเหลือรถเสียฉุกเฉิน 24 ชั่วโมง</span>'}\n                                </p>\n                                <p>\n                                    <span>E-mail : <a href="mailto:[email protected]">[email protected]</a></span>\n                                </p>\n                                <p class="title mt-5">${"en"===n?"Online Channels":"ช่องทางติดต่อออนไลน์"}</p>\n                                <div class="box__social mb-lg-2 pb-2">\n                                    <a href="https://www.youtube.com/@toyotathailand" target="_blank"><img src="${this.config.media_url}/newmenu-2024/img/icon/youtube.webp" alt=""></a>\n                                    <a href="https://www.facebook.com/toyotamotor.th" target="_blank"><img src="${this.config.media_url}/newmenu-2024/img/icon/fb.webp" alt=""></a>\n                                    <a href="https://www.instagram.com/toyotamotorthailandofficial" target="_blank"><img src="${this.config.media_url}/newmenu-2024/img/icon/ig.webp" alt="" class="d-block w-auto"></a>\n                                    <a href="https://www.threads.net/@toyotamotorthailandofficial" target="_blank"><img src="${this.config.media_url}/newmenu-2024/img/icon/threads.svg" alt="" class="d-block w-auto"></a>\n                                    <a href="https://x.com/ToyotaMotorTH" target="_blank"><img src="${this.config.media_url}/newmenu-2024/img/icon/x.webp" alt="" class="d-block w-auto"></a>\n                                    <a href=" https://www.tiktok.com/@toyotamotorth?_t=8hxDknJhZ7I&_r=1" target="_blank"><img src="${this.config.media_url}

1/newmenu-2024/img/icon/tiktok.svg" alt="" class="d-block w-auto"></a>\n                                </div>\n                                <p>\n                                    <span>Line ID : <a href="https://lin.ee/dSOeLR9" target="_blank">@toyotathailand</a></span>\n                                </p>\n                                <div class="text-center px-5">\n                                    <a href="https://lin.ee/dSOeLR9" target="_blank"><img src="${this.config.media_url}/newmenu-2024/img/toyotathailand_line_qrcode.webp" alt="@toyotathailand" class="img-thumbnail line_qrcode"></a>\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div class="box__text">\n                <div class="container">\n                    <div class="row align-items-lg-center justify-content-lg-between">\n                        <div class="col-lg-auto">\n                            <p>${"en"===n?"Copyright 2022 Toyota Motor Thailand Co., Ltd. All rights reserved.":"สงวนลิขสิทธิ์ พ.ศ. 2565 บริษัท โตโยต้า มอเตอร์ ประเทศไทย จำกัด"}</p>\n                        </div>\n                        <div class="col-lg-auto">\n                            <ul class="list__link">\n                                <li><a href="${e}/legal/terms">${"en"===n?"Terms of Use":"เงื่อนไขการใช้งาน"}</a></li>\n                                <li><a href="${e}/legal/policy">${"en"===n?"Privacy Policy":"นโยบายความเป็นส่วนตัว"}</a></li>\n                                <li><a href="${e}/legal/cookies_policy">${"en"===n?"Cookies Policy and Settings":"นโยบายและการตั้งค่าคุกกี้"}</a></li>\n                            </ul>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n        `}}customElements.define("web-footer",t)}})();