form improvements
This commit is contained in:
@@ -1,102 +1,62 @@
|
||||
@extends('layouts.app')
|
||||
|
||||
@section('content')
|
||||
<div class="container">
|
||||
<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="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
|
||||
<div class="card-body">
|
||||
<form method="POST" action="{{ route('login') }}" aria-label="{{ __('Login') }}">
|
||||
@csrf
|
||||
|
||||
<div class="form-group row">
|
||||
<label for="email" class="col-sm-4 col-form-label text-md-right">{{ __('E-Mail Address') }}</label>
|
||||
@php(Widget::setLayout(4, 6))
|
||||
|
||||
<div class="col-md-6">
|
||||
<input id="email" type="email" class="form-control{{ $errors->has('email') ? ' is-invalid' : '' }}" name="email" value="{{ old('email') }}" required autofocus>
|
||||
{!! Widget::email('email', 'E-Mail Address')->required()->autofocus() !!}
|
||||
{!! Widget::password('password', 'Password')->required() !!}
|
||||
{!! Widget::checkbox('remember', 'Remember Me')->checked(false) !!}
|
||||
|
||||
@if ($errors->has('email'))
|
||||
<span class="invalid-feedback" role="alert">
|
||||
<strong>{{ $errors->first('email') }}</strong>
|
||||
</span>
|
||||
@endif
|
||||
</div>
|
||||
</div>
|
||||
<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="form-group row">
|
||||
<label for="password" class="col-md-4 col-form-label text-md-right">{{ __('Password') }}</label>
|
||||
<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">
|
||||
<input id="password" type="password" class="form-control{{ $errors->has('password') ? ' is-invalid' : '' }}" name="password" required>
|
||||
<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
|
||||
|
||||
@if ($errors->has('password'))
|
||||
<span class="invalid-feedback" role="alert">
|
||||
<strong>{{ $errors->first('password') }}</strong>
|
||||
</span>
|
||||
@endif
|
||||
</div>
|
||||
</div>
|
||||
@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
|
||||
|
||||
<div class="form-group row">
|
||||
<div class="col-md-6 offset-md-4">
|
||||
<div class="checkbox">
|
||||
<label>
|
||||
<input type="checkbox" name="remember" {{ old('remember') ? 'checked' : '' }}> {{ __('Remember Me') }}
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<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-2 col-form-label text-md-right">{{ __('Login with') }}</span>
|
||||
|
||||
<div class="col-md-8">
|
||||
@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>
|
||||
@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>
|
||||
</div>
|
||||
@endsection
|
||||
|
||||
@@ -11,55 +11,16 @@
|
||||
<form method="POST" action="{{ route('register') }}" aria-label="{{ __('Register') }}">
|
||||
@csrf
|
||||
|
||||
<div class="form-group row">
|
||||
<label for="name" class="col-md-4 col-form-label text-md-right">{{ __('Name') }}</label>
|
||||
@php(Widget::setLayout(4, 6))
|
||||
|
||||
<div class="col-md-6">
|
||||
<input id="name" type="text" class="form-control{{ $errors->has('name') ? ' is-invalid' : '' }}" name="name" value="{{ old('name') }}" required autofocus>
|
||||
{!! Widget::text('name', 'Name')->required()->autofocus()
|
||||
->help('This will be part of your vanity URL; only letters, digits and
|
||||
some symbols are allowed. You can always change this later, and even
|
||||
set a different Display Name.') !!}
|
||||
|
||||
@if ($errors->has('name'))
|
||||
<span class="invalid-feedback" role="alert">
|
||||
<strong>{{ $errors->first('name') }}</strong>
|
||||
</span>
|
||||
@endif
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-group row">
|
||||
<label for="email" class="col-md-4 col-form-label text-md-right">{{ __('E-Mail Address') }}</label>
|
||||
|
||||
<div class="col-md-6">
|
||||
<input id="email" type="email" class="form-control{{ $errors->has('email') ? ' is-invalid' : '' }}" name="email" value="{{ old('email') }}" required>
|
||||
|
||||
@if ($errors->has('email'))
|
||||
<span class="invalid-feedback" role="alert">
|
||||
<strong>{{ $errors->first('email') }}</strong>
|
||||
</span>
|
||||
@endif
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-group row">
|
||||
<label for="password" class="col-md-4 col-form-label text-md-right">{{ __('Password') }}</label>
|
||||
|
||||
<div class="col-md-6">
|
||||
<input id="password" type="password" class="form-control{{ $errors->has('password') ? ' is-invalid' : '' }}" name="password" required>
|
||||
|
||||
@if ($errors->has('password'))
|
||||
<span class="invalid-feedback" role="alert">
|
||||
<strong>{{ $errors->first('password') }}</strong>
|
||||
</span>
|
||||
@endif
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-group row">
|
||||
<label for="password-confirm" class="col-md-4 col-form-label text-md-right">{{ __('Confirm Password') }}</label>
|
||||
|
||||
<div class="col-md-6">
|
||||
<input id="password-confirm" type="password" class="form-control" name="password_confirmation" required>
|
||||
</div>
|
||||
</div>
|
||||
{!! Widget::email('email', 'E-Mail Address')->required()->autofocus() !!}
|
||||
{!! Widget::password('password', 'Password')->required() !!}
|
||||
{!! Widget::password('password_confirmation', 'Confirm Password')->required() !!}
|
||||
|
||||
<div class="form-group row mb-0">
|
||||
<div class="col-md-6 offset-md-4">
|
||||
|
||||
Reference in New Issue
Block a user