@extends('layouts.login_master')

@section('content')
<div class="card-body login-card-body shadow">
    <div class="login-box-msg col-md-12">
        <img src="{{asset('images/tpha_logo.png')}}" width="100px" height="100px" class="img-fluid" style="border-radius: 0.8px"/>
       
    </div>
    <hr>

    <form action="{{ route('password.email') }}" method="POST">
        @csrf

        <div class="input-group mb-3">
            <input type="email" class="form-control @error('email') is-invalid @enderror" value="{{ old('email') }}"
                autocomplete="email" name=" email" value="" placeholder="Email Address" required>

            <div class="input-group-append">
                <div class="input-group-text">
                    <span class="fas fa-envelope"></span>
                </div>
            </div>

            @error('email')
            <span class="invalid-feedback text-danger text-center d-block" role="alert">
                <strong>{{ $message }}</strong>
            </span>

            @enderror
        </div>

        <div class="row">

            <div class="col-12">
                <button type="submit" class="btn bg-gradient-info text-white btn-block">Send Reset Link</button>
            </div>
        </div>
    </form>

    <div class="social-auth-links text-center mb-3">
        <p>- OR -</p>
        <a href="{{ route('login') }}" class="btn btn-block btn-light">
            <i class="fas fa-fw fa-arrow-alt-circle-left mr-2 text-primary"></i> Back to Login
        </a>
    </div>

</div>

@endsection