@extends('layouts.auth.app')

@section('content')
    <div class="login-wrapper">
        <div class="login-brand">
            <img class="login-logo" src="{{ asset('static/logo-white.png') }}" alt="E SLPHT">
        </div>

        <div class="login-card">
            <h2>Reset Password</h2>
            <p class="login-subtitle">Masukkan email anda dan kami akan mengirimkan tautan pengaturan ulang password</p>

            <form method="POST" action="{{ route('password.email') }}">
                @csrf
                @if (session('status'))
                    <div class="alert alert-success" role="alert" style="background:#f0fdfa;color:#115e59;border:none;border-radius:10px;font-size:13px;">
                        {{ session('status') }}
                    </div>
                @endif
                <div class="mb-4">
                    <label for="email">Email</label>
                    <input type="email" class="form-control @error('email') is-invalid @enderror" name="email" id="email" placeholder="nama@email.com" value="{{ old('email') }}">
                    @error('email')
                        <span class="invalid-feedback" role="alert">
                            <strong>{{ $message }}</strong>
                        </span>
                    @enderror
                </div>
                <button class="w-100 btn btn-success mb-3" type="submit">Kirim Link Reset</button>
                <div class="text-center">
                    <a href="{{ route('login') }}" class="text-decoration-none text-success" style="font-size:13px;font-weight:500;">
                        <i class="fas fa-arrow-left me-1" style="font-size:11px"></i>Kembali ke Login
                    </a>
                </div>
            </form>
        </div>

        <div class="login-footer">
            &copy; {{ date('Y') }} E SLPHT &mdash; Powered by Departemen Hama dan Penyakit Tumbuhan Universitas Gadjah Mada & PIAT (Pusat Inovasi Agroteknologi) Universitas Gadjah Mada
        </div>
    </div>
@endsection