@extends('layouts.master')

@section('title', \Lang::get('global.edit_profile'))

@section('css')
<link rel="stylesheet" href="{{ URL::asset('public/css/dashboard.css') }}">
<style type="text/css">
</style>
@stop

@section('content')

<div class="container">
	<div class="row" style="margin-top: 2%; margin-bottom: 2%">
		<center>
			<div id="profile_update" style="width: 60%">
				<form action="/userprofile" method="PUT" class="text-left">
					<h3>@lang('dashboard.password_update')</h3>
					<hr>
					<div class="panel panel-default">
						<div class="panel-body">
							<div class="form-group">
								<label class="control-label" for="name">@lang('dashboard.new_password')</label>
								<input type="password" class="form-control" placeholder="@lang('dashboard.new_password')" name="password">
								<span class="help-block" style="display: none;">@lang('dashboard.password_not_match')</span>
							</div>
							<div class="form-group">
								<label class="control-label" for="name">@lang('dashboard.confirm_password')</label>
								<input type="password" class="form-control" placeholder="@lang('dashboard.confirm_password')" name="confirm_password">
								<span class="help-block" style="display: none;">@lang('dashboard.password_not_match')</span>
							</div>
							<input type="hidden" name="_token" value="{{ csrf_token() }}">
						</div>
					</div>
					<button type="submit" class="btn btn-success btn-lg center-block user-update">@lang('global.save')</button>
				</form>
			</div>
		</center>
	</div>
</div>
</div>


@stop
@section('javascript')
<script type="text/javascript">
	$(".user-update").on("click", function(){
		password = $("input[name=password]");
		confirm_password = $("input[name=confirm_password]");
		password.parents('.form-group').removeClass('has-error');
		password.parents('.form-group').find('.help-block').css('display', 'none');
		confirm_password.parents('.form-group').removeClass('has-error');
		confirm_password.parents('.form-group').find('.help-block').css('display', 'none');
		if(password.val() != "" || confirm_password.val() != ""){
			if(password.val() != confirm_password.val()){
				password.parents('.form-group').addClass('has-error');
				password.parents('.form-group').find('.help-block').css('display', '');
				confirm_password.parents('.form-group').addClass('has-error');
				confirm_password.parents('.form-group').find('.help-block').css('display', '');
				return false;
			}
		}else{
			notification("@lang('global.please_enter_password')", "Warning");
			return false;
		}
	});
</script>
@stop