{{ define "main" }}

<main class="container">
  <h1>{{ .Title }}</h1>
  {{ .Content }}
  <nav class="nav nav-pills nav-fill dp-nav-pills" role="tablist">
    <a class="nav-item nav-link ml-2 mb-2 dp-background-color--hero active" id="genomic-resources-tab"
      href='#genomic-resources-content' data-bs-toggle="tab" role="tab"
      aria-controls='genomic-resources-content' aria-selected="false">
      <h6 class="m-0">Genomic resources</h6>
    </a>
    <a class="nav-item nav-link ml-2 mb-2 dp-background-color--hero" id="viral-sequences-tab"
      href='#viral-sequences-content' data-bs-toggle="tab" role="tab"
      aria-controls='viral-sequences-content' aria-selected="true">
      <h6 class="m-0">Viral sequences</h6>
    </a>
    <a class="nav-item nav-link ml-2 mb-2 dp-background-color--hero" id="host-sequences-tab"
      href='#host-sequences-content' data-bs-toggle="tab" role="tab"
      aria-controls='host-sequences-content' aria-selected="false">
      <h6 class="m-0">Host sequences</h6>
    </a>
  </nav>

  <div class="tab-content mt-5">
    <div class="tab-pane fade active show" id='genomic-resources-content' role="tabpanel" aria-labelledby='genomic-resources-tab'>
      <article>
        <h2>Geographical source of SARS-CoV-2 sequence data </h2>
        <p>
          The world map and table below provide a snapshot of the number of SARS-CoV-2 raw sequences submitted by country.
          <br />
          The original source of data is the <a href="https://www.covid19dataportal.org/statistics" target="_blank">COVID-19 Data Portal</a> statistics section.
        </p>
        <div class="d-block clearfix">
          <img src="/images/diagrams/raw_sequences_submitted_by_country.png" class="rounded float-left mr-5 d-block" style="max-width:50%" alt="Raw sequences submitted by Country">
          <table class="table table-responsive d-inline">
            <thead>
              <th>Country</th>
              <th>Raw sequences submitted</th>
            </thead>
            <tbody>
              <tr>
                <td>United Kingdom</td>
                <td>1,057,489</td>
              </tr>
              <tr>
                <td>USA</td>
                <td>484,219</td>
              </tr>
              <tr>
                <td>Ireland</td>
                <td>33,473</td>
              </tr>
              <tr>
                <td>Spain</td>
                <td>22,135</td>
              </tr>
              <tr>
                <td>Australia</td>
                <td>15,629</td>
              </tr>
            </tbody>
          </table>
        </div>
      </article>

      <article>

      </article>
        <h2>VEO consortium reports</h2>
        <p>
          The <a href="https://www.veo-europe.eu/" target="_blank">VEO consortium</a> (Versatile Emerging infectious disease Observatory) submits monthly reports to the European Commission on mutations and variation in publicly shared SARS-CoV-2 raw sequencing data.
          <br />
          You can browse all previous VEO reports in the table below.
          <br />
          If you would like to receive the VEO reports straight to your inbox, please send an email to <a href="mailto:veo.europe@erasmusmc.nl">veo.europe@erasmusmc.nl</a> with ‘VEO COVID-19 Report’ in the subject line.
        </p>
        <table class="table table-responsive table-sm">
          <thead>
            <th>Report</th>
            <th>News</th>
            <th>Download</th>
          </thead>
          <tbody>
            <tr>
              <td>8th report</td>
              <td><a href="https://www.veo-europe.eu/news/Nyhed?id={9F445038-C721-459F-9E90-CACF00FCC72E}" target="_blank">News</a></td>
              <td><a href="https://www.veo-europe.eu/-/media/sites/veo-europe/library/veo-covid-19-variants-report-8-final.pdf?la=da&hash=ED6ECE05BFE6D0AD51B00EBB7E7A322F37BF8471">Download report</a></td>
            </tr>
            <tr>
              <td>7th  report</td>
              <td><a href="https://www.veo-europe.eu/news/Nyhed?id={F636F235-DE3E-4BCC-8772-068017100945}" target="_blank">News</a></td>
              <td><a href="https://www.veo-europe.eu/-/media/sites/veo-europe/library/veo-covid-19-variants-report-7-final.pdf?la=da&hash=9571234B1BA6CC166DC2B20C99A403E1C0156710">Download report</a></td>
            </tr>
            <tr>
              <td>6th report</td>
              <td><a href="https://www.veo-europe.eu/news/Nyhed?id={0AB6C30A-4CED-4F71-88D6-058998C2673E}" target="_blank">News</a></td>
              <td><a href="https://www.veo-europe.eu/-/media/sites/veo-europe/library/veo-covid-19-variants-report-6-final.pdf?la=da&hash=38280825E8C0274822FC35DAD0B658939A13DB5A">Download report</a></td>
            </tr>
            <tr>
              <td>5th report</td>
              <td><a href="https://www.veo-europe.eu/news/Nyhed?id={B114E6E9-F4D4-4900-BDD4-2C2E546C0EA5}" target="_blank">News</a></td>
              <td><a href="https://www.veo-europe.eu/-/media/sites/veo-europe/library/veo-covid-19-variants-report-5-final.pdf?la=da&hash=8A01A87944E2E4D4DC0665968DFB9AD5673E7BFA">Download report</a></td>
            </tr>
            <tr>
              <td>4th report</td>
              <td><a href="https://www.veo-europe.eu/news/Nyhed?id={F96C565D-D211-4BC3-A751-7330ED55CDB3}" target="_blank">News</a></td>
              <td><a href="https://www.veo-europe.eu/-/media/sites/veo-europe/library/veo-covid-19-variants-report-4-final.pdf?la=da&hash=1120416E0F29FC5209AC1E4BAB027E766FC6D576">Download report</a></td>
            </tr>
            <tr>
              <td>3rd report</td>
              <td><a href="https://www.veo-europe.eu/news/Nyhed?id={E4321352-62C6-47A8-9977-EF88DA13A481}" target="_blank">News</a></td>
              <td><a href="https://www.veo-europe.eu/-/media/sites/veo-europe/library/veo-covid-19-variants-report-3-final.pdf?la=da&hash=FB7DFC9E426B97A92EAFA516F85CFDF8D0B04B4A">Download report</a></td>
            </tr>
            <tr>
              <td>2nd report</td>
              <td><a href="https://www.veo-europe.eu/news/Nyhed?id={295B1E0E-FB34-4ADA-B8DB-17C125B12971}" target="_blank">News</a></td>
              <td><a href="https://www.veo-europe.eu/-/media/sites/veo-europe/library/veo-covid-19-variants-report-2-final.pdf?la=da&hash=04C7DECB4B7713D44CE13CC31BCD7D1BBD68A391">Download report</a></td>
            </tr>
            <tr>
              <td>1st report</td>
              <td><a href="https://www.veo-europe.eu/news/Nyhed?id={C8603A16-8104-475E-9E6B-985BCCB67136}" target="_blank">News</a></td>
              <td><a href="https://www.veo-europe.eu/-/media/sites/veo-europe/library/veo-covid-19-variants-report-v02.pdf?la=da&hash=C20457CBD60493484B3E0F799DC2384FECE724F3">Download report</a></td>
            </tr>
          </tbody>
        </table>
      <article>
        <h2>Genomic resources</h2>
        <p>
          <h5><a target="_blank" href="https://nextstrain.org/groups/nextspain/ncov19-Spain">NextSpain COVID-19 interactive epidemiological map using Nextstrain.</a></h5>
          NextSpain COVID-19 shows the results obtained from the analysis of complete genome sequences of SARS-CoV-2 deposited in GISAID or other publicly accessible databases. The analyses are performed with the NextStrain engine to inform the scientific community and the general public about the genomic epidemiology of COVID-19 in Spain: <a target="_blank" href="http://seqcovid.csic.es">SeqCOVID Genomic epidemiology of COVID-19 in Spain</a>. The epidemiological map is built with this <a target="_blank" href="http://gitlab.com/fisabio-ngs/sars-cov2-mapping/-/tree/master/ncov19-Spain">code</a> and it is mantained by <a target="_blank" href="http://www.fisabio-ngs.com/en/">FISABIO Sequencing and Bioinformatics Service</a> and <a target="_blank" href="http://tgu.ibv.csic.es">Tuberculosis Genomics Unit (IBV-CSIC)</a>.
        </p>
        {{ partial "genomics/nextspain-iframe.html" }}
        <br>
        <br>
        <p>
          <h5><a target="_blank" href="http://nextstrain.clinbioinfosspa.es/SARS-COV-2-all">Interactive epidemiological map of SARS-CoV-2 in Andalusia using Nextstrain.</a></h5>
          This map is part of <a target="_blank" href="http://clinbioinfosspa.es/projects/covseq/indexEng.html">the project</a> "Sequencing of the SARS-CoV-2 virus genome for the monitoring and management of the COVID-19 epidemic in Andalusia and the rapid generation of prognostic and response to treatment biomarkers". The consortium is made up of 14 hospitals and 5 Health Research Institutes from the Andalusia region, the Technical Office for Information Management, the Regional Management of Public Health (Epidemiological Surveillance and Occupational Health Service) and the Fundación Progreso y Salud (FPS). The epidemilogical map has been developed and is maintained by the <a target="_blank" href="http://clinbioinfosspa.es">Clinical Bioinformatics Area</a> at the FPS.
        </p>
        <a target="_blank" href="http://nextstrain.clinbioinfosspa.es/SARS-COV-2-all" title="Click to explore the tool">
          <img src="/images/screenshots/covid-andalucia.png" alt="Widget screenshot of Andalusia CovSeq">
        </a>
        <!-- {{ partial "genomics/nextstrain-iframe.html" }} -->
        <div class="mt-5">
          <div class="alert alert-primary font-weight-bold border-0">
            <i class="bi bi-exclamation-circle-fill"></i>
            <span class="ml-2">This section will be periodically updated with new genomic resources when available.</span>
          </div>
        </div>
      </article>
    </div>
    <div class="tab-pane fade" id='viral-sequences-content' role="tabpanel" aria-labelledby='viral-sequences-tab'>
      <article>
        <h2>Viral sequences</h2>
        {{ partial "genomics/viral-sequences-table.html" . }}
      </article>
    </div>
    <div class="tab-pane fade" id='host-sequences-content' role="tabpanel" aria-labelledby='host-sequences-tab'>
      <article>
        <h2>Host sequences</h2>
        {{ partial "genomics/host-sequences-table.html" . }}
      </article>
    </div>
  </div>
</main>

<script>
  $(function () {
    $('.nav-pills a').on('click', function (e) {
      e.preventDefault();
      $(this).tab('show');
    });
  });
</script>
{{ end }}