- content_for :head do
  meta name="turbo-cache-control" content="no-cache"

.container-fluid
  .row
    .col-md-3
      = render partial: "respondent_categories/sidebar"
    .col-md-9
      = render_breadcrumbs([                                                            \
          { name: 'Home', path: projects_path },                                        \
          { name: @project.title, path: project_path(@project) },                       \
          { name: @respondent_category.name, path: [@project, @respondent_category] },  \
          { name: @respondent.name, path: [@project, @respondent_category, @respondent] },\
          { name: t(:audio_tools) }\
        ])                                                              
      .d-flex.justify-content-between.align-items-center
        .d-flex.align-items-center style="max-width: 40vw;"
          .fs-30.semi-bold.flex-grow-1.text-break style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis;"
            = t(:audio_tools)
      .mt-5
        .custom-card
          .card
            .card-header
              h5.m-0= t(:cleanup_audio)
            .card-body
              = form_with(url: cleanup_audio_project_respondent_category_respondent_path(@project, @respondent_category, @respondent)) do
                .form-check
                  input type="checkbox" id="agree" name="agree" class="form-check-input"
                  label for="agree" I have a local backup of the original audio
                .mt-3
                  button.btn.btn-primary= t(:cleanup_audio)