@extends('layouts.login_master')

@section('content')
<div class="card-body login-card-body shadow">
    <div class="login-box col-md-12 text-center">
       <img src="{{asset('images/tpha_logo.png')}}" width="120px" height="100px" alt="logo">
       <hr>
    </div>

    {{-- <p class=" login-box-msg">Sign in to start your session</p> --}}

    <form action="{{route('login')}}" 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="input-group mb-3">
            <input type="password" class="form-control @error('password') is-invalid @enderror"
            name="password" autocomplete="current-password" placeholder="Enter Password" required>
            <div class="input-group-append">
                <div class="input-group-text">
                    <span class="fas fa-lock"></span>
                </div>
            </div>

             @error('password')
                    <span class="invalid-feedback d-block" role="alert">
                        <strong>{{ $message }}</strong>
                    </span>
                    @enderror
        </div>

        <div class="row">

            <div class="col-7">
                <div class="icheck-info">
                    <input type="checkbox" id="remember">
                    <label for="remember">
                        Remember Me
                    </label>
                </div>
            </div>

            <div class="col-5">
                <button type="submit" class="btn bg-gradient-info btn-block text-white">Sign In <i class="fas fa-fw fa-check-circle"></i></button>
            </div>
        </div>
    </form>

    <div class="social-auth-links text-center mb-3">
        <p>- OR -</p>
        <a href="{{ route('password.request') }}" class="btn btn-block bg-light">
            <i class="fas fa-fw fa-lock mr-2"></i> Forgot Password
        </a>
    </div>
</div>
@endsection
