<%
  const editLocale = typeof lang === 'string' && lang.toLowerCase().startsWith('en') ? 'en' : 'ar';
  const editCopy = editLocale === 'ar'
    ? {
        eyebrow: 'إدارة العملاء',
        title: 'تعديل المستخدم',
        subtitle: 'حدّث بيانات الهوية الأساسية دون إعادة حقول النظام القديمة.',
        cardTitle: 'بيانات المستخدم',
        cardSubtitle: 'الاسم، التواصل، والصورة الاختيارية.',
        back: 'رجوع',
        ready: 'البيانات محفوظة',
        dirty: 'توجد تغييرات غير محفوظة',
        submit: 'حفظ التعديلات',
        submitting: 'جاري الحفظ...',
        success: 'تم تحديث المستخدم',
        error: 'تعذر تحديث المستخدم. راجع البيانات وحاول مرة أخرى.',
        validation: 'راجع الحقول المطلوبة قبل الحفظ.'
      }
    : {
        eyebrow: 'Customer management',
        title: 'Edit user',
        subtitle: 'Update approved identity fields without restoring legacy data.',
        cardTitle: 'User details',
        cardSubtitle: 'Name, contact, and optional photo.',
        back: 'Back',
        ready: 'Changes saved',
        dirty: 'Unsaved changes',
        submit: 'Save changes',
        submitting: 'Saving...',
        success: 'User updated',
        error: 'Could not update the user. Review the details and try again.',
        validation: 'Review the required fields before saving.'
      };
%>

<link rel="stylesheet" href="/admin/assets/css/pages/people-resource.css?v=2.6.5.1">

<section class="kt-people-page kt-clients-page" dir="<%= editLocale === 'ar' ? 'rtl' : 'ltr' %>">
  <div class="kt-people-container kt-people-container--form">
    <header class="kt-people-hero">
      <div class="kt-people-hero__identity">
        <span class="kt-people-hero__icon" aria-hidden="true"><i class="ti ti-user-edit"></i></span>
        <div>
          <span class="kt-people-hero__eyebrow"><%= editCopy.eyebrow %></span>
          <h1><%= editCopy.title %></h1>
          <p><%= editCopy.subtitle %></p>
        </div>
      </div>
      <a class="kt-people-btn kt-people-btn--secondary" href="<%= referer || '/dashboard/clients/all' %>">
        <i class="ti ti-arrow-right" aria-hidden="true"></i><span><%= editCopy.back %></span>
      </a>
    </header>

    <section class="kt-people-form-card">
      <div class="kt-people-card-heading">
        <span class="kt-people-card-heading__icon" aria-hidden="true"><i class="ti ti-address-book"></i></span>
        <div><h2><%= editCopy.cardTitle %></h2><p><%= editCopy.cardSubtitle %></p></div>
      </div>

      <form
        id="editClient"
        action="/dashboard/clients/edit/<%= r_client.id %>"
        method="post"
        enctype="multipart/form-data"
        novalidate
        data-people-form
        data-method="PUT"
        data-success-message="<%= editCopy.success %>"
        data-error-message="<%= editCopy.error %>"
        data-validation-message="<%= editCopy.validation %>"
        data-dirty-message="<%= editCopy.dirty %>"
      >
        <input type="hidden" name="_csrf" value="<%= csrfToken %>">
        <div class="kt-people-form__body">
          <%- include('./partials/formFields.ejs', {
            mode: 'edit',
            client: r_client,
            countries: [],
            lang: editLocale
          }) %>
          <p class="kt-people-form-message" data-people-form-message aria-live="polite"></p>
        </div>
        <div class="kt-people-command-bar">
          <span class="kt-people-command-bar__status" data-people-form-status>
            <i class="ti ti-circle-check" aria-hidden="true"></i><span><%= editCopy.ready %></span>
          </span>
          <div class="kt-people-command-bar__actions">
            <a class="kt-people-btn kt-people-btn--soft" href="<%= referer || '/dashboard/clients/all' %>"><%= editCopy.back %></a>
            <button
              class="kt-people-btn kt-people-btn--primary kt-people-submit"
              type="submit"
              data-people-submit
              data-default-label="<%= editCopy.submit %>"
              data-loading-label="<%= editCopy.submitting %>"
            >
              <i class="ti ti-device-floppy" aria-hidden="true"></i>
              <span data-people-button-label><%= editCopy.submit %></span>
            </button>
          </div>
        </div>
      </form>
    </section>
  </div>
</section>

<script src="/admin/assets/js/pages/people-resource.js?v=2.6.5.1" defer></script>
