<link rel="stylesheet" href="/admin/assets/libs/select2/select2.css" />
<link rel="stylesheet" type="text/css" href="/admin/app-assets/css/plugins/forms/validation/form-validation.css">

<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 id="editAttribute" method="POST" action="/dashboard/attributes/edit/<%= attribute._id %>" class="store form-horizontal needs-validation" novalidate>
              <%- include('../components/input.ejs', inputAttrs={ type:"hidden", name:"_csrf", value:csrfToken, classes:"", ids:"" }) %>

              <div class="form-body">
                <div class="row">
                  <%- include('../components/input.ejs', inputAttrs={ type:"text", name:"nameAr", label:i18n.__('attributes.nameAr'), required:true, value:attribute.name.ar, invalidMsg:i18n.__('common.{{field}}Required',{field:i18n.__('attributes.nameAr')}), placeholder:i18n.__('common.{{field}}Placeholder',{field:i18n.__('attributes.nameAr')}), classes:["form-control"], ids:["nameAr"], oninput:"validateInput(this)" }) %>

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

                  <div class="col-md-6 col-12">
                    <div class="form-group">
                      <label for="isActive"><%= i18n.__('attributes.status') %></label>
                      <select name="isActive" id="isActive" class="form-select select2">
                        <option value="true" <%= attribute.isActive ? 'selected' : '' %>><%= i18n.__('attributes.active') %></option>
                        <option value="false" <%= !attribute.isActive ? 'selected' : '' %>><%= i18n.__('attributes.inactive') %></option>
                      </select>
                    </div>
                  </div>
                </div>

                <div class="pt-4 d-flex justify-content-center mt-1">
                  <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="<%= referer %>"><%= i18n.__('common.referer') %></a>
                </div>
              </div>
            </form>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>

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