@extends('layouts.minimal')

@section('title')
{{__('Welcome', ['name' => $username])}}
@endsection

@section('content')
<div align="center">
  <div class="formContainer">
    @component('components.logo')
    @endcomponent
    <h3>{{__('Reset Your Password')}}</h3>
    <form role="form" class="form" method="POST" action="{{ url('/password/reset') }}">
      {{ csrf_field() }}
      <input type="hidden" name="token" value="{{ $token }}">
      <div class="form-group">
        <label for="email">{{__('Email Address')}}</label>
        <input id="email" type="email" class="form-control{{ $errors->has('email') ? ' is-invalid' : '' }}" name="email">
        @if ($errors->has('email'))
        <span class="
        invalid-feedback" role="alert">
          <strong>{{ $errors->first('email') }}</strong>
        </span>
        @endif

      </div>
      <div class="form-group">
        <label for="password">{{__('New Password')}}</label>
        <input id="password" type="password" class="form-control{{ $errors->has('password') ? ' is-invalid' : '' }}" name="password">
        @if ($errors->has('password'))
        <span class="invalid-feedback" role="alert">
          <strong>{{ $errors->first('password') }}</strong>
        </span>
        @endif

      </div>
      <div class="form-group">
        <label for="password-confirm">{{__('Confirm New Password')}}</label>
        <input id="password-confirm" type="password" class="form-control" name="password_confirmation">
      </div>
      <div class="form-group">
        <button type="submit" class="btn btn-success btn-block">{{__('Reset Password')}}</button>
      </div>
    </form>
  </div>
</div>

@endsection
@section('css')
<style media="screen">
  .formContainer {
    width: 400px;
  }

  .formContainer .form {
    margin-top: 50px;
    text-align: left;
  }

  .formContainer h3 {
    margin-top: 52px;
    font-size: 18px;
    font-weight: 600;
  }

  .formContainer button {
    margin-top: 6px;
  }
</style>
@endsection