.container-fluid data-controller="reports-list"
  .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, path: [@project, @respondent_category] },  \
          { name: "Theme Reports"  }                                                          \
        ])
      .d-flex.justify-content-between
        .fs-30.semi-bold 
          = @respondent_category.name
      
      .row.mt-5
        .col
          table.table.table-striped.table-borderless
            thead
              tr.fs-12
                th Theme Reports
                th.text-center Units
                th.text-center Analysis Grid 
            tbody.fs-12
              - if @respondent_category.respondents.count.positive?
                tr 
                  td All Data 
                  td.text-center 
                    = @respondent_category.respondents.where(id: TranscriptSection.select(:respondent_id)).count
                  td.text-center 
                    = link_to "View", themes_grid_project_respondent_category_path(@project, @respondent_category), class: "btn btn-secondary btn-sm fs-10 reports-view-btn"

              - @respondent_category.themes_reports.each do |r|
                tr
                  td
                    = r.name
                  td.text-center 
                    = r.respondent_ids.count
                  td.text-center
                    = link_to "View", report_project_respondent_category_themes_report_path(@project, @respondent_category, r), class: "btn btn-secondary btn-sm fs-10 reports-view-btn"
          
          = link_to theme_reports_form_project_respondent_category_path(@project, @respondent_category), class: "btn btn-sm btn-primary fs-12 semi-bold py-2 px-4 modal-trigger", data: { turbo_frame: "modal_frame" } do
            = t(:GENERATE_CUSTOM_THEME_REPORTS)