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

@section('content')
    <div class="container">
        <h2>Login</h2>
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <form method="POST" action="{{ route('login.post') }}">
                @if ($errors->any())
                    <div class="alert alert-danger" >{{ implode('', $errors->all(':message')) }}</div>
                @endif
                {{ csrf_field() }}
                <fieldset 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')]) }}
                </fieldset>
                <fieldset class="form-group{{ $errors->has('password') ? ' has-error' : '' }}">
                    {{ Form::password('password', ['class' => 'form-control', 'id' => 'password', 'placeholder'=> trans('socialite::auth.password')]) }}
                    Are you already <a href="{{ route('register') }}">registered</a>
                    or <a href="{{ route('password.request_reset') }}" class="forgot-password">forgot your password</a>?
                </fieldset>
                {{ Form::button( trans('socialite::common.signin') , ['type' => 'submit','class' => 'btn btn-success btn-submit']) }}
            </form>
        </div>
        @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>
@endsection