{{\App::setLocale(Session::get('locale'))}}
@extends('admin.layouts.app')
@section('title', 'Register User')
@section('content-heading')
  <section class="content-header">
    <h1>@lang('admin.register_new_member') <small></small></h1>
    <ol class="breadcrumb"> 
      <li><a href="{{ route('admindashboard') }}"><i class="fa fa-dashboard"></i> @lang('admin.dashboard')</a></li>
      
      <li class="active">@lang('admin.register_new_member')</li>
    </ol>
    </section>
@endsection
@section('content')
<section class="content">
	<div class="row">
		<div class="col-xs-12">
			<div class="box">
				<div class="box-header"></div>
				<div class="box-body">
					<div class="x_panel">
						<div class="x_title">
							<div class="clearfix"></div>
						</div>
						<div class="x_content">
							<form id="reg_user_frm" data-parsley-validate="" class="form-horizontal form-label-left" method="post" enctype="multipart/form-data">
								{{ csrf_field() }}
								
								<div class="form-group">
									<label class="control-label col-md-3 col-sm-3 col-xs-12" for="first-name">@lang('IC Name') 
										<span class="required">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;:</span>
									</label>
									<div class="col-md-6 col-sm-6 col-xs-12">
										<input type="text" id="icname" name="icname" value="" placeholder="@lang('word.name')" class="form-control col-md-7 col-xs-12">
									</div>
								</div>
								
								<div class="form-group">
									<label class="control-label col-md-3 col-sm-3 col-xs-12" for="first-name">@lang('IC Number') 
										<span class="required">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;:</span>
									</label>
									<div class="col-md-6 col-sm-6 col-xs-12">
										<input type="text" id="icnumber" name="icnumber" value="" placeholder="@lang('IC Number')" class="form-control col-md-7 col-xs-12">
									</div>
								</div>
								
								<div class="form-group">
									<label class="control-label col-md-3 col-sm-3 col-xs-12" for="first-name">@lang('word.mobile_number')
										<span class="required">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;:</span>
									</label>
									<div class="col-md-6 col-sm-6 col-xs-12">
										<input id="mobile" name="mobile" value="" class="form-control col-md-7 col-xs-12" placeholder="@lang('word.mobile_number')" type="text">
									</div>
								</div>
								
								<div class="form-group">
									<label class="control-label col-md-3 col-sm-3 col-xs-12" for="first-name">@lang('word.email') 
										<span class="required">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;:</span>
									</label>
									<div class="col-md-6 col-sm-6 col-xs-12">
										<input id="email" name="email" value="" class="form-control col-md-7 col-xs-12" placeholder="@lang('word.email') " type="text">
									</div>
								</div>
								
								<div class="form-group">
									<label class="control-label col-md-3 col-sm-3 col-xs-12" for="first-name">@lang('word.login_password') <span class="required">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;:</span>
									</label>
									<div class="col-md-6 col-sm-6 col-xs-12">
										<input id="password" name="password" class="form-control col-md-7 col-xs-12" type="password" placeholder="@lang('word.login_password')">
									</div>
								</div>
								
								<div class="form-group">
									<label class="control-label col-md-3 col-sm-3 col-xs-12" for="last-name">@lang('Card Number') <span class="required">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;:</span>
									</label>
									<div class="col-md-6 col-sm-6 col-xs-12">
										<input id="card_number" name="card_number" class="form-control col-md-7 col-xs-12" type="text" placeholder="@lang('Card Number')">
									</div>
								</div>
								
								<div class="form-group">
									<label class="control-label col-md-3 col-sm-3 col-xs-12" for="first-name">@lang('Referral Code')
										<span class="required">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;:</span>
									</label>
									<div class="col-md-6 col-sm-6 col-xs-12">
										<input id="ref_code" name="ref_code" value="" class="form-control col-md-7 col-xs-12" placeholder="@lang('Referral Code')" type="text">
									</div>
								</div>
								<div class="ln_solid"></div>
								<div class="form-group">
									<div class="col-md-6 col-sm-6 col-xs-12 col-md-offset-3">
										<button type="submit" class="btn btn-success" name="submit">@lang('word.submit')</button>
									</div>
								</div>
							</form>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</section>
@endsection

@section('extra-script')
<style>
.error {
  color: red;
}
</style>
<link rel="stylesheet" href="{{asset('css/sweetalert.css')}}">
<script src="{{asset('js/sweetalert.min.js')}}"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.16.0/jquery.validate.min.js"></script>

<script>
	jQuery.validator.addMethod("math", function(value, element, params) {
	  return this.optional(element) || value == params[0] + params[1];
	}, jQuery.validator.format("Please enter the correct value for {0} + {1}"));

	$("#reg_user_frm").validate({
		rules: {
			
			name: {
				//required: !0,
			},
			
			email: {
				/*required: function(e) {
					if($("#mobile").val().length == 0){
						return true;
					}else{
						return false;
					}
				},
				email: true*/
			},
			mobile: {
				/*required: function(e) {
					if($("#email").val().length == 0){
						return true;
					}else{
						return false;
					}
				},
				number: true*/
			},
			password: {
				required: !0
			},
			se_password: {
				required: !0
			},
			sponsor: {
				required: !0
			},
			placement: {
				required: !0
			},
		},
		messages: {
			username: {
				required: "User ID required",
			},
			name: {
				required: "Nickname required",
			},
			country: {
				required: "Country required",
			},
			email: {
				required: "Email required",
			},
			mobile: {
				required: "Mobile required",
			},
			password: {
				required: "Password required",
			},
			se_password: {
				required: "Secure Password required",
			},
			sponsor: {
				required: "Sponsor Used ID required",
			},
		},
		submitHandler: function(e) {
			swal({
				title: "",
				text: "Registering  User ...",
				imageUrl: "{{asset('assets/images/ajax-loader.gif')}}",
				showConfirmButton: false,
			});
			$.ajax({
				url: "{{route('memberRegisterSave')}}",
				type: 'POST',
				data: $('#reg_user_frm').serialize(),
				success: function(data) {
					if (data.error == 200) {
						swal({
							title: "Success",
							text: data.message,
							type: "success",
						}, function() {
							window.location.reload(0);
						});
					} else {
						swal("Error", data.message, "error");
					}
				}
			});
		}
	});
    </script>
@endsection