<!doctype html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>Customer Signup</title>
        <link rel="icon" type="image/svg+xml" href="{{ asset('favicon.svg') }}">
        <link rel="preconnect" href="https://fonts.googleapis.com">
        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
        <link href="https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap" rel="stylesheet">
        <link rel="stylesheet" href="{{ asset('css/site.css') }}">
    </head>
    <body class="auth-body">
        <main class="auth-card">
            <a class="brand" href="{{ route('storefront.home') }}">
                @include('partials.brand')
            </a>

            <div>
                <span class="eyebrow">New customer</span>
                <h1>Create Account</h1>
            </div>

            <form method="POST" action="{{ route('customer.register.store') }}" class="auth-form">
                @csrf

                <label>
                    <span>Name</span>
                    <input name="name" type="text" value="{{ old('name') }}" required autofocus>
                </label>

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

                <label>
                    <span>Phone</span>
                    <input name="phone" type="text" value="{{ old('phone') }}">
                </label>

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

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

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

                <button class="button primary full" type="submit">Create account</button>
                <a class="social-button" href="{{ route('customer.google.redirect') }}">Continue with Google</a>
                <a class="auth-link" href="{{ route('login') }}">Already have an account?</a>
            </form>
        </main>
    </body>
</html>
