= simple_form_for([@project, @respondent_category, @respondent]) do |f|
  = f.error_notification

  .p-4
		.d-flex.align-items-center.justify-content-between.mb-3
			.fs-24.medium 
				| Upload a conversation

			.form-actions
				= f.button :submit, "Upload", class: "btn btn-primary fs-12 medium"
		
		.form-inputs
			.d-flex.align-items-center.justify-content-between.mb-2
				label.fs-12 for="respondent_first_name" 
					| First Name
				.w-75
					= f.input :first_name, label: false, input_html: { class: "form-control bg-light border-0 fs-12" }
			.d-flex.align-items-center.justify-content-between.mb-2
				label.fs-12 for="respondent_last_name"
					| Last Name
				.w-75
					= f.input :last_name, label: false, input_html: { class: "form-control bg-light border-0 fs-12" }
			.d-flex.align-items-center.justify-content-between.mb-2
				label.fs-12 for="respondent_language"
					| Language
				.w-75
					= f.input :language, collection: Respondent::LANGUAGES.invert.to_a.collect{|x|[x[0].titleize, x[1]]}, label: false, input_html: { class: "form-control bg-light border-0 fs-12" }
			.d-flex.align-items-center.justify-content-between.mb-2
				label.fs-12 for="respondent_transcript"
					| Transcript
				.w-75
					= f.input :transcript, label: false, input_html: { class: "form-control bg-light fs-12" }
			.d-flex.align-items-center.justify-content-between.mb-2
				label.fs-12 for="respondent_audio_file"
					| Audio File
				.w-75
					= f.input :audio_file, label: false, input_html: { class: "form-control bg-light fs-12" }
			.d-flex.align-items-center.justify-content-between.mb-2
				label.fs-12
					| Specify Proper Nouns
				.w-75
					input name="respondent[proper_nouns][]" type="text" class="form-control fs-12" data-controller="proper-nouns" multiple="multiple" value="#{@respondent.proper_nouns.join(" ,")}"