<% if person.currently_in_a_role? %>
  <section id="current-roles" dir="<%= page_text_direction %>" lang="<%= person.locale %>">
    <% person.current_roles.each do |role| %>
      <section class="role_appointment role govuk-!-padding-bottom-8">
        <%= render "govuk_publishing_components/components/heading", {
          text: role["title"],
          margin_bottom: 2,
        } %>

        <%= render "govuk_publishing_components/components/govspeak", {
        } do %>
          <%= role["details"]["body"].html_safe %>
        <% end  %>

        <% if role["document_type"] == "ministerial_role" %>
          <p class="govuk-body-s"><a href=<%= role["base_path"] %>>More about this role</a></p>
        <% end %>

        <p class="govuk-body">
          <%= role["links"].fetch("ordered_parent_organisations", [])
            .map { |parent| link_to(parent["title"], parent["base_path"], class: "govuk-link") }
            .to_sentence
            .html_safe %>
        </p>
      </section>
    <% end %>
  </section>
<% end %>

<% if person.currently_in_a_role? %>
  <section id="current-roles" dir="<%= page_text_direction %>" lang="<%= person.locale %>">
    <% person.current_roles.each do |role| %>
      <section class="role_appointment role govuk-!-padding-bottom-8">
        <%= render "govuk_publishing_components/components/heading", {
          text: role["title"],
          margin_bottom: 2,
        } %>

        <%= render "govuk_publishing_components/components/govspeak", {
        } do %>
          <%= role["details"]["body"].html_safe %>
        <% end  %>

        <% if role["document_type"] == "ministerial_role" %>
          <p class="govuk-body-s">
            <a href="<%= role["base_path"] %>"><%= t('roles.read_more') %></a>
          </p>
        <% end %>

        <p class="govuk-body">
          <%= role["links"].fetch("ordered_parent_organisations", [])
            .map { |parent| link_to(parent["title"], parent["base_path"], class: "govuk-link") }
            .to_sentence
            .html_safe %>
        </p>
      </section>
    <% end %>
  </section>
<% end %>

Use translation for 'More about this role'
Use translation for 'More about this role'
