@extends('layouts.user.focused')

@section('content')

<div class="main-content">

	<div class="task-choose bg-img" style="background-image: url({{asset('common/img/login-bg.jpg')}});">

		<div class="task-choose-outer">

			<div class="task-choose-inner text-center white-bg">

				<div class="task-choose-top">

					<a class="task-logo" href="{{route('home')}}">
						<div class="bg-img logo" style="background-image: url({{Setting::get('site_logo')}});"></div>

					</a>

					<div class="social-net">

						@if(config('services.facebook.client_id') && config('services.facebook.client_secret'))

							<form action="{{route('SocialLogin')}}" method="POST" class="">
		                        
		                        <input type="hidden" value="facebook" name="provider" id="provider">
		    					
		    					<input type="submit" style="width: 100%;box-shadow: 0"  class="facebook" name="facebook" value="{{tr('facebook')}}" />


							</form>
							
							<p class="login-txt">{{tr('or')}}</p>

						@endif

						@if(config('services.google.client_id') && config('services.google.client_secret'))

							<form action="{{route('SocialLogin')}}" method="POST" role="form" class="">

								<input type="hidden" value="google" name="provider" id="provider">
		    					
		    					<input type="submit" style="width: 100%;box-shadow: 0" class="google" name="google" value="{{tr('google')}}" />

							</form>

						@endif

					</div>

					<div>
						<p class="login-txt">{{tr('login_signup_text')}}</p>

						<div>
							<a href="{{route('user.login.form')}}" class="login-link green-border-link">{{tr('login')}}</a>
							<a href="{{route('user.register.form')}}" class="login-link green-border-link">{{tr('signup')}}</a>
						</div>

						<p class="login-txt btm-txt">{{tr('signup_agree')}} <a target="_blank" href="{{route('terms')}}" class="common-link">{{tr('terms')}}</a> {{tr('and')}} <a target="_blank" href="{{route('privacy')}}" class="common-link">{{tr('privacy')}}</a></p>
					</div>
				</div>
			</div>

		</div>

	</div>
</div>	


@endsection