@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">{{ __('Login') }}</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">
                <div class="col-md-8 offset-md-4">
                  <button type="submit" class="btn btn-primary">{{ __('Login') }}</button>{{--
                  --}}<a class="btn btn-link" href="{{ route('password.request') }}">{{ __('Forgot Your Password?') }}</a>{{--
                  --}}<a class="btn btn-link pl-0" href="{{ route('register') }}">{{ __('Register') }}</a>
                </div>
              </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>

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

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

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