@extends('layouts.guest')
@section('title', 'Login')
@section('content')
<div class="workflow-page">
    <div
        class="workflow-card"
        style="
            max-width: 500px;
            margin: 50px auto;
        ">
        <div class="workflow-card-header">
            EPDF Health System Login
        </div>
        <div class="workflow-card-body">
            @if(session('success'))
                <div class="alert alert-success">
                    {{ session('success') }}
                </div>
            @endif
            @if(session('status'))
                <div class="alert alert-success">
                    {{ session('status') }}
                </div>
            @endif
            <form
                method="POST"
                action="{{ route('login.store') }}">
                @csrf
                <div class="mb-3">
                    <label
                        class="workflow-label">
                        Username
                    </label>
                    <input
                        type="text"
                        name="username"
                        value="{{ old('username') }}"
                        class="workflow-input"
                        required
                        autofocus>
                    @error('username')
                        <div
                            class="text-danger mt-1">
                            {{ $message }}
                        </div>
                    @enderror
                </div>
                <div class="mb-2">
                    <label
                        class="workflow-label">
                        Password
                    </label>
                    <input
                        type="password"
                        name="password"
                        class="workflow-input"
                        required>
                    @error('password')
                        <div
                            class="text-danger mt-1">
                            {{ $message }}
                        </div>
                    @enderror
                </div>
                <div
                    class="d-flex justify-content-end mb-4">
                    <a
                        href="{{ route('password.request') }}"
                        class="text-decoration-none">
                        Forgot your password?
                    </a>
                </div>
                <button
                    type="submit"
                    class="workflow-btn workflow-btn-primary w-100">
                    Login
                </button>
            </form>
        </div>
    </div>
</div>
@endsection