<div class="card--stats-governance card--stats-half">
  <h2 class="card__h2"><%= t('stats.governance.title') %></h2>

  <div>
    <% governance_types.each_with_index do |type, index| %>
      <% themes = ['blue', 'aqua', 'purple', 'green'] %>

      <chart-row-stacked 
        class="chart--row-stacked--basic"
        :rows="<%= [{ percent: type["percentage"].to_f.round(2) }].to_json %>"
        theme="<%= themes[index] %>"
      ></chart-row-stacked>
    <% end %>
  </div>

  <ul class="list--underline theme--governance">
    <% governance_types.each do |type| %>
      <li class="list__li">
        <i class="list__icon"></i>
        <span class="list__title"><%= type['governance_name'] %></span>
        <span class="list__value"><%= type['count'] %></span>
        <%= link_to 'View list', '', title: '', class: 'list__right list__a' %>
      </li>
    <% end %>
  </ul>
</div>
  
<%#= link_to row["governance_name"], search_url("#{location.class.name.downcase}" => location.name, governance: row["governance_name"], main: location.class.name.downcase.to_sym) %>
<div class="card--stats-governance card--stats-half">
  <h2 class="card__h2"><%= t('stats.governance.title') %></h2>

  <div>
    
  </div>

  <ul class="list--underline theme--governance">
    <% governance_types.each do |type| %>
      <li class="list__li">
        <i class="list__icon"></i>
        <span class="list__title"><%= type['governance_name'] %></span>
        <span class="list__value"><%= type['count'] %></span>
        <%= link_to 'View list', '', title: '', class: 'list__right list__a' %>
      </li>
    <% end %>
  </ul>
</div>
  
<%#= link_to row["governance_name"], search_url("#{location.class.name.downcase}" => location.name, governance: row["governance_name"], main: location.class.name.downcase.to_sym) %>
Remove stacked row chart from governance section as this is being swapped out for a pie chart
Remove stacked row chart from governance section as this is being swapped out for a pie chart
