import js
from pyscript import document
from pyproj import Transformer

def geneer_link(event):
    
    #transformeer coordinaten
    transformatie = Transformer.from_crs("EPSG:4326","EPSG:28992", always_xy=True)
    rdtransformatie = transformatie.transform(js.lonx,js.laty)
    straalinv = int(document.querySelector('input[name="straal"]:checked').value)
    rd_x = int(rdtransformatie[0])
    rd_y = int(rdtransformatie[1])

    #Creeer bbox
    bxlo = rd_x - straalinv
    bylo = rd_y - straalinv
    bxrb = rd_x + straalinv
    byrb = rd_y + straalinv
    bbox_inp = f"{bxlo},{bylo},{bxrb},{byrb}"

    #response
    coor_div = document.querySelector("#coorpunt")
    coor_div.innerText = f'Het punt in de JSON-file heeft X-coordinaat {rd_x} en Y-coordinaat {rd_y} en de straal bedraagt {straalinv} meter.'
    
    link_nwb_out = document.querySelector("#a_nwb")
    link_nwb_out.href = f'https://geo.rijkswaterstaat.nl/services/ogc/gdr/nwb_wegen/ows?service=WFS&version=2.0.0&request=GetFeature&typename=nwbwegen%3Awegvakken&BBOX={bbox_inp}&outputFormat=application%2Fjson'
    
    resultaat_zichtbaar = document.querySelector("#output_link")
    resultaat_zichtbaar.style = "visibility: visible"

#Terugkoppeling als python geladen is
status_div = document.querySelector("#status")
status_div.innerText = 'Status: Applicatie gereed voor gebruik'