<% if(it.layout_clean_mode) {%>
<% layout("../layouts/admin/Clean") %>
<% } else {%>
<% layout("../layouts/admin/Main") %>
<%}%>

<%~ includeFile("../partials/admin/Breadcrumb", it)%>

<div class="tab-content mx-4 my-4">
  <div class="row">
    <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
      <%~ includeFile("../partials/admin/GlobalResponse.eta", it) %>
      <div class="form-container card p-4">
        <h5 class="primaryHeading2 mb-4 text-md-left pl-3">
          Profile
        </h5>
        <form action="/admin/profile" method="POST">


          <div class="form-group  col-md-5 col-sm-12 ">
            <label for="first_name" class="control-label">First Name</label>


            <input type="text" class="form-control data-input" id="text_first_name" name="first_name" value="<%= it.form_fields['first_name'] %>" />


          </div>

          <div class="form-group  col-md-5 col-sm-12 ">
            <label for="last_name" class="control-label">Last Name</label>


            <input type="text" class="form-control data-input" id="text_last_name" name="last_name" value="<%= it.form_fields['last_name'] %>" />


          </div>

          <div class="form-group required col-md-5 col-sm-12 ">
            <label for="email" class="control-label">Email</label>


            <input type="text" required class="form-control data-input" id="text_email" name="credential_email" value="<%= it.form_fields['credential.email'] %>" />


          </div>

          <div class="form-group  col-md-5 col-sm-12 ">
            <label for="password" class="control-label">Password</label>


            <input id="password_password" name="credential_password" class="form-control" type="password" autocomplete="new-password">


          </div>

          <div class="form-group  col-md-5 col-sm-12 ">
            <label for="status" class="control-label">Status</label>


            <small class="text-muted">Can select one</small>
            <select class="selectpicker custom-picker d-block w-100" data-style="btn-light" data-live-search="true" id="select_mapping_status" name="status">
              <% Object.keys(it.status_mapping()).forEach(function(prop) { %>
              <% const same = it.form_fields["status"] == prop ? 'selected' : false %>
              <option class="select_mapping_status_option<%= same ? '_' + same : '' %>" value="<%= prop %>" <%= same %>>
                <%= it.status_mapping()[prop] %>
              </option>
              <% }) %>
            </select>


          </div>


          <div class="form-group pl-3">
            <button type="submit" class="btn btn-primary">Submit</button>
          </div>
        </form>

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