@extends('layouts.app')

@section('content')
<div class="auth-container">
    <div class="card">
        <div class="card-body">
            <div class="text-center">
                <img src="{{ favicon() }}" alt="{{ config('app.name') }}" height="100" class="mb-3">
            </div>
            <h1 class="fw-black text-center mb-2">@lang("Sign in to your account")</h1>
            <p class="fw-light text-secondary text-center mb-4">@lang("Welcome! Please sign in to continue.")</p>
            @if ($errors->any())
            <div class="my-2">
                <p class="alert alert-danger text-center" role="alert">
                    <strong class="d-block">{{ __('Whoops! Something went wrong.') }}</strong>
                    <span>{{ __('Credentials do not match our records.') }}</span>
                </p>

            </div>
            @endif
            <form class="needs-validation" novalidate method="POST" action="{{ route('login') }}"> @csrf
                <div class="mb-3">
                    <label class="form-label fw-bold" for="email">@lang("Email Address")</label>
                    <input type="email" class="form-control" name="email" id="email" placeholder="yourname@yourmail.com" autocomplete="off" autofocus required>
                    <div class="invalid-feedback">@lang("Enter your email.")</div>
                </div>
                <div class="mb-3">
                    <label class="form-label fw-bold" for="password">@lang("Password")</label>
                    <input type="password" class="form-control" name="password" id="password" placeholder="@lang("Enter your password.")" required>
                    <div class="invalid-feedback">@lang("Enter your password.")</div>
                </div>
                <div class="d-flex justify-content-between align-items-center mb-3">
                    <div class="form-check">
                        <input class="form-check-input" type="checkbox" id="remember" name="remember">
                        <label class="form-check-label" for="remember">@lang("Remember me")</label>
                    </div>
                    <a href="{{ route('password.request') }}" class="link-primary small text-decoration-none">@lang("Forgot password?")</a>
                </div>
                <button type="submit" class="btn btn-primary w-100">@lang("Sign in")</button>
                {{-- <div class="divider-text">Or login with</div></div> --}}
                <div class="small mt-4">
                </div>
            </form>
        </div>
    </div>
</div>
@endsection

@push('js')
    <script src="{{ asset('js/page/signin.js') }}"></script>
@endpush