= turbo_frame_tag "modal_frame", target: "_top" do
  .container-fluid
    .d-flex.justify-content-between.align-items-center
      .fs-24.medium Select Tags for Conversation
      input type="submit" value="Submit" form="tagsForm" class="btn btn-primary fs-12 px-3" style="font-weight: 600"
    .fs-12.text-primary 
      = @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
      .tag-popup-container
        = form_tag update_tags_project_respondent_category_respondent_path(@project, @respondent_category, @respondent), method: :post, id: "tagsForm" do
          - @respondent.project.relevant_tag_categories.each do |category|
            - unless category.tags.empty?
              .fs-12.medium.mt-3= category.name
              hr.mt-1 class="border-black m-0"

              - if category.multiple_selections
                .form-group
                  - category.tags.each do |tag|
                    .form-group.ms-3.mt-3
                      .form-check.tag-checkbox
                        - 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.fs-12 for="tag_#{tag.id}"= tag.name
                    hr.mx-0.my-3
              - else
                .form-group.ms-3.mt-3
                  - category.tags.each do |tag|
                    .form-group.tag-checkbox
                      .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.fs-12 for="tag_#{tag.id}"= tag.name
                    hr.mx-0.my-3