@extends('frontend.layouts.login')

@section('title', app_name() . ' | ' . __('labels.frontend.auth.login_box_title'))

@section('content')
		<div class="logo-block">
			<img src="{{asset('img/logo.png',true)}}" alt="">
		</div>
    

               	<div class="sign-up-form">
                    {{ html()->form('POST', route('frontend.auth.sitelogin.post'))->open() }}
                        <div class="form-group">
                                    {{ html()->label(__('validation.attributes.frontend.email'))->for('email') }}

                                    {{ html()->email('email')
                                        ->class('form-control mb-2')
                                        ->placeholder(__('validation.attributes.frontend.email'))
                                        ->attribute('maxlength', 191)
                                        ->required() }}
                        </div><!--form-group-->
                          

                      
                                <div class="form-group">
                                    {{ html()->label(__('validation.attributes.frontend.password'))->for('password') }}

                                    {{ html()->password('password')
                                        ->class('form-control mb-2')
                                        ->placeholder(__('validation.attributes.frontend.password'))
                                        ->required() }}
                                </div><!--form-group-->
                            
                       
                                <div class="form-group text-center">
                                    {{ form_submit(__('labels.frontend.auth.login_button'),['btn btn-warning mt-3']) }}
									 <a  class="btn  mt-3"  href="{{ url('/')}}">Back To Home</a>
									 <p class="pt-3"><a href="{{ route('frontend.auth.password.reset') }}">@lang('labels.frontend.passwords.forgot_password')</a></p>
                                </div><!--form-group-->
                           <div class="form-group">
		                     <div class="login-or">
		                        <hr class="hr-or">
		                        <span class="span-or text-uppercase">or</span>
		                     </div>
		                </div>
                        <p class="small mt-2 text-center">Social login only as customer
		                <div class="form-group text-center">
		                     <a class="f-button" href="{{url('login/facebook')}}">
		                     	<i class="fa fa-facebook-official"></i>
		                     </a>
                            
		                </div></p>
		                <p class="small mt-2 text-center">Are you new customer? <a href="{{url('/user-register')}}" class="ps-hero__content__link">Sign Up</a> here.</p>
						<div class="login-or">
		                        <span class="span-or text-uppercase">or</span>
		                     </div>
			            <p class="small mt-2 text-center">Are you new Service Provider? <a href="{{url('/register')}}" class="ps-hero__content__link">Sign Up</a> here.</p>

                     
                    {{ html()->form()->close() }}

                    <div class="row">
                        <div class="col">
                            <div class="text-center">
                                {!! $socialiteLinks !!}
                            </div>
                        </div><!--col-->
                    </div><!--row-->
                </div><!--card body-->       
@endsection