{{\App::setLocale(Session::get('locale'))}} 
@extends('layouts.user-layout')
@section('title', trans('word.my_profile'))
@section('content-heading',trans('word.my_profile'))
@section('content')
<div class="panel panel-default form-margin-regi">
	<div class="panel-heading">@lang('word.my_profile')</div>
	<div class="panel-body">
		<form class="form-horizontal form-a" id="edt_my_details">
				{{csrf_field()}}
				<div class="form-group row">
					<label class="col-sm-3 control-label" for="pwd">@lang('word.user_id'):</label>
					<div class="col-sm-4">
						<input disabled readonly name="username" class="form-control" id="username" type="text" value="{{$cUserObj->username}}">
					</div>
				</div>
				
				<div class="form-group row">
					<label class="col-sm-3 control-label" for="pwd">@lang('word.name'):</label>
					<div class="col-sm-4">
						<input name="name" class="form-control" id="name"
							placeholder="@lang('word.name')" required="required" type="text" value="{{$cUserObj->name}}">
					</div>
				</div>
				
				<div class="form-group row">
					<label class="col-sm-3 control-label" for="pwd">@lang('word.realname'):</label>
					<div class="col-sm-4">
						<input disabled readonly name="realname" class="form-control" id="realname"
							placeholder="@lang('word.realname')" value="{{$cUserObj->realname}}" >
					</div>
				</div>
				
				<div class="form-group row">
					<label disabled readonly class="col-sm-3 control-label" for="pwd">@lang('word.mobile_number'):</label>
					<div class="col-sm-4">
						<input disabled readonly name="mobile" class="form-control" id="mobile"
							placeholder="@lang('word.mobile_number')"
							type="text" value="{{$cUserObj->mobile}}">
					</div>
				</div>
				<div class="form-group row">
					<label class="col-sm-3 control-label" for="pwd">@lang('word.security_password'):</label>
					<div class="col-sm-4">
						<input name="se_password" class="form-control" id="security_password"
							placeholder="@lang('word.security_password')" required="required"
							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.update')
						</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 = $("#edt_my_details").validate({
		rules: {
			name: {
				required: true,
			},
			realname: {
				required: true,
			},
			mobile: {
				required: true,
			},
			se_password: {
				required: true,
			},
		},
		messages: {
			name: {
				required: "@lang('word.name_required')",
			},
			realname: {
				required: "@lang('word.realname_required')",
			},
			email: {
				required: "@lang('word.email_required')",
			},
			mobile: {
				required: "@lang('word.mobile_required')",
			},
			se_password: {
				required: "@lang('word.se_password_required')",
			},
		},
		errorElement: "span",
		submitHandler: function(event) {
			swal({
				title: "",
				text: "@lang('word.processing')...",
				imageUrl: "{{asset('images/ajax-loader.gif')}}",
				showConfirmButton: false,
			});
			$.ajax({
				url: '{{ route("my-profile.save") }}',
				type: 'POST',
				data: $('#edt_my_details').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>
<style>
.circle{border:2px solid;border-radius:8%;font-size:34px;height:auto;line-height:100px;text-align:center;width:auto}.credit-title{min-height:52px}
</style>
@endsection