<!-- // Basic multiple Column Form section start -->
<section id="multiple-column-form">
  <div class="row match-height">
    <div class="col-12">
      <div class="card">
        <div class="card-content">
          <div class="card-body">
            <form
              method="POST"
              action="/dashboard/support/addSupport"
              class="store form-horizontal needs-validation"
              novalidate
              id="addSupport"
            >
              <%- include('../components/input.ejs', inputAttrs = { type:
              "hidden", name:"_csrf", value:csrfToken, classes: "", ids:"" }) %>

              <div class="form-body">
                <div class="row">
                  <%languages.forEach((item)=>{%>
                  <div class="col-6">
                    <div class="form-group">
                      <div class="controls">
                        <label for="account-name"
                          ><%= i18n.__('question'+item.key) %></label
                        >
                        <textarea
                          class="form-control"
                          name="name[<%=item.value%>]"
                          cols="30"
                          rows="10"
                          placeholder="<%= i18n.__('question'+item.key) %>"
                          oninput="validateInput(this)"
                          required
                        ></textarea>
                        <div class="invalid-feedback">
                          <%= i18n.__('enterQuestion'+item.key) %> *
                        </div>
                      </div>
                    </div>
                  </div>
                  <%})%> <%languages.forEach((item)=>{%>
                  <div class="col-6">
                    <div class="form-group">
                      <div class="controls">
                        <label for="account-name"
                          ><%= i18n.__('answer'+item.key) %></label
                        >
                        <textarea
                          class="form-control"
                          name="answer[<%=item.value%>]"
                          cols="30"
                          rows="10"
                          placeholder="<%= i18n.__('answer'+item.key) %>"
                          oninput="validateInput(this)"
                          required
                        ></textarea>
                        <div class="invalid-feedback">
                          <%= i18n.__('enterAnswer'+item.key) %> *
                        </div>
                      </div>
                    </div>
                  </div>
                  <%})%>
                  <div class="col-12 d-flex justify-content-center mt-3">
                    <button
                      type="submit"
                      class="btn btn-primary me-sm-3 me-1 waves-effect waves-light submit_button"
                    >
                      <%= i18n.__('common.add') %>
                    </button>
                    <a
                      class="btn btn-label-dribbble waves-effect"
                      href="<%=referer%>"
                    >
                      <%= i18n.__('referer') %></a
                    >
                  </div>
                </div>
              </div>
            </form>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>

<%- include('./includes.ejs') %> <%- include('../includes/imageJs.ejs') %>
