@extends('socialite::layouts.guest')

@section('content')
<div class="login-block">
    <div class="panel panel-default">
        <div class="panel-body nopadding">
            <div class="login-head">{{trans('common.signin')}}
{{--            <div class="header-circle"><i class="fa fa-paper-plane" aria-hidden="true"></i></div>
                <div class="header-circle login-progress hidden"><i class="fa fa-spinner fa-spin" aria-hidden="true"></i></div> --}}
            </div>
            <div class="login-bottom">
                @if (session('status'))
                <div class="alert alert-success">
                    {{ session('status') }}
                </div>
                @endif
                    <form method="POST" action="{{ route('login.post') }}">
                        @if ($errors->any())
                            <div class="alert alert-danger" >{{ implode('', $errors->all(':message')) }}</div>
                        @endif
                        @if(\Session::has('success'))
                            <div class="alert alert-success" >{{  \Session::get('success') }}</div>
                        @endif
                        {{ csrf_field() }}
                        <div class="form-group mail-form {{ $errors->has('email') ? ' has-error' : '' }}">
                            {{ Form::text('email', NULL, ['class' => 'form-control', 'id' => 'email', 'placeholder' => trans('socialite::auth.enter_email_or_username')]) }}
                        </div>
                        <div class="form-group{{ $errors->has('password') ? ' has-error' : '' }}">
                            {{ Form::password('password', ['class' => 'form-control', 'id' => 'password', 'placeholder'=> trans('socialite::auth.password')]) }}
                        </div>
                        <div class="btn-wrapper no-padding">
                            {{ Form::button( trans('common.signin') , ['type' => 'submit','class' => 'btn pull-right btn-success btn-submit']) }}
                        </div>
                        <div class="login-register-msg">
                            {!! trans('common.forgot_password_template') !!}
                        </div>
                    </form>

                @if((env('GOOGLE_CLIENT_ID') != NULL && env('GOOGLE_CLIENT_SECRET') != NULL) ||
                      (env('TWITTER_CLIENT_ID') != NULL && env('TWITTER_CLIENT_SECRET') != NULL) ||
                      (env('FACEBOOK_CLIENT_ID') != NULL && env('FACEBOOK_CLIENT_SECRET') != NULL) ||
                      (env('LINKEDIN_CLIENT_ID') != NULL && env('LINKEDIN_CLIENT_SECRET') != NULL) )
                    <div class="divider-login">
                        <div class="divider-text"> {{ trans('socialite::auth.login_via_social_networks') }}</div>
                    </div>
                @endif
                <ul class="list-inline social-connect">
                    @if(env('GOOGLE_CLIENT_ID') != NULL && env('GOOGLE_CLIENT_SECRET') != NULL)
                        <li><a href="{{ route('login.google') }}" class="btn btn-social google-plus"><span class="social-circle"><i class="fa fa-google-plus" aria-hidden="true"></i></span></a></li>
                    @endif

                    @if(env('TWITTER_CLIENT_ID') != NULL && env('TWITTER_CLIENT_SECRET') != NULL)
                        <li><a href="{{ route('login.twitter') }}" class="btn btn-social tw"><span class="social-circle"><i class="fa fa-twitter" aria-hidden="true"></i></span></a></li>
                    @endif

                    @if(env('FACEBOOK_CLIENT_ID') != NULL && env('FACEBOOK_CLIENT_SECRET') != NULL)
                        <li><a href="{{ route('login.facebook') }}" class="btn btn-social fb"><span class="social-circle"><i class="fa fa-facebook" aria-hidden="true"></i></span></a></li>
                    @endif

                    @if(env('LINKEDIN_CLIENT_ID') != NULL && env('LINKEDIN_CLIENT_SECRET') != NULL)
                        <li><a href="{{ route('login.linkedin') }}" class="btn btn-social linkedin"><span class="social-circle"><i class="fa fa-linkedin" aria-hidden="true"></i></span></a></li>
                    @endif
                </ul>
            </div><!-- /login-bottom -->
        </div>
    </div><!-- /panel -->
</div>

@endsection