@extends('layouts.app')
@section('title', 'Register')
@section('content')
<div class="max-w-md mx-auto bg-white p-8 rounded-xl shadow">
    <h1 class="text-2xl font-bold mb-6">Create your WalletCoin account</h1>
    <form method="POST" action="{{ route('register') }}" class="space-y-4">
        @csrf
        <input name="name" placeholder="Full Name" class="w-full border rounded-lg px-4 py-2" required>
        <input name="email" type="email" placeholder="Email" class="w-full border rounded-lg px-4 py-2" required>
        <input name="phone" placeholder="Phone (optional)" class="w-full border rounded-lg px-4 py-2">
        <input name="password" type="password" placeholder="Password" class="w-full border rounded-lg px-4 py-2" required>
        <input name="password_confirmation" type="password" placeholder="Confirm Password" class="w-full border rounded-lg px-4 py-2" required>
        <input name="ref" placeholder="Referral Code (optional)" value="{{ request('ref') }}" class="w-full border rounded-lg px-4 py-2">
        <button class="w-full px-6 py-3 bg-indigo-600 text-white rounded-lg">Register</button>
    </form>
    <p class="text-sm mt-4">Already have an account? <a href="{{ route('login') }}" class="text-indigo-600">Login</a></p>
</div>
@endsection