.container-fluid
  nav
    ol.breadcrumb
      li.breadcrumb-item
        = link_to projects_path do
          | Projects
      li.breadcrumb-item
        = link_to @project.title, @project
      li.breadcrumb-item
        = link_to @respondent_category.name, [@project, @respondent_category]
      li.breadcrumb-item
        = link_to @respondent.name, [@project, @respondent_category, @respondent]
      li.active.breadcrumb-item
        | Tags

  .row
    .col-md-3
      = render partial: "projects/sidebar"
    .col-md-9
      .d-flex.justify-content-between.align-items-center
        h4 Tags for #{@respondent.name}
        - if @respondent.tags.present?
          .text-end
            = link_to clear_tags_project_respondent_category_respondent_path(@project, @respondent_category, @respondent), class: "btn btn-danger ms-2", data: { turbo_method: :delete, turbo_confirm: "Are you sure you want to clear all tags from this respondent?" } do
              | Clear Tags
      - if @project.tags.empty?
        .alert.alert-danger
          | No tags have been set-up for this project
      - else
        = form_tag update_tags_project_respondent_category_respondent_path(@project, @respondent_category, @respondent), method: :post do
          - @respondent.project.relevant_tag_categories.each do |category|
            - unless category.tags.empty?
              h4.mt-3= category.name

              - if category.multiple_selections
                .form-group
                  - category.tags.each do |tag|
                    .form-group
                      .form-check
                        - if @respondent.tags.where(id: tag.id).exists?
                          input.form-check-input type="checkbox" id="tag_#{tag.id}" name="tag_categories[#{category.id}][]" value="#{tag.id}" checked="checked"
                        - else
                          input.form-check-input type="checkbox" id="tag_#{tag.id}" name="tag_categories[#{category.id}][]" value="#{tag.id}"
                        label.form-check-label for="tag_#{tag.id}"= tag.name
              - else
                .form-group
                  - category.tags.each do |tag|
                    .form-group
                      .form-check
                        - if @respondent.tags.where(id: tag.id).exists?
                          input.form-check-input type="radio" id="tag_#{tag.id}" name="tag_categories[#{category.id}]" value="#{tag.id}" checked="checked"
                        - else
                          input.form-check-input type="radio" id="tag_#{tag.id}" name="tag_categories[#{category.id}]" value="#{tag.id}"
                        label.form-check-label for="tag_#{tag.id}"= tag.name
          .mt-3
            button.btn.btn-primary Submit