@extends('theme.test.master')
@section('title')
<title>TCM Education Clone Test Series</title>
@endsection
@section('meta')
   
<meta name="keywords" content="TCM Education Clone Test Series">
<meta name="description" content="Join " />
<link rel="canonical" href="" />
 

@endsection
@section('content')

 <div class="container">
        <div class="d-flex flex-column justify-content-center align-items-center mt-2 mb-4 navbar-light">
            <a href="index.html" class="text-center text-light-gray mb-4">

                <!-- LOGO -->
                <img src="{{ url('tests/assets/images/tcmlogo1.png') }}"  width="100" alt="Frontted">

            </a>
        </div>
        
          <div class="row">
            <div class="col-md-8">  
            <form class="signup-form" method="POST" action="{{ route('register') }}">
                    @csrf
                    
                <div class="row" >  
                                <div class="col-md-6" style="margin-bottom:10px;">
                                    <input type="text" class="form-control{{ $errors->has('fname') ? ' is-invalid' : '' }}" name="fname" value="{{ old('fname') }}" id="fname" placeholder="First Name">
                                    @if ($errors->has('fname'))
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $errors->first('fname') }}</strong>
                                        </span>
                                    @endif
                                </div>
                                
                                <div class="col-md-6" style="margin-bottom:10px;">
                                    <input type="text" class="form-control{{ $errors->has('lname') ? ' is-invalid' : '' }}" name="lname" value="{{ old('lname') }}" id="lname" placeholder="Last Name">
                                    @if($errors->has('lname'))
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $errors->first('lname') }}</strong>
                                        </span>
                                    @endif
                                </div>
                    
                    </div>  
                     <div class="row"> 
                                    <div class="col-md-6" style="margin-bottom:10px;">
                                        <input type="email" class="form-control{{ $errors->has('email') ? ' is-invalid' : '' }}" name="email" value="{{ old('email') }}" id="email" placeholder="Email">
                                        @if($errors->has('email'))
                                            <span class="invalid-feedback" role="alert">
                                                <strong>{{ $errors->first('email') }}</strong>
                                            </span>
                                        @endif
                                    </div>
                                    @if($gsetting->mobile_enable == 1)
                                    <div class="col-md-6" style="margin-bottom:10px;">
                                        <input type="text" class="form-control{{ $errors->has('mobile') ? ' is-invalid' : '' }}" name="mobile" value="{{ old('mobile') }}" id="mobile" placeholder="Mobile">
                                        @if($errors->has('mobile'))
                                            <span class="invalid-feedback" role="alert">
                                                <strong>{{ $errors->first('mobile') }}</strong>
                                            </span>
                                        @endif
                                    </div>
                                    @endif
                     </div>
                      <div class="row"> 
                                <div class="col-md-6" style="margin-bottom:10px;">
                                    <input type="password" class="form-control{{ $errors->has('password') ? ' is-invalid' : '' }}" name="password" id="password" placeholder="Password">
                                    @if ($errors->has('password'))
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $errors->first('password') }}</strong>
                                        </span>
                                    @endif
                                </div>
            
                                <div class="col-md-6" style="margin-bottom:10px;">
                                    <input id="password-confirm" type="password" class="form-control" name="password_confirmation" placeholder="Confirm Password" required>
                                </div>
                                
                        </div> 
                    
                    @if($gsetting->captcha_enable == 1)
                    <div class="form-group{{ $errors->has('g-recaptcha-response') ? ' has-error' : '' }}">
                        {!! app('captcha')->display() !!}
                        @if ($errors->has('g-recaptcha-response'))
                            <span class="help-block">
                                <strong>{{ $errors->first('g-recaptcha-response') }}</strong>
                            </span>
                        @endif
                    </div>
                    @endif

                    
                    <button type="submit" title="Sign Up" class="btn btn-primary btm-20">{{ __('frontstaticword.Signup') }}</button> 

                    <div class="signin-link text-center btm-20">
                        {{ __('frontstaticword.Bysigningup') }} <a href="{{url('terms_condition')}}" title="Policy">{{ __('frontstaticword.Terms&Condition') }} </a>, <a href="{{url('privacy_policy')}}" title="Policy">{{ __('frontstaticword.PrivacyPolicy') }}.</a>
                    </div>
                    <hr>
                    <div class="sign-up text-center">{{ __('frontstaticword.Alreadyhaveanaccount') }}?<a href="{{ route('login') }}" title="sign-up"> {{ __('frontstaticword.Login') }}</a>
                    </div>
                </form>
                
                
                
                
                
                
                
                
                
                
            </div><!---------End Col-md-8---->
              <div class="col-md-4">
                    <img src="{{ url('tests/assets/images/signup1.png') }}" class="vert-move" width="335"  alt="Frontted">
              </div> 
              <style type="text/css">
                img.vert-move {
    -webkit-animation: mover 1s infinite  alternate;
    animation: mover 1s infinite  alternate;
}
img.vert-move {
    -webkit-animation: mover 1s infinite  alternate;
    animation: mover 1s infinite  alternate;
}
@-webkit-keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}
@keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}

              </style>
          </div>
        
    </div>
@endsection