.d-flex.justify-content-between.align-items-center.mb-4
  h4.fs-20.mb-0 = @asr_model.new_record? ? "New ASR Model" : "Edit ASR Model"
  button.btn-close type="button" data-bs-dismiss="modal" aria-label="Close"

= simple_form_for @asr_model do |f|
  .form-inputs
    = f.input :name, label: "Display Name (e.g. Model 1)", input_html: { class: "form-control bg-light" }
    = f.input :value, label: "Model (e.g. whisper-large-v3)", input_html: { class: "form-control bg-light" }
    .form-check.form-switch.mt-3.mb-3
      = f.check_box :supports_translate, class: "form-check-input", role: "switch"
      = f.label :supports_translate, "Supports Translation to English?", class: "form-check-label ms-2"

  .form-actions.text-end.mt-4
    = f.button :submit, "Save Model", class: "btn btn-primary px-4"