{% extends "common/auth_page.twig" %}

{% block contentTitle %}{{'user-view'|trans}}{% endblock %}

{% block content %}


<div class="container">
	
	<div class="card">
		<div class="card-header">
			{{'change-password'|trans}}
		</div>

		<div class="card-body">
			{% if user.verify %}
			<div class="alert alert-warning" role="alert">{{'change-password-text'|trans|raw}}</div>
			{% endif %}

			<form class="form-horizontal" action="{{path_for(constant('GestionComedor\\Configuration\\Routers\\UserRouters::USER_CREATE_PASSWORD_SAVE'),{id:user.id})}}" method="POST">

			  <div class="form-group row">
				  <label for="username" class="col-sm-3 col-form-label font-weight-bold text-right">{{'username'|trans}}</label>
			    <div class="col-sm-9">
			      <input type="username" class="form-control" name="username" id="username" value="{{user.username}}" disabled>
			    </div>
			  </div>

				<div class="form-group row">
				  <label for="userPhone" class="col-sm-3 col-form-label font-weight-bold text-right">{{'password'|trans}}</label>
			    <div class="col-sm-9">
			      <input type="password" class="form-control" name="userPassword" id="userPassword" value="">
			    </div>
			  </div>

			  <div class="form-group row">
				  <label for="userPhone" class="col-sm-3 col-form-label font-weight-bold text-right">{{'repeat-password'|trans}}</label>
			    <div class="col-sm-9">
			      <input type="password" class="form-control" name="userPasswordRepeat" id="userPasswordRepeat" value="">
			    </div>
			  </div>

				<div class="form-group row">
			  	<div class="col-sm-3"></div>
			  	<div class="col-sm-4"><button class="btn btn-outline-success btn-block" type="submit">{{'save'|trans}}</button></div>
			  	</form>
				</div>

	</div>


</div>

{% endblock %}