@extends('layouts.app')

@section('title', 'Register')

@section('content')
<div class="auth-page">
    <div class="auth-card auth-card--wide">
        <div class="brand-badge"><span>E</span></div>
        <h1>Create account</h1>
        <p>Start earning instantly with tasks, referrals, and VIP bonuses.</p>

        @if($errors->any())
            <div class="alert alert-error">{{ $errors->first() }}</div>
        @endif

        <form method="POST" action="{{ route('register') }}" class="auth-form">
            @csrf
            <label>Full name</label>
            <input type="text" name="name" value="{{ old('name') }}" required>

            <label>Email</label>
            <input type="email" name="email" value="{{ old('email') }}" required>

            <label>Password</label>
            <input type="password" name="password" required>

            <label>Confirm password</label>
            <input type="password" name="password_confirmation" required>

            <label>Referral code <span class="label-muted">optional</span></label>
            <input type="text" name="referral_code" value="{{ old('referral_code') }}">

            <input type="hidden" name="device_id" value="legacy-device-id">
            <button type="submit" class="btn-primary">Create Account</button>
        </form>

        <p class="helper-text">Already registered? <a href="{{ route('login') }}">Sign in</a></p>
    </div>
</div>
@endsection