@extends('frontend.layouts.app')
@section('title', 'Register')
@section('content')
<section class="py-5" style="min-height:70vh;display:flex;align-items:center;">
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-md-5">
                <div class="card border-0 shadow-sm" style="border-radius:20px;">
                    <div class="card-body p-5">
                        <div class="text-center mb-4">
                            <div class="d-inline-flex align-items-center justify-content-center mb-3" style="width:60px;height:60px;background:var(--purple-bg);border-radius:16px;"><i class="fas fa-user-plus fa-xl" style="color:var(--purple);"></i></div>
                            <h3 class="fw-bold">Create Account</h3>
                            <p class="text-muted">Join our marketplace today</p>
                        </div>
                        @if($errors->any())<div class="alert alert-danger">@foreach($errors->all() as $e)<p class="mb-0">{{ $e }}</p>@endforeach</div>@endif
                        <form method="POST" action="{{ route('register') }}">
                            @csrf
                            <div class="mb-3"><label class="form-label">Name</label><input type="text" name="name" class="form-control form-control-lg" value="{{ old('name') }}" required style="border-radius:12px;"></div>
                            <div class="mb-3"><label class="form-label">Email</label><input type="email" name="email" class="form-control form-control-lg" value="{{ old('email') }}" required style="border-radius:12px;"></div>
                            <div class="mb-3"><label class="form-label">Password</label><input type="password" name="password" class="form-control form-control-lg" required style="border-radius:12px;"></div>
                            <div class="mb-3"><label class="form-label">Confirm Password</label><input type="password" name="password_confirmation" class="form-control form-control-lg" required style="border-radius:12px;"></div>
                            <button class="btn btn-purple btn-lg w-100">Register</button>
                        </form>
                        <p class="text-center mt-3 mb-0">Already have an account? <a href="{{ route('login') }}" style="color:var(--purple);font-weight:600;">Login</a></p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
@endsection