.protected-branches-list.js-protected-branches-list.qa-protected-branches-list
  - if @protected_branches.empty?
    .card-header.bg-white
      = s_("ProtectedBranch|Protected branch (%{protected_branches_count})") % { protected_branches_count: @protected_branches_count }
    %p.settings-message.text-center
      = s_("ProtectedBranch|There are currently no protected branches, protect a branch with the form above.")
  - else
    .flash-container
    %table.table.table-bordered
      %colgroup
        %col{ width: "20%" }
        %col{ width: "20%" }
        %col{ width: "20%" }
        %col{ width: "20%" }
        - if can_admin_project
          %col
      %thead
        %tr
          %th
            = s_("ProtectedBranch|Branch")
          %th
            = s_("ProtectedBranch|Allowed to merge")
          %th
            = s_("ProtectedBranch|Allowed to push")

          = render_if_exists 'projects/protected_branches/ee/code_owner_approval_table_head'

          - if can_admin_project
            %th
      %tbody
        = yield

    = paginate @protected_branches, theme: 'gitlab'