<turbo-stream action="append" target="words"><template>
  <div class="nested-fields mt-1" data-controller="word">
  <div class="card">
      <button
        type="button"
        class="btn-close position-absolute top-0 end-0 p-2 text-danger"
        data-action="click->word#remove"
        aria-label="Close"
      >
      </button>
    <div class="card-body">
      <h6 class="card-subtitle mb-2 text-body-secondary">Oversettelse (ord/utrykk)</h6>
      <input type="hidden" name="assignment[words_attributes][19720][id]" id="assignment_words_attributes_19720_id" autocomplete="off" />
      <div class="row pb-2">
        <div class="col">
          <div class="form-floating">
            <input type="text" name="assignment[words_attributes][19720][original_text]" id="assignment_words_attributes_19720_original_text" class="form-control " placeholder="Orginal tekst (f.eks. Hund)" />
            <label class="text-truncate w-100" for="assignment_words_attributes_19720_original_text">
              Orginal tekst (f.eks. Hund)
              <span class='text-danger'>*</span>
</label>          </div>
        </div>
        <div class="col">
          <div class="form-floating">
            <input type="text" name="assignment[words_attributes][19720][translated_text]" id="assignment_words_attributes_19720_translated_text" class="form-control " placeholder="Oversatt tekst (f.eks. Dog)" />
            <label class="text-truncate w-100" for="assignment_words_attributes_19720_translated_text">
              Oversatt tekst (f.eks. Dog)
              <span class='text-danger'>*</span>
</label>          </div>
        </div>
      </div>
      <div
        class="accordion d-none"
        id="accordion-19720"
        data-toggle-target="accordion"
      >
        <div class="accordion-item">
          <h2 class="accordion-header">
            <button
              class="accordion-button collapsed"
              type="button"
              data-bs-toggle="collapse"
              data-bs-target="#collapse-19720"
              aria-expanded=""
              aria-controls="collapse-19720"
            >
              Feile oversettelser
            </button>
          </h2>
          <div
            id="collapse-19720"
            class="accordion-collapse collapse "
            data-bs-parent="#accordion-19720"
          >
            <div class="accordion-body">
                <div class="row pb-2">
                  <div class="col">
                    <div class="form-floating">
                      <input type="text" name="assignment[words_attributes][19720][original_text_error1]" id="assignment_words_attributes_19720_original_text_error1" class="form-control " placeholder="Feil original tekst 1" />
                      <label class="text-truncate w-100" for="assignment_words_attributes_19720_original_text_error1">Feil orginal tekst 1 (f.eks Katt)</label>
                    </div>
                  </div>
                  <div class="col">
                    <div class="form-floating">
                      <input type="text" name="assignment[words_attributes][19720][translated_text_error1]" id="assignment_words_attributes_19720_translated_text_error1" class="form-control " placeholder="Feil oversatt tekst 1" />
                      <label class="text-truncate w-100" for="assignment_words_attributes_19720_translated_text_error1">Feil oversatt tekst 1 (f.eks Cat)</label>
                    </div>
                  </div>
                </div>
                <div class="row pb-2">
                  <div class="col">
                    <div class="form-floating">
                      <input type="text" name="assignment[words_attributes][19720][original_text_error2]" id="assignment_words_attributes_19720_original_text_error2" class="form-control " placeholder="Feil original tekst 2" />
                      <label class="text-truncate w-100" for="assignment_words_attributes_19720_original_text_error2">Feil orginal tekst 2 (f.eks Ku)</label>
                    </div>
                  </div>
                  <div class="col">
                    <div class="form-floating">
                      <input type="text" name="assignment[words_attributes][19720][translated_text_error2]" id="assignment_words_attributes_19720_translated_text_error2" class="form-control " placeholder="Feil oversatt tekst 2" />
                      <label class="text-truncate w-100" for="assignment_words_attributes_19720_translated_text_error2">Feil oversatt tekst 2 (f.eks Cow)</label>
                    </div>
                  </div>
                </div>
                <div class="row pb-2">
                  <div class="col">
                    <div class="form-floating">
                      <input type="text" name="assignment[words_attributes][19720][original_text_error3]" id="assignment_words_attributes_19720_original_text_error3" class="form-control " placeholder="Feil original tekst 3" />
                      <label class="text-truncate w-100" for="assignment_words_attributes_19720_original_text_error3">Feil orginal tekst 3 (f.eks Hun)</label>
                    </div>
                  </div>
                  <div class="col">
                    <div class="form-floating">
                      <input type="text" name="assignment[words_attributes][19720][translated_text_error3]" id="assignment_words_attributes_19720_translated_text_error3" class="form-control " placeholder="Feil oversatt tekst 3" />
                      <label class="text-truncate w-100" for="assignment_words_attributes_19720_translated_text_error3">Feil oversatt tekst 3 (f.eks Dogg)</label>
                    </div>
                  </div>
                </div>
            </div>
          </div>
        </div>
      </div>

    </div>
  </div>
</div>

</template></turbo-stream>