@extends('layouts/fullLayoutMaster')

@section('title', 'Login Page')

@section('page-style')
    {{-- Page Css files --}}
    <link rel="stylesheet" href="{{ asset(mix('css/base/pages/page-auth.css')) }}">
@endsection

@section('content')
    <div class="auth-wrapper auth-v1 px-2">
        <div class="auth-inner py-2">
            <!-- Login v1 -->
            <div class="card mb-0">
                <div class="card-body">
                    <a href="javascript:void(0);" class="brand-logo">

                        <img src="{{ url('images/thumbnail_S.O.U.L.png') }}" alt="">
                    </a>

                    <h4 class="card-title mb-1">Welcome to SOUL! 👋</h4>
                    <p class="card-text mb-2">Reset Password Form</p>

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

                        @csrf
                        <div class="form-group">
                            <label for="email" class="col-md-12 col-form-label text-md-left">{{ __('E-Mail Address') }}</label>


                            <input id="email" type="email" class="form-control @error('email') is-invalid @enderror" name="email" value="{{ old('email') }}" required autocomplete="email" autofocus>

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

                        </div>
                        <button type="submit" class="btn btn-primary">
                            {{ __('Send Password Reset Link') }}
                        </button>
                    </form>
                    <div class="divider my-2">
                        <div class="divider-text"></div>
                    </div>

                    @error('email')
                    <p class="text-center mt-2">
                        <span>{{ $message }}</span>
                    </p>
                    @enderror


                    <div class="auth-footer-btn d-flex justify-content-center">
                        <a href="javascript:void(0)" class="btn btn-facebook">
                            <i data-feather="facebook"></i>
                        </a>
                        <a href="javascript:void(0)" class="btn btn-twitter white">
                            <i data-feather="twitter"></i>
                        </a>
                        <a href="javascript:void(0)" class="btn btn-google">
                            <i data-feather="mail"></i>
                        </a>
                        <a href="javascript:void(0)" class="btn btn-github">
                            <i data-feather="github"></i>
                        </a>
                    </div>
                </div>
            </div>
            <!-- /Login v1 -->
        </div>
    </div>
@endsection