= turbo_frame_tag "modal_frame", target: "_top" do
  .container-fluid data-controller="section-insights-form"
    - if @respondent_category.master_sections.empty?
      .alert.alert-danger
        | There are no sections in this project
    .d-flex.align-items-center.justify-content-between 
      .fs-24.medium Generate Section Report
      .form-actions 
        = link_to "Cancel", :back, class: "btn btn-light fs-12", style: "font-weight: 600"
        input type="submit" value="Generate" form="sectionReportsForm" class="btn btn-primary fs-12 px-2 ms-2" style="font-weight: 600"
    .fs-12.text-primary
      = @respondent_category.name

    = form_tag generate_section_report_project_respondent_category_path(@project, @respondent_category, report_id: @report_id), method: :post, id: "sectionReportsForm" do
      .form-inputs.mt-3
        = hidden_field_tag :allow_language_change, @allow_language_change

        .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="sectionModelSelect" name="llm_model" required="required" class="form-control"
        /         option value="gpt-4o-mini" selected="selected" Model 1 
        /         option value="gemini-flash-002" Model 2 

        .input-group.mt-4
          label.fs-12.col-sm-2.col-form-label.mt-2 Section
          .col-sm-10.custom-choices
            select id="sectionSelect" multiple="multiple" name="sections[]" required="required" class="form-control"
              option value="all" All 
              optgroup label="Specific Sections"
                - @respondent_category.master_sections.numerical_order.each do |section|
                  - selected = @report.section_ids.include?(section.id) ? true : false
                  option value="#{section.id}" selected=selected = section.name

        .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="sectionTagSelect" 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="sectionRespondentSelect" 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

        / span.tooltip-wrapper.ms-3
        /   i.feather-14 data-feather="help-circle"
        /   span.tooltip-text Select respondents by tags