@extends('layouts.auth')

@section('content')
<div class="login-box">
    <div class="login-logo">
        {{--<a style="color: #ffffff !important;" href="{{ route('login') }}"><b>{{ config('app.name') }}</b></a>--}}
        <img class="mb-3" width="50px" src="{{ asset('storage/logo_web-02.png') }}">
    </div>
    <div class="card bg-transparent shadow-none">
        <div class="card-body login-card-body bg-transparent rounded">
            <p class="login-box-msg text-white">Login</p>

            <form action="{{ route('login') }}" method="post" class="login-form">
                @csrf

                <div class="input-group mb-3 form-input">
                    <input type="email" name="email" id="input-email" class="form-control" placeholder="Email">
                    <div class="input-group-append">
                        <div class="input-group-text">
                            <span class="fas fa-fw fa-envelope"></span>
                        </div>
                    </div>
                </div>
                <div class="invalid-feedback"></div>

                <div class="input-group mb-4 form-input">
                    <input type="password" name="password" id="input-password" class="form-control" placeholder="Password">
                    <div class="invalid-feedback"></div>
                </div>

                <button type="submit" class="btn btn-warning btn-block btn-submit">
                    <span class="spinner-grow spinner-grow-sm d-none btn-spinner" id="status" role="status" aria-hidden="true"></span>
                    <span class="btn-text">Sign In</span>
                </button>
            </form>

            <p class="mt-3 mb-0">
                <a style="text-decoration: underline" href="{{ route('password.request') }}">Lupa password</a>
            </p>

        </div>
    </div>
    <p class="text-xs text-center text-light">Copyright &copy; 2021 Nagatech</p>
</div>
@endsection