102 lines
4.5 KiB
PHP
102 lines
4.5 KiB
PHP
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>{{ $title }}</title>
|
|
|
|
<link rel="stylesheet" href="{{ asset('fonts/material-icon/css/material-design-iconic-font.min.css') }}">
|
|
<link href="{{ asset('lib/toastr/toastr.css') }}" rel="stylesheet">
|
|
<link href="{{ asset('css/app.css') }}" rel="stylesheet" />
|
|
<script src="https://unpkg.com/lucide@latest"></script>
|
|
<script defer src="https://unpkg.com/alpinejs@3.x.x/dist/cdn.min.js"></script>
|
|
@livewireStyles
|
|
</head>
|
|
|
|
<body class="bg-gray-100 font-averta">
|
|
<x-falling-effect symbol="{{ setting('setting.icon_falling') }}" />
|
|
|
|
<div class="min-h-screen flex items-center justify-center bg-[var(--color-primary)]">
|
|
<div
|
|
class="animate__animated animate__fadeInUp w-full max-w-6xl mx-3 grid md:grid-cols-2 rounded-xl shadow-xl overflow-hidden duration-300 ease-in-out min-h-[500px]">
|
|
|
|
<!-- Left Panel -->
|
|
<div class="bg-white p-8 md:p-12 flex flex-col justify-center">
|
|
<img src="{{ setting('setting.logo') }}" class="max-w-[150px] mb-4 mx-auto" alt="Logo" />
|
|
<h2 class="text-2xl font-bold text-gray-800 mb-2 text-center uppercase">{{ $title }}</h2>
|
|
<form method="POST" action="{{ route('user.reset.store') }}" class="max-w-md w-full mx-auto"
|
|
id="register-form">
|
|
@csrf
|
|
<div class="bg-yellow-100 text-yellow-800 text-sm p-4 rounded mb-6 text-center">
|
|
Vui lòng nhập email đã đăng ký, chúng tôi sẽ gửi đường dẫn khôi phục lại mật khẩu qua email này.
|
|
</div>
|
|
<div class="mb-4">
|
|
<label for="email" class="block mb-2 text-sm font-medium text-gray-700">
|
|
{{ __('Email') }}
|
|
</label>
|
|
<flux:input icon="envelope" placeholder="nguyenvana@gmail.com" name="email" type="email"
|
|
value="{{ session('email') ?? old('email') }}" />
|
|
</div>
|
|
<div>
|
|
<flux:button variant="primary" color="orange" type="submit" icon:trailing="arrow-right" class="w-full"> Tiếp
|
|
tục</flux:button>
|
|
</div>
|
|
</form>
|
|
<div class="flex items-center justify-between">
|
|
<!-- Login Link -->
|
|
<p class="text-center text-sm text-gray-600 mt-6">
|
|
Chưa có tài khoản?
|
|
<a href="{{ route('user.login') }}" class="text-primary font-medium hover:underline">
|
|
Đăng ký
|
|
</a>
|
|
</p>
|
|
<p class="text-center text-sm text-gray-600 mt-6">
|
|
<a href="{{ route('user.login') }}" class="text-primary font-medium hover:underline">Đã có tài
|
|
khoản</a>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Right Panel -->
|
|
<div
|
|
class="relative hidden md:flex items-center justify-center bg-gradient-to-br from-[var(--color-primary)] to-[var(--color-secondary)]">
|
|
<div class="absolute inset-0 bg-black/30 z-10"></div>
|
|
<div class="absolute inset-0 bg-cover bg-no-repeat bg-right h-[500px] z-0"
|
|
style="background-image: url('{{ setting('setting.banner') }}');"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script src="{{ asset('lib/jquery/jquery.min.js') }}"></script>
|
|
<script src="{{ asset('lib/validate/validate.min.js') }}"></script>
|
|
<script src="{{ asset('lib/toastr/toastr.min.js') }}"></script>
|
|
@stack('viewScripts')
|
|
<script>
|
|
$('#register-form').validate({
|
|
onkeyup: false,
|
|
onclick: false,
|
|
ignore: ":hidden:not('#agree-term')",
|
|
rules: {
|
|
email: {
|
|
required: true,
|
|
email: true
|
|
}
|
|
},
|
|
messages: {
|
|
email: {
|
|
required: "Vui lòng địa chỉ email",
|
|
email: "Email không hợp lệ"
|
|
}
|
|
}
|
|
})
|
|
|
|
lucide.createIcons();
|
|
</script>
|
|
@include('alerts')
|
|
@livewireScripts
|
|
</body>
|
|
|
|
</html>
|