@extends('layouts.default')
@section('content')

    <form class="p-t-15 half-width" role="form" method="POST" id="form-password" action="{{ url('/password/reset') }}">
        {!! csrf_field() !!}
        <div class="row">
            <div class="text-center small-text m-t-10">
                <p>Welcome to</p>
                <img class="login-logo" src="{{ asset('img/FIGERO-APP--LOGO-WHITE.png') }}">
            </div>
        </div>
        <div class="row">
            <div class="text-center small-text m-t-25 small">
                <p class="smaller-text">Reset Password for Figero</p>
            </div>
        </div>
        <div class="row">
            <div class="text-center padding-20">
                <input type="hidden" name="token" value="{{ $token }}">

                <div class="form-group {{ $errors->has('email') ? ' has-error' : '' }}">
                    <label class="text-white">Xero E-Mail</label>

                    <div class="control">
                        <input type="email" class="form-control text-center" placeholder="Xero E-Mail" name="email" value="{{ $email or old('email') }}">
                    </div>
                </div>

                @if ($errors->has('email'))
                    {!! $errors->first('email', '<small class="error m-t-5 m-b-10">:message</small>') !!}
                @endif

                <div class="form-group {{ $errors->has('password') ? ' has-error' : '' }}">
                    <label class="text-white">Xero Password</label>

                    <div class="control">
                        <input type="password" class="form-control text-center" placeholder="Xero Password" name="password">
                    </div>
                </div>

                @if ($errors->has('password'))
                    {!! $errors->first('password', '<small class="error m-t-5 m-b-10">:message</small>') !!}
                @endif

                <div class="form-group {{ $errors->has('password_confirmation') ? ' has-error' : '' }}">
                    <label class="text-white">Confirm Xero Password</label>
                    <div class="control">
                        <input type="password" class="form-control text-center" placeholder="Confirm Xero Password" name="password_confirmation">
                    </div>
                </div>

                @if ($errors->has('password_confirmation'))
                    {!! $errors->first('password_confirmation', '<small class="error m-t-5 m-b-10">:message</small>') !!}
                @endif

                <button type="submit" class="btn btn-figero pull-right full-width m-t-10">
                    <i class="fa fa-btn p-r-10 fa-refresh"></i>
                    Reset Password
                </button>
                <a href="{{ url('/login') }}" class="btn btn-figero full-width m-t-10">
                    <i class="fa fa-btn p-r-10 fa-chevron-left"></i>
                    Back to Login
                </a>
            </div>
        </div>
    </form>

@endsection