.content id="#{dom_id(success_criterion, :body)}"
  = turbo_frame_tag(dom_id(success_criterion, :frame)) do
    .d-flex
      .my-3.btn-group[role="group" aria-label="Resultat"]
        = bootstrap_form_with(model: success_criterion, data: { controller: "autosubmit" }) do |form|
          = form.radio_button_without_bootstrap :result, :passed, class: "btn-check", autocomplete: "off", id: dom_id(success_criterion, :result_passed)
          label.btn.btn-outline-success for=dom_id(success_criterion, :result_passed) Bestanden 
          = form.radio_button_without_bootstrap :result, :failed, class: "btn-check", autocomplete: "off", id: dom_id(success_criterion, :result_failed)
          label.btn.btn-outline-danger for=dom_id(success_criterion, :result_failed) Durchgefallen 
          = form.radio_button_without_bootstrap :result, :not_applicable, class: "btn-check", autocomplete: "off", id: dom_id(success_criterion, :result_not_applicable)
          label.btn.btn-outline-secondary for=dom_id(success_criterion, :result_not_applicable) Nicht anwendbar 
          /= form.radio_button_without_bootstrap :result, nil, class: "btn-check", autocomplete: "off", id: dom_id(success_criterion, :result_not_applicable)
          /label.btn.btn-outline-secondary for=dom_id(success_criterion, :nil) Reset
      / = dropdown_menu([{ text: "Bearbeiten", icon: "pencil", href: edit_success_criterion_path(success_criterion) }, { text: "Löschen", icon: "trash", href: success_criterion, color: :danger, method: :delete, confirm: "Bist du sicher?"}], klass: "mt-3 ms-auto") 
      = success_criterion_menu(success_criterion)
    .row 
      .col
        - if success_criterion.test_comment?
          .comment = success_criterion.test_comment
        - else 
          = bootstrap_form_with(model: success_criterion) do |form|
            = form.rich_text_area :test_comment, placeholder: "Test Kommentar", hide_label: true
            = form.submit "Kommentar speichern", class: "btn btn-secondary float-end"

    .row.mb-4
      .col-md-4.col-lg-3
        .text-end.fw-bold WCAG/ID
      .col-md-8.col-lg-9
        => link_to("#{success_criterion.check.external_number}", success_criterion.check.external_url, target: :_blank)
        '/
        = link_to("#{Check.model_name.human} ##{success_criterion.check.id}", success_criterion.check, target: :_blank)
    .row.mb-4
      .col-md-4.col-lg-3
        .text-end.fw-bold = SuccessCriterion.human_attribute_name(:quick_criterion)
      .col-md-8.col-lg-9
        = success_criterion.quick_criterion
    .row.mb-4
      .col-md-4.col-lg-3
        .text-end.fw-bold = SuccessCriterion.human_attribute_name(:quick_fail)
      .col-md-8.col-lg-9
        = success_criterion.quick_fail
    .row.mb-4
      .col-md-4.col-lg-3
        .text-end.fw-bold = SuccessCriterion.human_attribute_name(:quick_fix)
      .col-md-8.col-lg-9
        = success_criterion.quick_fix
    .row.mb-3
      .col-md-4.col-lg-3
        .text-end.fw-bold   = SuccessCriterion.human_attribute_name(:test_instructions)
      .col-md-8.col-lg-9
        = success_criterion.check.test_instructions