- if @diff["packages"]
  - scope = "packages"
  %a.scope_anchor{ id: scope }
  .scope#packages_container
    .row
      .col-xs-1
        %a.btn.btn-default.btn-lg.scope_logo_big{ :href => "##{scope}",
          :title => scope_title(scope), "data-toggle"=>"popover",
          "data-content" => scope_help(scope) }
          %span= scope_initials(scope)
        %span.toggle{ title: "Collapse/Expand" }
      .col-xs-11
        %h2
          Packages
          .scope-summary
            - if @diff["packages"].only_in1 && @diff["packages"].only_in1.length > 0
              %span.summary-part
                #{@description_a.name}:
                #{pluralize_scope(@diff["packages"].only_in1, "package", "packages")}
                (#{@diff["packages"].only_in1.package_system})
            - if @diff["packages"].only_in2 && @diff["packages"].only_in2.length > 0
              %span.summary-part
                #{@description_b.name}:
                #{pluralize_scope(@diff["packages"].only_in2, "package", "packages")}
                (#{@diff["packages"].only_in2.package_system})
            - if @diff["packages"].changed && @diff["packages"].changed.length > 0
              %span.summary-part
                %a.show-changed-elements{ href: "#packages_changed" }
                  changed
                = ": #{pluralize_scope(@diff["packages"].changed, "package", "packages")}"
            - if @diff["packages"].common && @diff["packages"].common.length > 0
              %span.summary-part
                %a.show-common-elements{ href: "#packages_both" }<
                  both
                = ": #{pluralize_scope(@diff["packages"].common, "package", "packages")}"
    .row.scope_content.collapse.in
      .col-md-12
        .row
          .col-md-6.table_container
            - if @diff["packages"].only_in1
              = only_in_a
              = render_partial "compare/package_list", list: @diff["packages"].only_in1
          .col-md-6.table_container{ class: offset_class(@diff["packages"].only_in1) }
            - if @diff["packages"].only_in2
              = only_in_b
              = render_partial "compare/package_list", list: @diff["packages"].only_in2
        - if @diff["packages"].changed
          %a.both_anchor{ id: "packages_changed" }
          .row
            .col-md-12.table_container
              = changed
              = render_partial "compare/changes", changes: changed_elements("packages",
                key: "name",
                attributes: ["version", "vendor", "arch"],
                optional_attributes: ["version", "release", "checksum"])
        - if @diff["packages"].common
          %a.both_anchor{ id: "packages_both" }
          .row
            .col-md-12
              %a.show-common-elements{ href: "#packages_both" }
                Show common elements in packages
              %a.hide-common-elements{ href: "#", style: "display: none" }
                Hide common elements in packages
          .row.scope_common_content.collapse
            .col-md-12.table_container
              = in_both
              = render_partial "compare/package_list", list: @diff["packages"].common