@extends('auth.layout')

@section('title')
    Sign In
@endsection

@section('help_text')
@endsection


@section('content')
    <form method="POST" action="{{ route('sign-in') }}">
        @csrf

        <div class="form-group mb-3">
            <div class="form-label-group">
                <label class="form-label" for="email">Email/Phone/Service No.</label>
            </div>

            <div class="form-control-wrap"><input type="text" name="email"
                    class="form-control form-control-rounded @error('email') is-invalid @enderror" id="email"
                    value="{{ old('email') }}" required autocomplete="email" autofocus
                    placeholder="Enter your email address or username">

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


                {{-- {{ session('error') }} --}}

                <span class="invalid-feedback" role="alert">
                    <strong> {{ session('error') }}</strong>
                </span>
            </div>
        </div>

        <div class="mb-3">
            <label class="form-label" for="password-input">Password</label>
            <a class="link link-primary link-sm  float-end"
                href="{{ route('password.request') }}">{{ __('Forgot Your Password?') }}</a>

            <div class="position-relative auth-pass-inputgroup mb-3">
                <input type="password" class="form-control pe-5 password-input @error('email') is-invalid @enderror"
                    name="password" required placeholder="Enter password" id="password-input">
                <button class="btn btn-link position-absolute end-0 top-0 text-decoration-none text-muted password-addon"
                    type="button" id="password-addon"><i class="ri-eye-fill align-middle"></i></button>
            </div>

            <span class="invalid-feedback" role="alert">
                <strong> {{ session('password') }}</strong>
            </span>
        </div>

        <div class="form-group"><button class="btn btn-primary w-100">Sign In</button>
        </div>

    </form>
@endsection