101 lines
3.2 KiB
PHP
101 lines
3.2 KiB
PHP
<x-guest-layout>
|
|
<style>
|
|
.password-reset-container {
|
|
background-color: #f8f9fa; /* Warna latar belakang */
|
|
border-radius: 8px;
|
|
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
|
|
padding: 40px;
|
|
max-width: 400px;
|
|
margin: 50px auto; /* Menambahkan margin atas dan bawah */
|
|
border: 1px solid #dee2e6; /* Border halus */
|
|
}
|
|
|
|
.password-reset-header {
|
|
text-align: center;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.password-reset-header h2 {
|
|
font-size: 26px;
|
|
color: #343a40; /* Warna gelap untuk teks */
|
|
font-weight: 600; /* Menebalkan teks */
|
|
}
|
|
|
|
.password-reset-header p {
|
|
color: #6c757d; /* Warna teks sekunder */
|
|
font-size: 14px;
|
|
margin-top: 5px;
|
|
}
|
|
|
|
.btn-reset {
|
|
background-color: #007bff; /* Warna utama */
|
|
color: white;
|
|
border-radius: 5px;
|
|
padding: 12px 20px;
|
|
font-size: 16px; /* Ukuran font */
|
|
transition: background-color 0.3s, transform 0.2s;
|
|
cursor: pointer; /* Mengubah kursor saat hover */
|
|
}
|
|
|
|
.btn-reset:hover {
|
|
background-color: #0056b3; /* Warna saat hover */
|
|
transform: translateY(-2px); /* Efek angkat saat hover */
|
|
}
|
|
|
|
.alert {
|
|
margin-bottom: 20px;
|
|
border-radius: 5px;
|
|
}
|
|
|
|
.form-group {
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.footer-link {
|
|
text-align: center;
|
|
margin-top: 20px;
|
|
}
|
|
|
|
.footer-link a {
|
|
color: #007bff; /* Warna tautan */
|
|
text-decoration: none; /* Menghilangkan garis bawah */
|
|
transition: color 0.3s;
|
|
}
|
|
|
|
.footer-link a:hover {
|
|
color: #0056b3; /* Warna saat hover */
|
|
}
|
|
</style>
|
|
|
|
<div class="password-reset-container">
|
|
<div class="password-reset-header">
|
|
<h2>{{ __('Reset Password') }}</h2>
|
|
<p>{{ __('Lupa Kata Sandi? Tidak masalah. Cukup beri tahu kami alamat email Anda dan kami akan mengirimkan tautan untuk menyetel ulang kata sandi yang akan memungkinkan Anda memilih kata sandi baru.') }}</p>
|
|
</div>
|
|
|
|
<!-- Session Status -->
|
|
<x-auth-session-status class="mb-4" :status="session('status')" />
|
|
|
|
<form method="POST" action="{{ route('password.email') }}">
|
|
@csrf
|
|
|
|
<!-- Email Address -->
|
|
<div class="form-group">
|
|
<x-input-label for="email" :value="__('Email')" />
|
|
<x-text-input id="email" class="block mt-1 w-full" type="email" name="email" :value="old('email')" required autofocus />
|
|
<x-input-error :messages="$errors->get('email')" class="mt-2" />
|
|
</div>
|
|
|
|
<div class="flex items-center justify-center mt-4">
|
|
<x-primary-button class="btn-reset">
|
|
{{ __('Email Password Reset Link') }}
|
|
</x-primary-button>
|
|
</div>
|
|
</form>
|
|
|
|
<div class="footer-link">
|
|
<p>{{ __('Remember your password?') }} <a href="{{ route('login') }}">{{ __('Masuk') }}</a></p>
|
|
</div>
|
|
</div>
|
|
</x-guest-layout>
|