UniformFlow/resources/views/auth/login.blade.php

49 lines
3.5 KiB
PHP

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script>try{document.documentElement.dataset.theme=localStorage.getItem('uniformflow-theme')||(matchMedia('(prefers-color-scheme: dark)').matches?'dark':'light')}catch(e){}</script>
<title>Admin Login - UniformFlow</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@700;800&display=swap" rel="stylesheet">
<link rel="stylesheet" href="{{ asset('css/login.css') }}">
<link rel="stylesheet" href="{{ asset('css/theme.css') }}">
<script src="{{ asset('js/theme.js') }}" defer></script>
</head>
<body>
<button class="theme-toggle login-theme-toggle" type="button" data-theme-toggle aria-label="Toggle theme"><span class="theme-icon-light"></span><span class="theme-icon-dark"></span></button>
<main class="login-shell">
<section class="login-story">
<a class="login-brand" href="{{ route('login') }}"><span>UF</span><strong>UniformFlow<small>Uniform asset management</small></strong></a>
<div class="story-copy">
<span class="kicker">CONTROL. ACCOUNTABILITY. CLARITY.</span>
<h1>Every uniform,<br><em>accounted for.</em></h1>
<p>Manage size-level inventory, employee issues, stock movements, and exit handovers from one secure operations portal.</p>
<div class="feature-row"><div><b>01</b><span>Live stock<br>control</span></div><div><b>02</b><span>Employee<br>accountability</span></div><div><b>03</b><span>Exit handover<br>tracking</span></div></div>
</div>
<small class="story-foot">UniformFlow / Internal administration system</small>
</section>
<section class="login-panel">
<div class="login-card">
<span class="secure-label"><i></i> Secure administrator access</span>
<h2>Welcome back.</h2>
<p>Sign in to manage your uniform operations.</p>
@if(session('success'))<div class="login-alert success">{{ session('success') }}</div>@endif
@if($errors->any())<div class="login-alert error">{{ $errors->first() }}</div>@endif
<form method="POST" action="{{ route('login.store') }}">@csrf
<label>Email address<input type="email" name="email" value="{{ old('email') }}" autocomplete="username" autofocus required placeholder="admin@company.com"></label>
<label>Password<div class="password-field"><input id="password" type="password" name="password" autocomplete="current-password" required placeholder="Enter your password"><button type="button" aria-label="Show password" onclick="const p=document.getElementById('password');p.type=p.type==='password'?'text':'password';this.textContent=p.type==='password'?'Show':'Hide'">Show</button></div></label>
<label class="remember"><input type="checkbox" name="remember" value="1"><span>Keep me signed in on this device</span></label>
<button class="login-button" type="submit">Sign in to dashboard <span></span></button>
</form>
<div class="security-note"><span></span><p><strong>Protected administration area</strong><br>Your session is encrypted and access is restricted to authorized administrators.</p></div>
</div>
</section>
</main>
</body>
</html>