"use strict";(globalThis["webpackChunkcasestudy"]=globalThis["webpackChunkcasestudy"]||[]).push([[468],{5572:(t,e,a)=>{a.d(e,{C:()=>o,_:()=>n});const s="/api/",n=async t=>{let e,a=r();try{let n=await fetch(`${s}${t}`,{method:"GET",headers:a});e=await n.json()}catch(n){console.log(n),e={error:`Error has occured: ${n.message}`}}return e},o=async(t,e)=>{let a,n=r();try{let o=await fetch(`${s}${t}`,{method:"POST",headers:n,body:JSON.stringify(e)});a=await o.json()}catch(o){a=o}return a},r=()=>{const t=new Headers,e=JSON.parse(sessionStorage.getItem("customer"));return e?(t.append("Content-Type","application/json"),t.append("Authorization","Bearer "+e.token)):t.append("Content-Type","application/json"),t}},1468:(t,e,a)=>{a.r(e),a.d(e,{default:()=>C});var s=a(9835),n=a(1957);const o={class:"text-center"},r=(0,s._)("div",{class:"text-h4 q-mt-lg"},"3 Closest Branches",-1),l=(0,s._)("br",null,null,-1),d={style:{height:"50vh",width:"90vw","margin-left":"5vw","margin-top":"2vh",border:"solid"},ref:"mapRef"};function i(t,e,a,i,c,p){const u=(0,s.up)("q-input"),h=(0,s.up)("q-btn");return(0,s.wg)(),(0,s.iD)("div",o,[r,(0,s._)("div",null,[(0,s.Wm)(u,{class:"q-ma-lg text-h5",placeholder:"enter current address",id:"address",modelValue:i.state.address,"onUpdate:modelValue":e[0]||(e[0]=t=>i.state.address=t)},null,8,["modelValue"]),l,(0,s.Wm)(h,{label:"Find 3 Closest",onClick:i.genMap,class:"p-button-outlined",style:{width:"30vw"}},null,8,["onClick"])]),(0,s.wy)((0,s._)("div",d,null,512),[[n.F8,!0===i.state.showmap]])])}var c=a(499),p=a(5572);const u={setup(){const t=(0,c.iH)(null);let e=(0,c.qj)({status:"",address:"",threeStores:[],showmap:!1});const a=async()=>{try{e.showmap=!0;const a=window.tt;let s=`https://api.tomtom.com/search/2/geocode/${e.address}.json?key=DjTrtG8CPZ0XVU8HJkAP1jVAP5adXgEX`,n=await fetch(s),o=await n.json(),r=o.results[0].position.lat,l=o.results[0].position.lon,d=a.map({key:"DjTrtG8CPZ0XVU8HJkAP1jVAP5adXgEX",container:t.value,source:"vector/1/basic-main",center:[l,r],zoom:8});d.addControl(new a.FullscreenControl),d.addControl(new a.NavigationControl);let i=await(0,p._)(`Branch/${r}/${l}`);i.forEach((t=>{let e=(new a.Marker).setLngLat([t.longitude,t.latitude]).addTo(d),s=25,n=new a.Popup({offset:s});n.setHTML(`<div id="popup">Store#: ${t.id}</div><div>${t.street}, ${t.city}\n <br/>${t.distance.toFixed(2)} KM</div>`),e.setPopup(n)}))}catch(a){e.status=a.message}};return{state:e,mapRef:t,genMap:a}}};var h=a(1639),m=a(6611),w=a(4455),g=a(9984),v=a.n(g);const y=(0,h.Z)(u,[["render",i]]),C=y;v()(u,"components",{QInput:m.Z,QBtn:w.Z})}}]);