<div class="modal fade" id="changepasswordModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
	<div class="modal-dialog" role="document">
		<div class="modal-content">
			<form role="form" id="password-form-data" method="post" autocomplete="off">
				{{ csrf_field() }}

				<div class="modal-header">
					<h5 class="modal-title" id="exampleModalLabel">{{ __('change_your_password') }}</h5>
					<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
				</div>

				@include('load.form.password_toggle')
			<div class="modal-body">
					<div class="row" style="padding: 10px 20px;">
						<div class="col-xs-12 text-center" id="changePasswordMessage"></div>
					</div>
					<div class="row" style="padding: 10px 20px;">
						<label for="new-password" class="col-md-6 control-label text-right">{{ __('current_password') }}</label>
						<div class="col-md-6">
							<input id="current-password" type="password" class="form-control" name="current-password" required>
						</div>
					</div>

					<div class="row" style="padding: 10px 20px;">
						<label for="new-password" class="col-md-6 control-label text-right">{{ __('new_password') }}</label>

						<div class="col-md-6">
							<input id="new-password" type="password" class="form-control" name="new-password" required>
						</div>
					</div>

					<div class="row" style="padding: 10px 20px;">
						<label for="new-password-confirm" class="col-md-6 control-label text-right">{{ __('confirm_new_password') }}</label>

						<div class="col-md-6">
							<input id="new-password-confirm" type="password" class="form-control" name="new-password_confirmation" required>
						</div>
					</div>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-primary" id="changePassword-submit">
						{{ __('save') }}
					</button>
				</div>
			</form>
		</div>
	</div>
</div>
