@extends('layouts.auth')

@section('content')
<div class="form-card">
    <h2>{{ __('Sign In') }}</h2>
    <p class="text-muted">{{ __('...to continue to your '.config('app.name', 'Laravel').' account.') }}</p>
    <form method="POST" action="{{ route('login') }}">
        @csrf

        <div class="row">
            <div class="col-lg-12">
                <div class="app-form-input w-100">
                    <label class="text-muted mb-2 fw-medium" for="email">{{ __('Username or Email') }}</label>
                    <input id="email" type="email" class="form-control  bg-transparent @error('email') is-invalid @enderror" name="email"
                        value="{{ old('email') }}" required autocomplete="email" autofocus placeholder="walter.white@bb.com">

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

        <div class="app-form-input">
            <label class="text-muted mb-2 fw-medium" for="password">{{ __('Your Password') }}</label>
            <input id="password" type="password" class="form-control  bg-transparent @error('password') is-invalid @enderror"
                name="password" required autocomplete="current-password" placeholder="*************">

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

        <div class="row mb-3 justify-content-end">
            <div class="col-md-6 small text-end">
                <div class="form-check">
                    <input class="form-check-input float-none" type="checkbox" name="remember" id="remember" {{ old('remember') ? 'checked' : '' }}>

                    <label class="form-check-label ms-1" for="remember">
                        {{ __('Remember Me') }}
                    </label>
                </div>
            </div>
        </div>

        <div class="row justify-content-end align-items-center">
            <div class="col-md-6 text-end">
                @if (Route::has('password.request'))
                <a class="small" href="{{ route('password.request') }}">
                    {{ __('Forgot Your Password?') }}
                </a>
                @endif
            </div>
            <div class="col-md-4">
                <button type="submit" class="btn auth-btn text-white d-flex align-items-center gap-2 justify-content-center">
                    {{ __('Login') }}
                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" color="#000000" fill="none">
                        <path d="M9.00005 6C9.00005 6 15 10.4189 15 12C15 13.5812 9 18 9 18" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                    </svg>
                </button>
            </div>
        </div>
</div>
</div>
</form>
</div>
@endsection