datatable.directory/resources/views/auth/login.blade.php

@extends('layouts.app')

@section('content')
  <div class="container">
    <div class="row justify-content-center">
      <div class="col-md-8">
        <div class="card">
          <div class="card-header">
            <h1>{{ __('Login') }}</h1>
          </div>

          <div class="card-body">
            <form method="POST" action="{{ route('login') }}" aria-label="{{ __('Login') }}">
              @csrf

              @php(Widget::setLayout(4, 6))

              {!! Widget::text('login', 'Username or E-Mail')->required()->autofocus() !!}
              {!! Widget::password('password', 'Password')->required() !!}
              {!! Widget::checkbox('remember', 'Remember Me')->checked(false) !!}

              <div class="form-group row mb-0">
                <ul class="col-md-8 offset-md-4 sr-list">
                  <li><button type="submit" class="btn btn-primary">{{ __('Login') }}</button>
                  <li><a class="btn btn-link pr-1 pl-2" href="{{ route('password.request') }}">{{ __('Forgot Your Password?') }}</a>
                  <li><a class="btn btn-link px-1" href="{{ route('register') }}">{{ __('Register') }}</a>
                </ul>
              </div>
            </form>
          </div>

          <div class="card-footer bg-white">
            <div class="form-group row mb-0">
              <span class="col-md-4 col-form-label text-md-right text-muted">…or authenticate with</span>

              <ul class="col-md-6 sr-list">
                {{-- end-li's deliberately missing to suppress spaces --}}

                @set('services.oauth_providers.github.client_id')
                <li>
                  <a type="submit" href="{{route('oauth-github-authorize')}}" class="btn btn-dark">
                    @icon(fa-github fa-pr){{ __('GitHub') }}
                  </a>
                @endset

                @set('services.oauth_providers.google.client_id')
                <li>
                  <a type="submit" href="{{route('oauth-google-authorize')}}" class="btn btn-dark">
                    @icon(fa-google fa-pr){{ __('Google') }}
                  </a>
                @endset

                @set('services.oauth_providers.facebook.client_id')
                <li>
                  <a type="submit" href="{{route('oauth-facebook-authorize')}}" class="btn btn-dark">
                    @icon(fa-facebook-square){{ __('Facebook') }}
                  </a>
                @endset
              </ul>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
@endsection