{% extends "layout.html" %}
{% load static %}
{% load widget_tweaks %}

{% block layout_script %}
{% endblock %}

{% block layout_content %}
<div class="card mt-3" style="box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px;">
	<form method="post" autocomplete="off" id="formusers" class="card-body">
		{% csrf_token %}

		<h5 class="card-title mt-0 clearfix">
			<span>Form Pengguna</span>

		</h5>

		<!-- {% include 'extra/base_messages.html' %} -->
		{% include 'extra/base_form_errors.html' %}

		<div class="row">
			<div class="col col-md-6">
				<div class="form-group">
					{% render_field form.usr placeholder=form.usr.label title=form.usr.label class="form-control" %}
				</div>

				<div class="form-group">
					{% render_field form.pk_roles class="form-control" %}
				</div>

				{% if is_update %}
				<div class="form-group">
					{% render_field form.pwd placeholder=form.pwd.label title=form.pwd.label class="form-control" maxlength="6" %}
				</div>
				{% endif %}

				<div class="form-group">
					{% render_field form.pwd_old placeholder=form.pwd_old.label title=form.pwd_old.label class="form-control" maxlength="6" %}
				</div>
				<div class="form-group">
					{% render_field form.pwd_new maxlength="6" placeholder=form.pwd_new.label autocomplete="off" title=form.pwd_new.label class="form-control" %}
				</div>
			</div>
			<!-- <div class="col col-md-6 text-center">
				<img src="{% static 'upload/logo.png' %}" alt="" style="opacity: 0.7; width: 50%; height: auto;">
			</div> -->
		</div>
		<a href="{% url 'users_list' %}" class="btn btn-secondary px-lg-4 shadow text-uppercase">Kembali</a>
		<button type="submit" data-save class="btn btn-info px-lg-4 shadow text-uppercase ml-1">simpan</button>
		<div id="upload_exec" class="float-right">
			{% if pk %}
				<!-- <a data-delete="{% url 'content_delete' pk=pk %}" class="btn btn-sm btn-outline-danger text-uppercase">hapus</a> -->
			{% endif %}
		</div>
	</form>
</div>
{% endblock %}