<div role="tabpanel" id="account-vertical-api"  aria-labelledby="account-pill-api"
  aria-expanded="false">
  <form action="/dashboard/settings/editApi" class="edit-api store form-horizontal needs-validation" method="post"
    novalidate>

    <div class="row">
      <%- include('../../components/input.ejs', inputAttrs={ type: "hidden" , name:"_csrf", value:csrfToken, classes: ""
        , ids:"" }) %>

        <%- include('../../components/input.ejs', inputAttrs={ type: "hidden" , name:"_id", value:setting._id,
          classes: "" , ids:"" }) %>


          <%- include('../../components/input.ejs', inputAttrs={ type: "text" , name:"googleKey",
            value:setting.googleKey, label:i18n.__('settings.googleKey'), placeholder:
            i18n.__('common.{{field}}Placeholder',{field:i18n.__('settings.googleKey')}), classes: ["form-control"],
            required: true, ids:"", oninput: "validateInput(this)" }) %>

    </div>

    <div class="col-12 d-flex justify-content-center mt-3">
      <div class="pt-4 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.edit') %>
        </button>
        <a class="btn btn-label-dribbble waves-effect" href="/dashboard/settings">
          <%= i18n.__('common.referer') %>
        </a>
      </div>
    </div>
</div>
</form>
</div>
