= turbo_frame_tag "modal_frame", target: "_top" do
  .container.speaker-map
    .fs-20.medium
      | Update Speaker Labels
      span.custom-tooltip.bottom
        i.ms-2.bi.bi-info-circle.tooltip-icon
        span.tooltip-text It's only used for display purposes. The underlying speaker data of the transcript is untouched
    = form_tag update_speaker_map_project_respondent_category_respondent_path(@project, @respondent_category, @respondent), method: "POST" do
      table.table.table-borderless-head.monospaced-table.mt-2
        thead.fs-12
          tr
            th
              | Original Speaker
              span.custom-tooltip.compact
                i.ms-2.bi.bi-info-circle.tooltip-icon
                span.tooltip-text Auto-generated label
            th
              | Display Label
              span.custom-tooltip.compact
                i.ms-2.bi.bi-info-circle.tooltip-icon
                span.tooltip-text Label to display
            / th.text-center Delete

        tbody.speaker-map-tbody
          - @respondent.original_speaker_map.keys.each do |original_speaker|
            - current_label = @respondent.speaker_map[original_speaker] || original_speaker
            tr
              td.align-middle= original_speaker
              td.align-middle
                input.form-control(type="text" name="speaker_map[#{original_speaker}]" value="#{current_label}")
              / td.align-middle.text-center
              /   input(type="checkbox" name="delete_speaker_map[#{original_speaker}]" value="1")

        tfoot
          tr
            td(colspan="2" class="text-end border-0 pt-3")
              button.btn.btn-primary Submit

    / - if @respondent.speaker_map
    /   .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;" OR
        
    /   .fs-20.medium.mt-2
    /     | Add New Speaker        
    /   = form_tag add_speaker_project_respondent_category_respondent_path(@project, @respondent_category, @respondent), method: :post do
    /     table.table.table-borderless-head.monospaced-table
    /       thead.fs-12
    /         tr
    /           th 
    /             | Transcript Label
    /             span.custom-tooltip.compact
    /               i.ms-2.bi.bi-info-circle.tooltip-icon
    /               span.tooltip-text
    /                 | The auto-generated label
    /           th 
    /             | New Label
    /             span.custom-tooltip.compact
    /               i.ms-2.bi.bi-info-circle.tooltip-icon
    /               span.tooltip-text
    /                 | The label to display
    /       tbody.speaker-map-tbody
    /         tr
    /           td
    /             input type="text" name="transcript_label" class="form-control" required="true"
    /           td
    /             input type="text" name="new_label" class="form-control" required="true"
    /       tfoot
    /         tr
    /           td colspan="2" class="text-end border-0"
    /             button.btn.btn-primary Submit