Files
anonaddy/resources/views/auth/passwords/reset.blade.php
2020-12-20 12:24:08 +00:00

70 lines
3.5 KiB
PHP

@extends('layouts.auth')
@section('content')
<div class="p-6 bg-indigo-900 min-h-screen flex justify-center items-center">
<div class="w-full max-w-md">
<div class="flex justify-center text-white mb-6 text-5xl font-bold">
<img class="w-48" alt="AnonAddy Logo" src="/svg/logo.svg">
</div>
<div class="flex flex-col break-words bg-white border border-2 rounded-lg shadow-lg overflow-hidden">
<form class="" method="POST" action="{{ route('password.update') }}">
@csrf
<input type="hidden" name="token" value="{{ $token }}">
<div class="px-6 py-8 md:p-10">
<h1 class="text-center font-bold text-3xl">
{{ __('Reset Password') }}
</h1>
<div class="mx-auto mt-6 w-24 border-b-2 border-grey-200"></div>
<div class="mt-8 flex flex-wrap mb-6">
<label for="username" class="block text-grey-700 text-sm mb-2">
{{ __('Username') }}:
</label>
<input id="username" type="text" class="appearance-none bg-grey-100 rounded w-full p-3 text-grey-700 focus:ring{{ $errors->has('username') ? ' border-red-500' : '' }}" name="username" value="{{ old('username') }}" placeholder="johndoe" required autofocus>
@if ($errors->has('username'))
<p class="text-red-500 text-xs italic mt-4">
{{ $errors->first('username') }}
</p>
@endif
</div>
<div class="flex flex-wrap mb-6">
<label for="password" class="block text-grey-700 text-sm mb-2">
{{ __('New Password') }}:
</label>
<input id="password" type="password" class="appearance-none bg-grey-100 rounded w-full p-3 text-grey-700 focus:ring{{ $errors->has('password') ? ' border-red-500' : '' }}" name="password" placeholder="********" required>
@if ($errors->has('password'))
<p class="text-red-500 text-xs italic mt-4">
{{ $errors->first('password') }}
</p>
@endif
</div>
<div class="flex flex-wrap">
<label for="password-confim" class="block text-grey-700 text-sm mb-2">
{{ __('Confirm New Password') }}:
</label>
<input id="password-confirm" type="password" class="appearance-none bg-grey-100 rounded w-full p-3 text-grey-700 focus:ring" name="password_confirmation" placeholder="********" required>
</div>
</div>
<div class="px-6 md:px-10 py-4 bg-grey-50 border-t border-grey-100 flex flex-wrap items-center">
<button type="submit" class="bg-cyan-400 w-full hover:bg-cyan-300 text-cyan-900 font-bold py-3 px-4 rounded focus:outline-none">
{{ __('Reset Password') }}
</button>
</div>
</form>
</div>
</div>
</div>
@endsection