{% extends "base.html" %}

{% block title %}
  {{__(title)}}
{% endblock %}

{% block stylesheet %}
  <link rel="stylesheet" media="screen" href="/static/stylesheets/green-energy/main.f417ef6f.chunk.css">
  <style>
    svg {
      fill: currentcolor;
    }
  </style>
{% endblock %}

{% block socialMediaMeta %}
  <!-- Open Graph -->
  <meta property="og:title" content="{{title}}" />
  <meta property="og:type" content="website" />
  <meta property="og:site_name" content="{{__('ENERGI DATA PORTAL')}}" />
  <meta property="og:image" content="{{'/static/img/svg/solar-and-wind-colored.svg'}}" />
  <meta property="og:image:alt" content="Energinet Wind And Solar Records" />
  <meta property="og:description" content="{{description or 'Open energy data from Energinet to society'}}" />
{% endblock %}

{% block content %}
<noscript>{{__('You need to enable JavaScript to run this app.')}}</noscript>

  <!-- files directly from git repo e.g. https://gitlab.com/api/v4/projects/18634177/repository/files/data%2Fyear.csv/raw?ref=master -->
  <div id="root" class="w-full" url="https://gitlab.com/api/v4/projects/18634177/repository/files/">
    <div class="lds-roller"><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div></div>
  </div>

  <!-- python app serving files from https://gitlab.com/api/v4/projects/18634177/repository/ if launched locally -->
  <!-- <div id="root" class="w-full" url="http://127.0.0.1:8385/">
    <div class="lds-roller"><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div></div>
  </div> -->

  <div class="mt-16 bg-edslightgray pt-3 pb-6">
    <h2 class="text-edsgreen ml-6">{{ __('Data sources') }}</h2>
    <div class="flex flex-col sm:flex-row">
      <ul class="my-auto ml-12 text-2xl">
        <li>
          <a 
          href="https://www.energidataservice.dk/tso-electricity/productionconsumptionsettlement"
          target="_blank"
          >
            Production and Consumption - Settlement
            <span class="text-sm">
              <i class="fa fa-external-link" aria-hidden="true"></i>
            </span>
          </a>
        </li>

        <li>
          <a 
          href="https://www.energidataservice.dk/dataset/electricitybalancenonv"
          target="_blank"
          >
          Electricity Balance Non-Validated
            <span class="text-sm">
              <i class="fa fa-external-link" aria-hidden="true"></i>
            </span>
          </a>
        </li>

        <li>
          <a 
          href="https://www.energidataservice.dk/dataset/forecasts_hour"
          target="_blank"
          >
            Forecast Wind and Solar power, hour resolution
            <span class="text-sm">
              <i class="fa fa-external-link" aria-hidden="true"></i>
            </span>
          </a>
        </li>

        <li>
          <a 
          href="https://www.energidataservice.dk/dataset/capacitypermunicipality"
          target="_blank"
          >
            Capacity Per Municipality
            <span class="text-sm">
              <i class="fa fa-external-link" aria-hidden="true"></i>
            </span>
          </a>
        </li>
      </ul>
    </div>
  </div>
{% endblock %}

{% block scripts %}

<script src="/static/js/green-energy/runtime-main.293e093c.js"></script>
<script src="/static/js/green-energy/2.8d1d2687.chunk.js"></script>
<script src="/static/js/green-energy/main.c6dd573d.chunk.js"></script>
{% endblock %}