{% if AJAX_GENDER %}
<script>
    var AJAX_GENDER = "{{ AJAX_GENDER|escape('js') }}";
</script>
{% if register_form %}
<div>
	<label for="lang" class="block text-sm font-medium mb-2">{{ lang('GENDER') ~ lang('COLON') }}</label>
	<div class="flex items-center gap-2">
    <select class="inputbox bg-white" name="user_gender" id="user_gender">{{ S_GENDER_OPTIONS }}</select>
    <span id="gender_image" {% if not USER_GENDER %}style="display:none;"{% endif %}><i class="fa {{ USER_GENDER }}" style="font-size:18px"></i></span>
  </div>
</div>
{% else %}
  <dl class="py-4 md:grid md:grid-cols-3 md:gap-5 items-center">
  	<dt class="text-sm font-medium leading-6"><label for="user_gender">{{ lang('GENDER') ~ lang('COLON') }}</label></dt>
  	<dd class="text-sm md:col-span-2 max-md:mt-2 flex items-center gap-2">
  		<select class="inputbox" name="user_gender" id="user_gender">{{ S_GENDER_OPTIONS }}</select>
      <span id="gender_image" {% if not USER_GENDER %}style="display:none;"{% endif %}><i class="fa {{ USER_GENDER }}" style="font-size:18px"></i></span>
  	</dd>
  </dl>
{% endif %}
{% endif %}