85 lines
4.4 KiB
PHP
85 lines
4.4 KiB
PHP
<x-guest-layout>
|
|
<x-auth-session-status class="mb-4 rounded-2xl border border-emerald-200 bg-emerald-50 px-4 py-3 text-sm font-medium text-emerald-700" :status="session('status')" />
|
|
|
|
<div class="mb-6 rounded-2xl border border-slate-200 bg-slate-50 px-4 py-4 text-sm text-slate-600">
|
|
<div class="font-semibold text-slate-800">Akses Administrator</div>
|
|
<p class="mt-1 leading-6">
|
|
Masukkan Kredensial yang anda miliki, jika anda tidak punya/lupa silahkan hubungi Administrator.
|
|
</p>
|
|
</div>
|
|
|
|
<form method="POST" action="{{ route('login') }}" class="space-y-5">
|
|
@csrf
|
|
|
|
<div>
|
|
<label for="email" class="mb-2 block text-sm font-semibold text-slate-700">Email</label>
|
|
<input
|
|
id="email"
|
|
class="w-full rounded-2xl border border-slate-200 bg-white px-4 py-3 text-sm text-slate-700 placeholder:text-slate-400 focus:border-indigo-300 focus:outline-none focus:ring-2 focus:ring-indigo-100"
|
|
type="email"
|
|
name="email"
|
|
value="{{ old('email') }}"
|
|
required
|
|
autofocus
|
|
autocomplete="username"
|
|
placeholder="Masukkan email admin"
|
|
/>
|
|
<x-input-error :messages="$errors->get('email')" class="mt-2 text-sm text-rose-600" />
|
|
</div>
|
|
|
|
<div>
|
|
<div class="mb-2 flex items-center justify-between gap-3">
|
|
<label for="password" class="block text-sm font-semibold text-slate-700">Password</label>
|
|
@if (Route::has('password.request'))
|
|
<a class="text-xs font-medium text-indigo-600 transition hover:text-indigo-700" href="{{ route('password.request') }}">
|
|
Lupa password?
|
|
</a>
|
|
@endif
|
|
</div>
|
|
|
|
<div class="relative">
|
|
<input
|
|
id="password"
|
|
class="w-full rounded-2xl border border-slate-200 bg-white px-4 py-3 pr-12 text-sm text-slate-700 placeholder:text-slate-400 focus:border-indigo-300 focus:outline-none focus:ring-2 focus:ring-indigo-100"
|
|
type="password"
|
|
name="password"
|
|
required
|
|
autocomplete="current-password"
|
|
placeholder="Masukkan password admin"
|
|
data-password-input
|
|
/>
|
|
<button
|
|
type="button"
|
|
class="absolute inset-y-0 right-0 flex items-center px-4 text-slate-400 transition hover:text-slate-600"
|
|
data-password-toggle
|
|
aria-label="Tampilkan password"
|
|
>
|
|
<svg class="h-5 w-5" viewBox="0 0 24 24" fill="none" stroke="currentColor">
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.8" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7Z" />
|
|
<circle cx="12" cy="12" r="3" stroke-width="1.8" />
|
|
</svg>
|
|
</button>
|
|
</div>
|
|
<x-input-error :messages="$errors->get('password')" class="mt-2 text-sm text-rose-600" />
|
|
</div>
|
|
|
|
<label for="remember_me" class="flex items-center gap-3 rounded-2xl border border-slate-200 bg-slate-50 px-4 py-3 text-sm text-slate-600">
|
|
<input id="remember_me" type="checkbox" class="rounded border-slate-300 text-indigo-600 shadow-sm focus:ring-indigo-500" name="remember">
|
|
<span>Ingat saya di perangkat ini</span>
|
|
</label>
|
|
|
|
<div class="rounded-2xl border border-indigo-100 bg-indigo-50 px-4 py-4 text-xs leading-6 text-indigo-700">
|
|
<span class="font-semibold">Tips:</span> jika ini instalasi baru, gunakan akun admin yang sudah dibuat saat setup awal aplikasi.
|
|
</div>
|
|
|
|
<div class="flex flex-col gap-3 pt-2 sm:flex-row sm:items-center sm:justify-between">
|
|
<div class="text-xs text-slate-400">
|
|
Pastikan kredensial yang dipakai memang akun administrator aktif.
|
|
</div>
|
|
<button type="submit" class="inline-flex items-center justify-center rounded-2xl bg-indigo-600 px-5 py-3 text-sm font-semibold text-white shadow-lg shadow-indigo-200 transition hover:bg-indigo-700">
|
|
Masuk ke Dashboard
|
|
</button>
|
|
</div>
|
|
</form>
|
|
</x-guest-layout>
|