= turbo_frame_tag "modal_frame", target: "_top" do
  .container
    = simple_form_for([@project, @respondent_category]) do |f|
      = f.error_notification

      .container
        .d-flex.align-items-center.justify-content-between.mb-3
          .fs-24.medium Edit Sub-Project

          .form-actions
            = f.button :submit, "Done", class: "btn btn-primary fs-12 medium px-5"
        .form-inputs
          .input-group
            label.fs-12.col-sm-2.col-form-label Sub-Project Name
            .col-sm-10
              = f.input :name, label: false, input_html: { class: "form-control bg-light fs-12" }
          
          .input-group
            label.fs-12.col-sm-2.col-form-label Transcript Summary Prompt
            .col-sm-10
              = f.input :transcript_summary_prompt, label: false, input_html: { class: "form-control bg-light fs-12", rows: "3" }
              .small.text-muted.fs-12
                | Note - The prompt should only specify what kind of themes to have and how they should be arranged (if specific arrangement is needed).