{{\App::setLocale(Session::get('locale'))}} 
@extends('layouts.user-layout')
@section('title', trans('word.security_password_update'))
@section('content')
<div class="panel panel-default form-margin-regi">
	<div class="panel-heading">@lang('word.security_password_update')</div>
	<div class="panel-body">
		<form class="form-horizontal form-a" id="security_update">
			{{csrf_field()}}
			<input name="type" value="2" type="hidden">
			
			<div class="form-group row">
				<label class="col-sm-3 control-label" for="pwd">@lang('word.old_security_password'):</label>
				<div class="col-sm-4">
					<input class="form-control" required="" id="old_s_password" name="old_s_password" placeholder="@lang('word.old_security_password')" type="password" maxlength="6"> 
				</div>
			</div>
			<div class="form-group row">
				<label class="col-sm-3 control-label" for="pwd">@lang('word.new_security_password'):</label>
				<div class="col-sm-4">
					<input class="form-control" required="" id="new_s_password" name="new_s_password" placeholder="@lang('word.new_security_password')" type="password" maxlength="6"> 
				</div>
			</div>
			<div class="form-group row">
				<label class="col-sm-3 control-label" for="pwd">@lang('word.re_type_new_security_password'):</label>
				<div class="col-sm-4">
					<input class="form-control" required="" id="new_rs_password" name="new_rs_password" placeholder="@lang('word.re_type_new_security_password')" maxlength="6" type="password"> 
				</div>
			</div>
			<div class="form-group row">
				<label class="col-sm-3 control-label" for="pwd"></label>
				<div class="col-sm-2">
					<button id="saveProfile" type="submit" class="dsn1 btn btn-primary btn-block">
						@lang('word.save')
					</button>
				</div>
			</div>			
		</form>
	</div>
</div>	
@endsection
@section('extra-script')
	@includeIf('user.common.sweetalert')
	<script src="//ajax.aspnetcdn.com/ajax/jquery.validate/1.11.1/jquery.validate.min.js"></script> 
<script>
$(function() {
	var v = $("#security_update").validate({
		rules: {
			old_s_password: {
				required: true,
			},
			new_s_password: {
				required: true,
				number:true,
			},
			new_rs_password: {
				required: true,
				number:true,
			},
		},
		messages: {
			old_s_password: {
				required: "@lang('word.old_s_password_required')",
			},
			new_s_password: {
				required: "@lang('word.new_s_password_required')",
				numeric:"@lang('word.new_s_password_between')",
			},
			new_rs_password: {
				required: "@lang('word.new_rs_password_required')",
				numeric:"@lang('word.new_s_password_between')",
			},
		},
		errorElement: "span",
		submitHandler: function(event) {
			swal({
				text: "",
				html: true,
				imageUrl: "{{asset('images/ajax-loader.gif')}}",
				title: '@lang("word.processing")',
				showConfirmButton: false,
			});
			$.ajax({
				url: '{{ route("transaction-password.save") }}',
				type: 'POST',
				data: $('#security_update').serialize(),
				success: function(data) {
					if (data.error == 200) {
						swal({
							title: "@lang('word.success')",
							text: data.message,
							type: "success",
						}, function() {
							window.location.reload(true);
						});
					} else {
						swal("@lang('word.error')", data.message, "error");
					}
				}
			});
			
			return false;
		}
	});
});
</script>
@endsection