%ul.nav.nav-tabs{role: "tablist"}
  %li.active
    %a{href: "#family_infos",role: :tab,data: {toggle: :tab},aria: {controls: "family_infos" }}
      = t(".relation_show")
  - family_records.each_with_index do |family_record,index|
    %li
      %a{href: "#family_#{index}",role: :tab,data: {toggle: :tab},aria: {controls: "family_#{index}" }}
        = "#{family_record.key_1_i18n_from_cns}#{family_record.key_3}"

.tab-content
  .tab-pane.active{id: "family_infos"}
    %table.table
      %thead
        %tr
          %th
          %th= TempMynumber.human_attribute_name(:status)
      %tbody
        - family_records.each_with_index do |family_record,index|
          %tr
            %td= "#{family_record.key_1_i18n_from_cns}#{family_record.key_3}"
            %td= family_record.status_i18n

  - family_records.each_with_index do |family_record,index|
    .tab-pane{id: "family_#{index}"}
      %h4
        = family_record.status_i18n
        - if can? :update,family_record
          = link_to family_record,class: [:btn,"btn-default"],remote: true do
            %i.glyphicon.glyphicon-link
      = render("show_record",mynumber: family_record)