html
  head
    title= region.nuts
    link(rel='stylesheet' href='https://unpkg.com/leaflet@1.7.1/dist/leaflet.css' integrity='sha512-xodZBNTC5n17Xt2atTPuE1HxjVMSvLVW9ocqUKLsCC5CXdbqCmblAshOMAS6/keqq/sMZMZ19scR4PsZChSR7A==' crossorigin='')
    link(rel='stylesheet' href='/map.css')
    script(src='https://unpkg.com/leaflet@1.7.1/dist/leaflet.js' integrity='sha512-XQoYMqMTK8LvdxXYG3nZ448hOEQiglfqkJs1NOQV44cWnUrBc8PkAOcXy20w0vlaXaVUearIOBhiXZ5V3ynxwA==' crossorigin='')
    script(src='/map.js')

    style.
  body
    div#metadata
      h1= region.metadata.name + ' (' + region.metadata.code + ')'

      div#map

    table
      tr
        th Dataset
        th Description
        th Region score

      each ds in datasets
        tr
          td= ds.Name
          td= ds.Description
          td= region[ds.Factor][ds.Name]
    
    script.
      let c = !{JSON.stringify(region.metadata.centroid)};
      initMap(c);