@extends('layouts.app')

@section('content')
<section id="login">
    <div class="container-fluid">
        <div class="row full-height-vh">
            <div class="col-12 d-flex align-items-center justify-content-center gradient-shdow-night">
                <div class="card px-2 py-2 box-shadow-2 width-400">
                    <div class="card-header text-center pb-0">
                        <img src="/teals-logo.png" alt="logo" class="main-logo mb-2 mt-3 width-250">
                    </div>
                    <div class="card-body">
                        <div class="card-block">
                    <div class="card-block">
                        <form method="POST" action="{{ route('password.update') }}">
                            @csrf
                            <input type="hidden" name="token" value="{{ $token }}">
                            <h4 class="text-uppercase text-center text-bold-400 grey darken-1">{{ __('Reset Password') }}</h4>
                            <div class="form-group row">
                                <div class="col-md-12">
                                    <div class="input-group">
                                        <div class="input-group-prepend">
                                            <span class="input-group-text" id="basic-addon1"><i class="ft-at-sign"></i></span>
                                        </div>
                                        <input type="email"
                                            class="form-control form-control-lg{{ $errors->has('email') ? ' is-invalid' : '' }}" name="email"
                                            value="{{ old('email') }}" id="email" placeholder="email" required autofocus>
                                    </div>
                                </div>
                            </div>
                            @if ($errors->has('email'))
                            <span class="invalid-feedback" role="alert">
                                <strong>{{ $errors->first('email') }}</strong>
                            </span>
                            @endif
                            <div class="form-group row">
                                <div class="col-md-12">
                                    <div class="input-group">
                                        <div class="input-group-prepend">
                                            <span class="input-group-text" id="basic-addon1"><i
                                                    class="icon-key"></i></span>
                                        </div>
                                        <input type="password"
                                            class="form-control form-control-lg{{ $errors->has('password') ? ' is-invalid' : '' }}"
                                            name="password" id="inputPass" placeholder="Password" required>
                                    </div>
                                </div>
                            </div>
                            @if ($errors->has('password'))
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $errors->first('password') }}</strong>
                                </span>
                            @endif

                            <div class="form-group row">
                                <div class="col-md-12">
                                    <div class="input-group">
                                        <div class="input-group-prepend">
                                            <span class="input-group-text" id="basic-addon1"><i class="icon-key"></i></span>
                                        </div>
                                        <input type="password"
                                            class="form-control form-control-lg{{ $errors->has('password_confirmation') ? ' is-invalid' : '' }}" name="password_confirmation"
                                            id="inputPass" placeholder="Confirm Password" required>
                                    </div>
                                </div>
                            </div>
                            @if ($errors->has('password_confirmation'))
                            <span class="invalid-feedback" role="alert">
                                <strong>{{ $errors->first('password_confirmation') }}</strong>
                            </span>
                            @endif


                            <div class="form-group row mb-0 justify-content-center">
                                <div class="col-md-12 text-center">
                                    <button type="submit" class="btn btn-danger">
                                        {{ __('Reset Password') }}
                                    </button>
                                </div>
                            </div>
                        </form></div>
                        </div>
                        </div>

                        </div>
                        </div>
                        </div>
                        </section>
                        @endsection