@extends('helper.include.view.modal', ['id' => 'modal-alterar-senha', 'class_size' => 'modal-lg'])

@section('modal-header-left')

<h4 class="modal-title">
	<span>Alterar Senha de Usuário</span>
</h4>

@overwrite

@section('modal-header-right')

	<!-- <button type="button" class="btn btn-alpha go-fullscreen"
		style="
			color: #333333;
			background-color: #ffffff;
			font-size: 19px;
			border: 1px solid #cccccc;
		"
		gofullscreen="panel-modal"
		title="Tela cheia">
		<span class="glyphicon glyphicon-fullscreen"></span>
	</button> -->

	<button type="button" class="btn btn-success btn-post-password-js" id="btn-post-password-js" data-hotkey="f1">
		<span class="glyphicon glyphicon-ok"></span> Gravar
	</button>

	<!-- <button type="button" class="btn btn-danger btn-cancel-password-js" id="btn-cancel-password-js" data-hotkey="f2">
		<span class="glyphicon glyphicon-ban-circle"></span> Cancelar
	</button> -->

	<button type="button" class="btn btn-default btn-fechar-modal-foto btn-voltar" id="btn-fechar-modal-senha" data-hotkey="esc">
	  <span class="glyphicon glyphicon-chevron-left"></span> Voltar
	</button>

@overwrite

@section('modal-body')

<div style="height: calc(100vh - 230px); padding: 15px;">

	<div class="row contentarea" id="photo-content-area">

		<form id="form-change-password">

			<div class="form-group">

				<label for="old_password">Senha Antiga:</label>
				<input autocomplete="off" name="current-password-{{isset($TIPO) ? $TIPO : '0'}}" type="password" class="form-control normalcase normal-case" id="old_password" style="border-left: 2px solid mediumblue;">

			</div>

			<div class="form-group">

				<label for="new_password">Nova Senha:</label>
				<input  autocomplete="off" name="new-password" type="password" class="form-control normalcase normal-case" id="new_password" style="border-left: 2px solid mediumblue;">

				<small id="password_err" class="text-muted valid" style="color: red; top: 5px; position: relative; display: none;">
					Senhas não conferem.
				</small>

			</div>

			<div class="form-group">

				<label for="confirm_new_password">Confirmar Nova Senha:</label>
				<input  autocomplete="off" name="new-password" type="password" class="form-control normalcase normal-case" id="confirm_new_password" style="border-left: 2px solid mediumblue;">

				<small id="confirm_password_err" class="text-muted" style="color: red; top: 5px; position: relative; display: none;">
					Senhas não conferem.
				</small>

			</div>

			<div class="form-group">
				<input type="checkbox" class="form-check-input" id="show_passwords" style="margin-right: 10px;">
				<label class="form-check-label" for="show_passwords">Mostrar Senhas</label>
			</div>

		</form>

	</div>

</div>

@overwrite