= turbo_frame_tag "modal_frame", target: "_top" do
  .container-fluid data-controller="insights-form"
    - if @respondent_category.interview_questions.empty?
      .alert.alert-danger
        | No questions have been assigned for this sub-project
    .d-flex.align-items-center.justify-content-between 
      .fs-24.medium Generate Query Insights
      .form-actions 
        = link_to "Cancel", :back, class: "btn btn-light fs-12", style: "font-weight: 600"
        input type="submit" value="Generate" form="queryInsightsForm" class="btn btn-primary fs-12 px-2 ms-2" style="font-weight: 600"
    .fs-12.text-primary
      = @respondent_category.name

    = form_tag generate_insights_project_respondent_category_path(@project, @respondent_category, report_id: @report_id), method: :post, id: "queryInsightsForm", data: { turbo: false } do
      .form-inputs.mt-3
        .input-group
          label.fs-12.col-sm-2.col-form-label.mt-2 Name
          .col-sm-10
            input type="text" name="name" class="form-control" required="required" value=@report.name class="form-control border-0 bg-light fs-12" style="padding-top: 13px; padding-bottom: 13px;" maxlength="25"

        - if current_user.developer?
          .input-group.mt-4
            label.fs-12.col-sm-2.col-form-label.mt-2 Model
            .col-sm-10.custom-choices
              select id="insightModelSelect" name="llm_model" required="required" class="form-control"
                option value="gpt-4o-mini" selected="selected" Model 1 
                option value="gemini-2.0-flash" Model 2 

        .input-group.mt-4
          label.fs-12.col-sm-2.col-form-label.mt-2 Query
          .col-sm-10.custom-choices
            select id="questionSelect" multiple="multiple" name="questions[]" required="required" class="form-control"
              option value="all" All 
              optgroup label="Specific Questions"
                - @respondent_category.interview_questions.order(:position).each do |question|
                  - selected = @report.question_ids.include?(question.id) ? true : false
                  option value="#{question.id}" selected=selected = question.question

        .position-relative.d-flex.align-items-center.justify-content-center.my-4
          hr.w-100.position-absolute style="color: #dee2e6; margin: 0;"
          .px-3.bg-white.position-relative style="color: #6c757d;" Select Respondents

        .input-group.mt-4
          label.fs-12.col-sm-2.col-form-label.mt-2 Tags
          .col-sm-10.custom-choices
            select id="tagsSelect" multiple="multiple" name="tags[]" class="form-control"
              - @project.tag_categories.each do |category|
                optgroup label="#{category.name}"
                  - category.tags.each do |tag|
                    - selected = @report.tag_ids.include?(tag.id) ? true : false
                    option value="#{tag.id}" selected=selected = tag.name

        .text-center.my-3 style="color: #6c757d; font-size: 0.65rem;" OR
        
        .input-group.mt-2
          label.fs-12.col-sm-2.col-form-label.mt-2 Respondents
          .col-sm-10.custom-choices
            select id="respondentSelect" multiple="multiple" name="respondents[]" class="form-control"
              option value="all" All 
              optgroup label="Specific Respondents"
                - @respondent_category.respondents.each do |r|
                  - selected = @report.respondent_ids.include?(r.id) ? true : false
                  option value="#{r.id}" selected=selected = r.name