@extends('layouts.app')

@section('title', 'Tạo tài khoản | GreenCard.vn')
@section('no-chrome', '1')

@section('content')
<div class="auth-page">
    <div class="auth-wave"></div>

    <div class="auth-card">
        <div class="brandline">
            <h1>GreenCard<span style="color:var(--green);">.vn</span></h1>
            <span class="wave-emoji">&#128640;</span>
        </div>
        <p class="sub">Tạo tài khoản mới</p>

        <p class="greet">Đăng ký miễn phí để bắt đầu đổi thẻ cào và nạp game với chiết khấu tốt nhất thị trường.</p>

        <form method="POST" action="{{ route('auth.register') }}">
            @csrf
            <input class="input" type="text" name="name" placeholder="Họ và tên" value="{{ old('name') }}" required>
            <input class="input" type="tel" name="phone" placeholder="Số điện thoại" value="{{ old('phone') }}" required>
            <input class="input" type="password" name="password" placeholder="Mật khẩu (tối thiểu 8 ký tự)" required>
            <input class="input" type="password" name="password_confirmation" placeholder="Nhập lại mật khẩu" required>
            <button type="submit" class="btn btn-green btn-block">Tạo tài khoản</button>
        </form>

        <p class="auth-alt">Đã có tài khoản? <a href="{{ route('login') }}">Đăng nhập ngay</a></p>

        <div class="sso-note">
            <span class="lock">&#128274;</span>
            <span>Hệ thống sử dụng cơ chế đăng nhập một lần (SSO) chuẩn <b>OAuth 2.0</b>. Thông tin cá nhân của bạn luôn được mã hóa và bảo mật tuyệt đối.</span>
        </div>
    </div>
</div>
@endsection