<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="icon" type="image/png" href="{{ asset('kiyohr.png') }}">
    <link rel="shortcut icon" href="{{ asset('kiyohr.png') }}">
    <title>{{ config('app.name') }}</title>
    <script src="{{ asset('vendor/tailwindcss/tailwindcss.js') }}"></script>
</head>
<body class="min-h-screen bg-slate-100 flex flex-col items-center justify-center p-4">
    <div class="w-full max-w-lg rounded-2xl border border-slate-200 bg-white p-8 shadow-sm text-center">
        @if(file_exists(public_path('kiyohr.png')))
            <img src="{{ asset('kiyohr.png') }}" alt="{{ config('app.vendor') }}" class="h-12 mx-auto mb-2 object-contain" />
        @endif
        {{-- <h1 class="text-2xl font-semibold text-slate-900">{{ config('app.name') }}</h1>
        <p class="mt-1 text-sm text-slate-500">v{{ config('app.version') }}</p> --}}
        <p class="mt-4 text-slate-600">Multi-tenant HRMS platform. Sign in or register your company to get started.</p>

        <div class="mt-6 flex flex-col sm:flex-row gap-3 justify-center">
            <a href="{{ route('login') }}" class="inline-flex items-center justify-center rounded-lg bg-slate-800 px-5 py-2.5 text-sm font-medium text-white hover:bg-slate-700 transition">
                Login
            </a>
            <a href="{{ route('register') }}" class="inline-flex items-center justify-center rounded-lg border border-slate-300 bg-white px-5 py-2.5 text-sm font-medium text-slate-700 hover:bg-slate-50 transition">
                Sign up new company
            </a>
        </div>

        <div class="mt-8 pt-6 border-t border-slate-200 space-y-2">
            <a href="{{ url('/docs/login') }}" class="block text-sm text-slate-600 hover:text-slate-900">Login credentials &amp; API usage</a>
            <a href="{{ url('/docs/api') }}" class="block text-sm text-slate-600 hover:text-slate-900">API documentation</a>
        </div>
        <p class="mt-6 text-xs text-slate-400">© {{ date('Y') }} {{ config('app.vendor') }} · v{{ config('app.version') }}</p>
    </div>
</body>
</html>
