{{\App::setLocale(Session::get('locale'))}} 
@extends('layouts.user-layout')
@section('title', trans('word.primary_password_update'))
@section('content')
<div class="panel panel-default form-margin-regi">
	<div class="panel-heading">@lang('word.primary_password_update')</div>
	<div class="panel-body">
		<form class="form-horizontal form-a" id="primary_update">
			{{csrf_field()}}
			<div class="form-group">
				<label class="col-sm-3 control-label" for="pwd">@lang('word.old_password') :</label>
				<div class="col-sm-4">
					<input class="form-control" required="" id="old_p_password" name="old_p_password" placeholder="@lang('word.old_password')" type="password"> 
				</div>
			</div>
			<div class="form-group">
				<label class="col-sm-3 control-label" for="pwd">@lang('word.new_password') :</label>
				<div class="col-sm-4">
					<input class="form-control" required="" id="new_p_password" name="new_p_password" placeholder="@lang('word.new_password')" type="password"> 
				</div>
			</div>
			<div class="form-group">
				<label class="col-sm-3 control-label" for="pwd">@lang('word.re_type_new_password') :</label>
				<div class="col-sm-4">
					<input class="form-control" required="" id="new_rp_password" name="new_rp_password" placeholder="@lang('word.re_type_new_password')" type="password"> 
				</div>
			</div>
			<div class="form-group">
				<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 = $("#primary_update").validate({
		rules: {
			old_p_password: {
				required: true,
			},
			new_p_password: {
				required: true,
			},
			new_rp_password: {
				required: true,
			},
		},
		messages: {
			old_p_password: {
				required: "@lang('word.old_p_password_required')",
			},
			new_p_password: {
				required: "@lang('word.new_p_password_required')",
			},
			new_rp_password: {
				required: "@lang('word.new_rp_password_required')",
			},
		},
		
		submitHandler: function(event) {
			swal({
				text: "",
				html: true,
				imageUrl: "{{asset('images/ajax-loader.gif')}}",
				title: '@lang("word.processing")',
				showConfirmButton: false,
			});
			$.ajax({
				url: '{{ route("login-password.save") }}',
				type: 'POST',
				data: $('#primary_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