.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: "Section Reports"  }                                                          \
        ])
      .d-flex.justify-content-between
        .fs-30.semi-bold 
          = @respondent_category.name
      
      .row.mt-5
        .col
          / .text-end.mb-2
          /   = link_to sections_csv_project_respondent_category_path(@project, @respondent_category), class: "btn btn-sm btn-success", target: "_blank" do
          /     i.bi.bi-file-earmark-excel.me-2
          /     | All Sections Excel
            
          table.table.table-striped.table-borderless
            thead
              tr.fs-12
                th Section Reports
                th.text-center Units
                th.text-center Analysis Grid 
                th.text-center Summaries
                th.text-center
            tbody.fs-12
              - if @respondent_category.respondents.count.positive?
                tr 
                  td.align-middle All Data 
                  td.align-middle.text-center 
                    / = @respondent_category.respondents.where(id: TranscriptSection.select(:respondent_id)).count
                    = @respondent_category.respondents.count
                  td.align-middle.text-center 
                    = link_to "View", sections_view_project_respondent_category_path(@project, @respondent_category), class: "btn btn-secondary btn-sm fs-10 reports-view-btn"
                  td.align-middle.text-center 
                    - if @respondent_category.sections_summarizing?
                      .progress-container id="progress_container_section_all_data_#{@respondent_category.id}"
                        .progress-bar
                          .stripes id="stripes_sections_all_data_#{@respondent_category.id}" style="width: #{@respondent_category.initial_progress}%;"
                    - elsif @respondent_category.need_all_data_regeneration? || @respondent_category.needs_aggregation?
                      = link_to "Regenerate", generate_all_data_report_summary_project_respondent_category_path(@project, @respondent_category), class: "btn btn-primary btn-sm fs-10 reports-generate-btn"
                    - elsif @respondent_category.no_sections_exist?
                      span.badge.text-bg-info.text-white
                        .fs-10.semi-bold
                          | No sections exist
                    - else
                      span.badge.text-bg-success.text-white
                        .fs-10.semi-bold
                          | Generated

              - @respondent_category.sections_reports.each do |r|
                tr
                  td.align-middle
                    = r.name
                  td.align-middle.text-center 
                    = r.respondent_ids.count
                  td.align-middle.text-center
                    / - if r.needs_regeneration?
                    /   = link_to "Regenerate", section_insights_form_project_respondent_category_path(@project, @respondent_category, report_id: r.id), class: "btn btn-primary btn-sm fs-10 reports-generate-btn modal-trigger", data: { turbo_frame: "modal_frame" }
                    / - else
                    = link_to "View", project_respondent_category_sections_report_path(@project, @respondent_category, r), class: "btn btn-secondary btn-sm fs-10 reports-view-btn"
                  td.align-middle.text-center 
                    - if r.summarizing?
                      .progress-container id="progress_container_sections_#{r.id}"
                        .progress-bar
                          .stripes id="stripes_sections_#{r.id}" style="width: #{r.initial_progress}%;"
                    - elsif r.needs_aggregation?
                      = link_to "Generate", generate_section_report_summary_project_respondent_category_sections_report_path(@project, @respondent_category, r), class: "btn btn-primary btn-sm fs-10 reports-generate-btn"
                    - elsif r.needs_summary_regeneration?
                      = link_to "Regenerate", generate_section_report_summary_project_respondent_category_sections_report_path(@project, @respondent_category, r), class: "btn btn-primary btn-sm fs-10 reports-generate-btn"
                    - else
                      span.badge.text-bg-success.text-white
                        .fs-10.semi-bold
                          | Generated
                  td.align-middle.text-center
                    = button_to delete_report_project_respondent_category_sections_report_path(@project, @respondent_category, r), method: :delete, data: { turbo_method: :delete, turbo_confirm: 'Are you sure?' }, class: "btn btn-sm btn-link text-primary" do 
                      i.feather-14 data-feather="trash-2"
          = link_to section_insights_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_SECTION_REPORTS)