<%= render partial: "./layouts/partials/hero-basic", locals: { title: @cms_page.label, classes: "#{@cms_page.slug} bg-image-overlay--white" } %>

<section class="page-padding--bottom">
  <tabs
    class="tabs--hero"
    :tab-triggers="<%= @tabs %>"
  >
    <template slot-scope="{ selectedId }">
      <tab-target :id="1" :selected-id="selectedId">
        <div class="container">
          <filtered-table 
            :attributes="<%= @table_attributes %>"
            endpoint="/pame/list"
            :filters="<%= @filters %>" 
            :json="<%= @json %>" 
          >
          </filtered-table>
        </div>
      </tab-target>

      <tab-target :id="2" :selected-id="selectedId">
        <section class="container--medium page-padding">
          <%= cms_fragment_render("tab-content-2") %>
        </section>
      </tab-target>

      <tab-target :id="3" :selected-id="selectedId">
        <section class="container--medium page-padding">
          <%= cms_fragment_render("tab-content-3") %>
        </section>
      </tab-target>
    </template>
  </tabs>
</section>

<%= render "partials/ctas/live-report" %> 

<pame-modal :text="<%= t('thematic_area.pame.modal').to_json %>"></pame-modal>
<%= render partial: "./layouts/partials/hero-basic", locals: { title: @cms_page.label, classes: "#{@cms_page.slug} bg-image-overlay--white" } %>

<section class="page-padding--bottom">
  <tabs
    class="tabs--hero"
    :tab-triggers="<%= @tabs %>"
  >
    <template slot-scope="{ selectedId }">
      <tab-target :id="1" :selected-id="selectedId">
        <div class="container">
          <filtered-table 
            :attributes="<%= @table_attributes %>"
            endpoint="/pame/list"
            :filters="<%= @filters %>" 
            :json="<%= @json %>" 
          >
          </filtered-table>
        </div>
      </tab-target>

      <tab-target :id="2" :selected-id="selectedId">
        <section class="container--medium page-padding">
          <%= cms_fragment_render("tab-content-2") %>
        </section>
      </tab-target>

      <tab-target :id="3" :selected-id="selectedId">
        <section class="container--medium page-padding">
          <%= cms_fragment_render("tab-content-3") %>
        </section>
      </tab-target>

      <tab-target :id="4" :selected-id="selectedId">
        <section class="container--medium page-padding">
          <%= cms_fragment_render("tab-content-4") %>
        </section>
      </tab-target>
    </template>
  </tabs>
</section>

<%= render "partials/ctas/live-report" %> 

<pame-modal :text="<%= t('thematic_area.pame.modal').to_json %>"></pame-modal>
Add 4th tab to pame page
Add 4th tab to pame page
