@extends('layouts.page', ['title' => 'عضویت در سایت'])

@section('content')
<div class="dvContentJoin">

	<h3>عضویت در سایت</h3>
	<span class="color-blue">لطفا برای وارد کردن نام و نام خانوادگی خود از صفحه کلید فارسی و برای وارد کردن اعداد از صفحه کلید لاتین استفاده نمایید.</span>

	<div class="row">
		<div class="col-md-5">

			<form method="post" action="{{ url('/auth/join') }}" >
				<input type="hidden" name="_token" value="{{ csrf_token() }}">
				<div class="form-group">
					<label   for="inpFirst_name">نام (فارسی)</label>
					<input type="text" class="form-control" id="inpFirst_name" name="first_name" value="{{ old('first_name') }}" placeholder="نام">
					{!! $errors->first('first_name') !!}
				</div>
				<div class="form-group">
					<label   for="inpLast_name">نام خانوادگی (فارسی)</label>
					<input type="text" class="form-control" id="inpLast_name" name="last_name" value="{{ old('last_name') }}" placeholder="نام خانوادگی">
					{!! $errors->first('last_name') !!}
				</div>
				<div class="form-group">
					<label   for="inpMobile">همراه (لاتین)</label>
					<input type="text" class="form-control ltr" id="inpMobile" name="mobile" value="{{ (old('mobile') ? old('mobile') : '09' ) }}" placeholder="همراه">
					{!! $errors->first('mobile') !!}
				</div>
				<div class="form-group">
					<label   for="inpEmail">ایمیل (اختیاری / لاتین)</label>
					<input type="email" class="form-control ltr" id="inpEmail" name="email" value="{{ old('email') }}" placeholder="ایمیل">
					{!! $errors->first('email') !!}
				</div>
				<div class="form-group">
					<label   for="inpPassowrd">کلمه عبور (حداقل 8 کاراکتر / لاتین)</label>
					<input type="password" class="form-control ltr" id="inpPassowrd" name="password" value="{{ old('password') }}" autocomplete="off" placeholder="کلمه عبور">
					{!! $errors->first('password') !!}
				</div>
				<button type="submit" class="btn btn-primary" id="signup" disabled="disabled" name="signup">عضویت</button>
				<a href="/active/account"  class="btn btn-default" >فعال سازی حساب</a>

				@if(session('join_message'))
					@if(session('join_message')!="error")
						<div class="alert {{ session('class') }}">{!! session('join_message') !!}</div>
					@endif
				@endif

			</form>

		</div>
	</div>
</div>
@stop

@section('javascript')
   <script language="javascript" type="text/javascript">

   function validateMobile(value) {
	 var re = /^09\d{9}$/;
	 return re.test(value);
   }
 
   $("#inpMobile").focusout(function() {
	 var curr_control = $(this);
	 var is_valid = true;
	 switch (curr_control.attr("id")) {
	   case "inpMobile":
		 is_valid = validateMobile(curr_control.val());
		 break;
	   default:
	 }

	 $("#signup").prop("disabled", false);
	 if(is_valid){
		curr_control.css("border-color","#ccc");
	 }else{
		curr_control.css("border-color","#ff3737");
	   $("#signup").prop("disabled", true);
	  }
  });

   </script>
@stop