.container-fluid
  .row
    .col-md-2
      = render partial: "projects/image", locals: { project: @project }
    .col-md-10
      .d-flex.flex-column.justify-content-between.h-100
        .fs-56.bold.d-flex.align-items-center
          = @project.title
          = link_to edit_project_path(@project), class: "btn btn-link text-dark modal-trigger", data: { turbo_frame: "modal_frame" } do
            i.ms-2 data-feather="edit-2"
        .d-flex.justify-content-between.align-items-end
          - client = @project.client.presence || "No Client"
          - brand = @project.brand.presence || "No Brand"
          - category = @project.category.presence || "No Category"
          div
            .fs-24.semi-bold
              = client
            .fs-16
              | #{brand} : #{category}
            .fs-16
              = pretty_date @project.created_at
          div.d-flex.gap-1
            = link_to assistant_project_path(@project), class: "btn btn-info text-white fs-18 semi-bold d-flex align-items-center" do
              i.bi.bi-robot.me-2.fs-16
              = t(:assistants)
            - if [229, 2500].include?(@project.id) || current_user.sprint_user?
              = link_to "https://app.sprintstudio.ai/projects/list", class: "btn btn-orange text-white fs-18 semi-bold d-flex align-items-center", target: "_blank" do
                i.me-2.feather-16 data-feather="external-link"
                = t(:community_platform)
            = link_to project_deletion_popup_project_path(@project), class: "btn btn-danger fs-18 semi-bold d-flex align-items-center modal-trigger", data: { turbo_frame: "modal_frame" } do
              i.me-2.feather-16 data-feather="trash-2"
              = t(:delete)
            = link_to new_project_respondent_category_path(@project), class: "btn btn-primary fs-18 semi-bold d-flex align-items-center" do
              i.me-2.feather-16 data-feather="plus"
              = t(:create_subproject)

  - if @project.respondent_categories.empty?
    table.table.table-striped.mt-5.table-borderless
      thead
        tr
          th
            = t(:sub_project)
          th
            = t(:initiated_on)
          th
            = t(:conversations)
          th
            = t(:sections)
          th
            = t(:tags)
          th.text-end
    .row.justify-content-center
      = render partial: "projects/button_large", locals: { project: @project , type:"sub-project"}
  - else 
      table.table.table-striped.mt-5.table-borderless.subproject-table.monospaced-table
        thead
          tr
            th.fs-14 style="width: 30%"
              = t(:sub_project)
            th.fs-14.text-center
              = t(:initiated_on)
            th.fs-14.text-center
              = t(:conversations)
            th.fs-14.text-center
              = t(:sections)
            th.fs-14.text-center
              = t(:tags)
            th.text-end
        tbody.fs-12
          - @project.respondent_categories.includes(:respondents, :master_sections).order(:created_at).each do | respondent_category |
            tr
              td.align-middle
                = link_to respondent_category.name, [@project, respondent_category]
              td.align-middle.text-center
                = pretty_date respondent_category.created_at
              td.align-middle
                .d-flex.justify-content-center.align-items-center
                  = sprintf '%02d', respondent_category.respondents.count
                  = link_to project_respondent_category_path(@project, respondent_category), class: "btn btn-link text-primary d-flex align-items-center" do
                    i.feather-12 data-feather="log-out"
              td.align-middle.text-center
                = sprintf '%02d', respondent_category.master_sections.count
                = link_to "+ ADD", sections_list_project_respondent_category_path(@project, respondent_category), class: "btn #{respondent_category.master_sections.count == 0 ? "btn-primary" : "btn-secondary"} btn-sm ms-2 fs-10 semi-bold", style: "padding: 5px; padding-top: 0px; padding-bottom: 0px;"
              td.align-middle.text-center
                - total_tags = respondent_category.total_tags_assigned
                = sprintf '%02d', total_tags
                = link_to "+ ADD", for_project_project_tag_categories_path(project_id: @project, respondent_category: respondent_category), class: "btn #{total_tags == 0 ? "btn-primary" : "btn-secondary"} btn-sm ms-2 fs-10 semi-bold", style: "padding: 5px; padding-top: 0px; padding-bottom: 0px;"
              td.text-end.align-middle.d-flex.justify-content-end
                = button_to clone_project_respondent_category_path(@project, respondent_category), method: :post, form: { data: { turbo_method: :post, turbo_confirm: 'This will clone the sub-project and all its associated data. Do you want to continue?' } }, class: "btn btn-link text-primary" do
                  i.feather-14 data-feather="copy"
                = button_to [@project, respondent_category], method: :delete, form: { data: { turbo_method: :delete, turbo_confirm: 'This will forever delete all categories, respondents, insights and data under this sub-project. This is irreversible. Are you sure?' } }, class: "btn btn-link text-primary" do
                  i.feather-14 data-feather="trash-2"