.container-fluid
  .row
    .col-md-3
      = render partial: "respondent_categories/sidebar"
    .col-md-9
      = render_breadcrumbs([                                            \
          { name: 'Home', path: projects_path },                        \
          { name: @project.title, path: project_path(@project) },       \
          { name: @respondent_category.name }                           \
        ])
      .d-flex.align-items-center.mb-5
        .fs-30.semi-bold
          = @respondent_category.name
        = link_to edit_project_respondent_category_path(@project, @respondent_category), class: "btn btn-link text-dark modal-trigger", data: { turbo_frame: "modal_frame" } do
          i.feather-18 data-feather="edit-2"
      .d-flex.justify-content-between.align-items-center
        .fs-20.semi-bold
          = t(:all_conversations)

        .d-flex.align-items-center.gap-2
          / - if @respondent_category.interview_insights.count > 0
          /   = link_to insight_reports_project_respondent_category_path(@project, @respondent_category), class: "btn btn-secondary d-flex align-items-center px-2 me-2 sprint-btn" do
          /     / i.feather-18.me-1 data-feather="bell"
          /     <dotlottie-wc src="https://lottie.host/2f3898c4-f704-4c7f-a248-d52111986b24/Uc4jD7hNAa.json" background="transparent" speed="1" style="width: 30px; height: 30px" direction="1" playMode="normal" loop autoplay></dotlottie-wc>
          /     .fs-12.medium
          /       = t(:new_insights_available)

          / - if @respondent_category.need_all_data_regeneration? or @respondent_category.needs_aggregation?
          /   = link_to section_reports_project_respondent_category_path(@project, @respondent_category), class: "btn btn-secondary d-flex align-items-center px-2 me-2 sprint-btn" do
          /     / i.feather-18.me-1 data-feather="bell"
          /     <dotlottie-wc src="https://lottie.host/2f3898c4-f704-4c7f-a248-d52111986b24/Uc4jD7hNAa.json" background="transparent" speed="1" style="width: 30px; height: 30px" direction="1" playMode="normal" loop autoplay></dotlottie-wc>
          /     .fs-12.medium
          /       = t(:new_sections_available)

          = link_to bulk_queue_transcription_project_respondent_category_path(@project, @respondent_category), class: "btn btn-outline-primary d-flex align-items-center", data: { turbo_method: :post } do
            i.feather-18.me-2 data-feather="cpu"
            = t(:queue_transcripts)

          .dropdown
            button.btn.btn-primary.dropdown-toggle.d-flex.align-items-center.px-3.sprint-btn type="button" id="uploadDropdown" data-bs-toggle="dropdown" aria-expanded="false"
              i.feather-18.me-1 data-feather="plus"
              .fs-12.medium= t(:upload)

            ul.dropdown-menu aria-labelledby="uploadDropdown"
              li
                = link_to new_project_respondent_category_respondent_path(@project, @respondent_category), class: "dropdown-item d-flex align-items-center modal-trigger", data: { turbo_frame: "modal_frame" } do
                  i.feather-18.me-2 data-feather="file"
                  = t(:single_upload)

              li
                = link_to bulk_new_project_respondent_category_respondents_path(@project, @respondent_category), class: "dropdown-item d-flex align-items-center modal-trigger", data: { turbo_frame: "modal_frame", static_backdrop: true } do
                  i.feather-18.me-2 data-feather="upload-cloud"
                  = t(:bulk_upload)

      - if @respondent_category.respondents.empty?
        table.table.table-striped.table-borderless.mt-2
          thead
            tr
              th= t(:name)
              th.text-center= t(:type)
              th.text-center= t(:bookmark_sections)
              th.text-center= t(:all_tags)
              th.text-center= t(:insights_status)

        .row.justify-content-center.mt-5
          .col-8
            = render partial: "projects/button_large", locals: { project: @project, respondent_category: @respondent_category, type:"respondent"}
      - else
        = render partial: "respondents/list", locals: { all_tags: @all_tags }