@extends('layouts.guest')

@section('content')
<div class="w-full max-w-md rounded-3xl bg-white p-8 shadow-2xl shadow-black/30">
    <div class="mb-8">
        <p class="text-sm font-semibold uppercase tracking-[0.35em] text-slate-500">Orvox</p>
        <h1 class="mt-3 text-3xl font-black tracking-tight">Influencers</h1>
        <p class="mt-2 text-sm text-slate-500">Entre como admin ou influenciador.</p>
    </div>

    @include('partials.flash')

    <form method="POST" action="{{ route('login.attempt') }}" class="space-y-4">
        @csrf
        <div>
            <label class="input-label">E-mail</label>
            <input class="input-field" type="email" name="email" value="{{ old('email') }}" required autofocus>
        </div>
        <div>
            <label class="input-label">Senha</label>
            <input class="input-field" type="password" name="password" required>
        </div>
        <label class="flex items-center gap-2 text-sm text-slate-600">
            <input type="checkbox" name="remember" class="rounded border-slate-300"> Manter conectado
        </label>
        <button class="btn-primary w-full">Entrar</button>
    </form>

    <div class="mt-6 rounded-2xl bg-slate-50 p-4 text-xs text-slate-600">
        <p><strong>Admin:</strong> admin@orvox.local / password</p>
        <p><strong>Influencer:</strong> ana@orvox.local / password</p>
    </div>
</div>
@endsection