{% INCLUDE 'overall_header.html' %}

<form id="postform" action="{{ S_ACTION }}" method="post">
  <div class="card mt-4">
  	<div class="card-title"><h3>{{ TITLE }}</h3></div>
  	<div class="p-4">
      <div class="divide-y space-y-4 dark:divide-slate-800">
      	<div class="first:pt-0 pt-4">
      		<label class="block text-sm font-medium mb-2">{{ lang('PM_USER') ~ lang('COLON') }}</label>
      		{{ NICK }}
      	</div>
        <div class="first:pt-0 pt-4">
      		<label class="block text-sm font-medium mb-2">{{ lang('PM_POST') ~ lang('COLON') }}</label>
      		{{ POST }}
      	</div>
        <div class="first:pt-0 pt-4">
      		<label class="block text-sm font-medium mb-2">{{ lang('PM_REASON') ~ lang('COLON') }}</label>
      		<textarea name="reason" class="inputbox" cols="80" rows="7" onselect="storeCaret(this);" onclick="storeCaret(this);" onkeyup="storeCaret(this);" onfocus="initInsertions();">{{ TRSEDI }}</textarea>
      	</div>
      </div>
    </div>
  </div>
  <div class="my-4 card border rounded-xl p-4">
  	<div class="submit-buttons flex max-md:flex-col items-center justify-center gap-2">
  		<button type="submit" name="submit" value="{{ lang('PM_SUBMIT') }}" class="btn-primary ripple justify-center max-md:w-full">{{ lang('PM_SUBMIT') }}</button>
  		<button type="reset" name="reset" value="{{ lang('PM_CLEAR') }}" class="btn-primary-outline ripple justify-center max-md:w-full">{{ lang('PM_CLEAR') }}</button>
  	  {{ S_HIDDEN_FIELDS }}
  	</div>
  </div>
</form>

{% INCLUDE 'overall_footer.html' %}