{{ attach_library('budvue/usermanagement-script') }} 

<div class="form-btn-wrapper">
  <div class="form-submit-cancel">
    <a href="/users" class="btn-secondary-global">Cancel</a>
  </div>
  <div class="form-user-delete">
    <button type="button" class="btn-secondary-global js-open-delete-modal"><img src="/modules/custom/cstv_main/images/icons8-delete.png"></button>
  </div>
  <div class="form-resend-invite">
    {{ form.resend_invite }}
  </div>
  <div class="form-submit">
    {{ form.submit }}
  </div>
</div>

<div class="invite-user-form-wrapper global-form-wrapper">
  <div class="global-form-section">
    <div class="required-fields field-group-html-element global-fieldset-wrapper">
      <fieldset class="required-fields field-group-fieldset col-md-12 form-wrapper mb-3">
        <legend>
            <span class="fieldset-legend">User Details</span>
        </legend>
        <div class="fieldset-wrapper-col">
          <fieldset class="global-fieldset col-md-6 form-wrapper mb-3">
            <div class="fieldset-wrapper">
              {{ form.first_name }}
              {{ form.email }}
              {{ form.job_title }}
              {{ form.public_slide_access }}
            </div>
          </fieldset>
          <fieldset class="global-fieldset col-md-6 form-wrapper mb-3">
            <div class="fieldset-wrapper">
              {{ form.last_name }}
              {{ form.phone_number }}
              {{ form.manage_users }}
            </div>
          </fieldset>
        </div>
      </fieldset>
    </div>

    <div class="required-fields global-fieldset-wrapper">
      {{ form.store_location }}
    </div>

    <div class="section-title">Communications</div>
    <div class="global-fieldset-parent">
      <div class="required-fields global-fieldset-wrapper">
        {{ form.billing }}
      </div>
      <div class="required-fields global-fieldset-wrapper">
        {{ form.newsletter }}
      </div>
    </div>
  </div>

  <div class="form-btn-wrapper">
    <div class="form-submit-cancel">
      <a href="/users" class="btn-secondary-global">Cancel</a>
    </div>
    <div class="form-submit">
      {{ form.submit }}
    </div>
  </div>
</div>

{# IMPORTANT: Render remaining hidden elements required for Drupal form to work #}
{{ form|without('submit', 'first_name', 'last_name', 'email', 'phone_number', 'job_title', 'manage_users', 'store_location', 'billing', 'public_slide_access', 'resend_invite', 'newsletter') }}