{% embed "overall_header.html" %}
	{% block header_content %}
		<h1 class="text-slate-50 md:text-2xl text-xl">{{ lang('APPLICATION_PAGETITLE') }}</h1>
	{% endblock %}
{% endembed %}

<form method="post" id="appform" {{ S_FORM_ENCTYPE }}>

	<!-- IF S_ERROR -->
	<div class="text-sm text-red-700 bg-red-50 border border-red-300 rounded-lg p-4 dark:text-red-400 dark:bg-red-800/10 dark:border-red-500" role="alert">
		<div class="flex">
			<div class="leading-[0] mt-0.5"><i class="iconify" data-mode="style" data-icon="ph:x-circle" data-width="18" data-height="18" aria-hidden="true"></i></div>
			<div class="ms-4">{{ S_ERROR }}</div>
		</div>
	</div>
	<!-- ENDIF -->

	<!-- IF APPFORM_INFO -->
	<div class="card mt-4">
		<div class="p-4 text-sm">{{ APPFORM_INFO }}</div>
	</div>
	<!-- ENDIF -->

  <div class="card mt-4">
		<div class="card-title"><h2>{{ lang('APPLICATION_PAGETITLE') }}</h2></div>
		<div class="px-4">
			<div class="divide-y">
				<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="name">{{ lang('APPLICATION_REALNAME') ~ lang('COLON') }}*</label></dt>
					<dd class="text-sm md:col-span-2 max-md:mt-2">
            <input id="name" type="text" name="name" size="25" class="inputbox" value="{{ REALNAME }}" />
          </dd>
				</dl>
				<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="email">{{ lang('EMAIL') ~ lang('COLON') }}*</label></dt>
					<dd class="text-sm md:col-span-2 max-md:mt-2">
						<input id="email" type="text" name="email" size="25" maxlength="100" class="inputbox" value="{{ APPLICATION_EMAIL }}" {% if not S_EMAIL_NEEDED %}disabled{% endif %} />
					</dd>
				</dl>
				{% if APPLICATION_POSITIONS %}
				<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="position">{{ lang('APPLICATION_POSITION') ~ lang('COLON') }}</label></dt>
					<dd class="text-sm md:col-span-2 max-md:mt-2">
            <select class="inputbox" name="position" id="position">{{ APPLICATION_POSITIONS }}</select>
          </dd>
				</dl>
				{% endif %}
				<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="why">{{ lang('APPLICATION_WHY') ~ lang('COLON') }}*</label></dt>
					<dd class="text-sm md:col-span-2 max-md:mt-2">
						<textarea id="why" rows="5" cols="50" name="why" class="inputbox">{{ WHY }}</textarea>
					</dd>
				</dl>
				{% for questions in loops.questions %}
        <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="qu_{{ loop.index }}">{{ questions.QUESTION ~ lang('COLON') }}*</label></dt>
					<dd class="text-sm md:col-span-2 max-md:mt-2">
						<input id="qu_{{ loop.index }}" type="text" name="{{ questions.FORM_NAME }}" class="inputbox" value="{{ questions.ANSWER }}" />
					</dd>
				</dl>
        {% endfor %}
				{% if CAPTCHA_TEMPLATE %}
					{% DEFINE CAPTCHA_TAB_INDEX = 5 %}
					{% INCLUDE ''~ CAPTCHA_TEMPLATE ~'' %}
				{% endif %}
			</div>
		</div>
	</div>

  {% if S_ATTACH_BOX %}
  <div class="card mt-4">
		<div class="card-title"><h2>{{ lang('ADD_ATTACHMENT') }}</h2></div>
		<div class="px-4">
      <p class="mt-4 text-secondary text-sm">{{ lang('ADD_ATTACHMENT_EXPLAIN') }} {% if S_ATTACH_REQ %}{{ lang('ADD_ATTACHMENT_REQ') }}{% endif %}</p>
			<div class="divide-y" id="attach-panel-basic">
        <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="fileupload">{{ lang('FILENAME') ~ lang('COLON') }}{% if S_ATTACH_REQ %}*{% endif %}</label></dt>
          <dd class="text-sm md:col-span-2 max-md:mt-2">
    				<input type="file" name="fileupload" id="fileupload" class="inputbox p-0 border border-gray-200 ring-0 text-sm text-secondary bg-white focus:outline-0 dark:bg-slate-900 dark:border-slate-800 file:bg-gray-50 file:border-0 file:me-4 file:p-3 dark:file:bg-slate-800 dark:file:text-white hover:cursor-pointer">
    			</dd>
				</dl>
        <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="filecomment">{{ lang('FILE_COMMENT') ~ lang('COLON') }}</label></dt>
					<dd class="text-sm md:col-span-2 max-md:mt-2">
            <textarea name="filecomment" id="filecomment" rows="1" cols="40" class="inputbox">{{ FILE_COMMENT }}</textarea>
          </dd>
				</dl>
      </div>
    </div>
  </div>
  {% endif %}

	<div class="card my-4 text-center">
		{{ S_HIDDEN_FIELDS }}
		<button type="submit" name="submit" class="btn-primary ripple mx-auto" id="submit" value="{{ lang('SUBMIT') }}">{{ lang('SUBMIT') }}</button>
		{{ S_FORM_TOKEN }}
	</div>
</form>






<!-- INCLUDE overall_footer.html -->