{{ dd(content) }}
{%
set node_classes = [
  'node',
  node.isPromoted() ? 'node-promoted',
  node.isSticky() ? 'node-sticky',
  not node.isPublished() ? 'node-unpublished',
  view_mode ? 'node-view-mode-' ~ view_mode|clean_class,
]
%}
<article{{ attributes.addClass(node_classes) }}>
{{ title_prefix }}
  {% if not page %}
    <h2{{ title_attributes.addClass('node-title') }}>
      <a href="{{ url }}" rel="bookmark">{{ label }}</a>
    </h2>
  {% endif %}
{{ title_suffix }}

{% if display_submitted %}
  <header class="node-header clear">
    {% if node_author_pic %}
      <div class="author-picture">{{ author_picture }}</div>
    {% endif %}
    <div{{ author_attributes.addClass('node-submitted-details') }}>
      {% set createdDate = node.getCreatedTime|date('j F Y') %}
      {% trans %}<span><i class="ficon-user submitted-icons"></i> {{ author_name }}</span><span><i class="ficon-calendar submitted-icons"></i> {{ createdDate }}</span>{% endtrans %}
      {% if node_tags %}
      {% if content.field_tags %}
        <span><i class="ficon-tag submitted-icons"></i>
        {% for item in content.field_tags %}
          {% if item['#title'] %}
            <a href="{{ item['#url']}}">{{ item['#title']  }}</a>{{ ',' }}
          {% endif %}
        {% endfor %}
      </span>
      {% endif %}
      {% endif %}
      {{ metadata }}
    </div>
  </header>
{% endif %}
  <div{{ content_attributes.addClass('node-content clear') }}>
{#=============#}
{#Dummy Content#}
{#=============#}
<hr>
<h3>Rob's dummy content</h3>
<section class="citation-block">
  <div class="icon"><i class="ficon-file"></i></div>
  <div class="data-citation"><h3>Title</h3>
    <span>
      Elit consequatur quasi expedita sint consectetur. Ipsa obcaecati sed dolores exercitationem iste Voluptate ipsam nihil aperiam numquam asperiores Sequi iste ad commodi eligendi sunt? Amet possimus ratione est exercitationem blanditiis?
    </span></div>
</section>
{#Table#}
<table class="rdm_metadata">
  <tbody>
    <tr id="creator">
      <th class="label" scope="row">Creator(s)</th>
      <td>
        <div>{{ content.field_rdm_creator }}</div>
      </td>
    </tr>
    <tr id="description">
      <th class="label" scope="row">Description</th>
      <td>
        <div>{{ content.field_rdm_description[0] }}</div>
      </td>
    </tr>
    <tr id="contibutors">
      <th class="label" scope="row">Contributor(s)</th>
      <td>
        <div>{{ content.field_rdm_contributors }}</div>
      </td>
    </tr>
    <tr id="subjects">
      <th class="label" scope="row">Subjects</th>
      <td>
        <div>{{ content.field_subjects }}</div>
      </td>
    </tr>
    <tr id="research_field">
      <th class="label" scope="row">Field of Research</th>
      <td>
        <div>{{ content.field_rdm_field_of_research }}</div>
      </td>
    </tr>
    <tr id="title">
      <th class="label" scope="row">Title</th>
      <td>
        <div>{{ content.field_rdm_publication_title }}</div>
      </td>
    </tr>
    <tr id="uri">
      <th class="label" scope="row">URI</th>
      <td>
        <div>{{ content.field_rdm_gemini_uri }}</div>
      </td>
    </tr>
    <tr id="publication_link">
      <th class="label" scope="row">Publication Link</th>
      <td>
        <div>{{ content.field_rdm_publication_link }}</div>
      </td>
    </tr>
    <tr id="organization">
      <th class="label" scope="row">Organization</th>
      <td>
        <div>{{ content.field_organization }}</div>
      </td>
    </tr>
    <tr id="link">
      <th class="label" scope="row">Link</th>
      <td>
        <div>{{ content.field_rdm_publication_link }}</div>
      </td>
    </tr>
  </tbody>
</table>
{{ content.content_moderation_control }}
{{ content.links }}
{{ content.group_dataset }}
{#/table#}
<!-- dummy tabs -->
<!-- Tab links -->
{#
<div class="tab">
  <button id="defaultOpen" class="tablinks" onclick="openTab(event, 'Tab01')">Tab01</button>
  <button class="tablinks" onclick="openTab(event, 'Tab02')">Tab02</button>
  <button class="tablinks" onclick="openTab(event, 'Tab03')">Tab03</button>
</div>

<!-- Tab content -->
<div id="Tab01" class="tabcontent">
  <h3>Tab01</h3>
  <p>Adipisicing consectetur dolorem tempora quibusdam ad at! Eius consectetur consequuntur omnis tenetur repudiandae. Iure laudantium optio magni laboriosam rerum Commodi quisquam tempora eaque minima nemo! Distinctio earum dolores aliquid facere</p>
</div>

<div id="Tab02" class="tabcontent">
  <h3>Tab02</h3>
  <p>Dolor quam quo vero perspiciatis vel. Odit ut delectus doloribus illum culpa? Nobis culpa aperiam omnis quae cupiditate ipsam libero iure vero. Unde sequi eligendi eaque eum repellendus Animi ullam.</p>
</div>

<div id="Tab02" class="tabcontent">
  <h3>Tab03</h3>
  <p>Adipisicing ea dolorum eos excepturi nobis Ipsa officia accusamus omnis iure at Repudiandae quaerat ratione provident quos quae dolor Est voluptatibus aliquam fuga enim nostrum? Necessitatibus magni earum quo esse.</p>
</div>
<!-- /dummy tabs -->

    {{ content.field_rdm_creator }}
    {{ content.field_rdm_organization_name }}
#}
<hr>

    {{ content }}
  </div>
</article>
{#==========#}
{#JS for Tabs#}
{#==========#}
<script>
function openTab(evt, tabName) {
  // Declare all variables
  var i, tabcontent, tablinks;

  // Get all elements with class="tabcontent" and hide them
  tabcontent = document.getElementsByClassName("tabcontent");
  for (i = 0; i < tabcontent.length; i++) {
    tabcontent[i].style.display = "none";
  }

  // Get all elements with class="tablinks" and remove the class "active"
  tablinks = document.getElementsByClassName("tablinks");
  for (i = 0; i < tablinks.length; i++) {
    tablinks[i].className = tablinks[i].className.replace(" active", "");
  }

  // Show the current tab, and add an "active" class to the button that opened the tab
  document.getElementById(tabName).style.display = "block";
  evt.currentTarget.className += " active";
}

document.getElementById("defaultOpen").click();
</script>