@extends('layouts.common.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({{asset('common/img/logo.png')}});"></div>
					</a>
					<a href="{{route('user.register.form')}}" class="task-link common-bg-link help-task-link">{{tr('i_need_help')}}</a>
					<a href="{{route('provider.register.form')}}" class="task-link green-border-link">{{tr('want_to_tasker')}}</a>
					<!-- <p class="task-txt">{{tr('choose_user_content')}}</p> -->
				</div>

				<div class="help-task text-center">

					<div class="social-net">

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

							<buttton type="submit" class="facebook">{{tr('facebook')}}</button>

						</form>
						
						<a href="#" class="google">{{tr('google')}}</a>
					</div>
					
					<p class="login-txt">{{tr('or')}}</p>
					<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('signing_up_you_agree')}}<a target="_blank" href="{{route('terms')}}" class="common-link">{{tr('terms_of_use')}}</a>{{tr('and')}}<a target="_blank" href="{{route('privacy')}}" class="common-link">{{tr('privacy')}}</a></p>
					</div>
				</div>
			</div>

		</div>

	</div>
</div>	

@endsection