html
  head
    title= region.nuts
    link(rel='stylesheet' href='//cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.4.1/semantic.min.css')
    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')

  body

    h1= region.metadata.name + ' (' + region.metadata.code + ')'

    if region.metadata.pilot
        div.ui.stackable.grid
          div.four.wide.column
            h3= 'Pilot region ' + region.metadata.pilot.name
            p
              div= 'Pilot lead: ' + region.metadata.pilot.leadname + ' '
              a(href= region.metadata.pilot.leadlink) !{region.metadata.pilot.leadlink}
            div#map
          div.four.wide.column
            h3= 'Description'
            p= region.metadata.pilot.desc
          div.four.wide.column
            h3= 'Vision statement'
            p= region.metadata.pilot.vision
          div.four.wide.column
            h3= 'Expected impact'
            p= region.metadata.pilot.impact
    else
      div#metadata
        div#map

    table.ui.striped.table
      thead
        tr
          th Description
          th Category
          th Region score
      tbody
        each ds in datasets
          tr
            td= ds.Description
            td= ds.Factor
            td= region[ds.Factor][ds.Name] !== undefined ? +(region[ds.Factor][ds.Name] * 100).toFixed(2) + ' %' : '--'
    
    script.
      let c = !{JSON.stringify(region.metadata.centroid)};
      initMap(c);