@extends('auth.layout')
@section('content')   
    <div class="form-container" id="login-form">
        <h1>Sign up</h1>
            <form  method="POST" action="{{ route('register') }}">
            @csrf
                <label for="username">UserName</label>
                <input id="name" type="text" name="name" value="{{ old('name') }}" required autofocus>
                @error('name')
                    <span>{{ $message }}</span>
                @enderror
                <label for="email">Email</label>
                <input id="email" type="email" name="email" value="{{ old('email') }}" required>
                @error('email')
                    <span>{{ $message }}</span>
                @enderror
                <label for="password">Password</label>
                <input id="password" type="password" name="password" required autocomplete="new-password">
                @error('password')
                    <span>{{ $message }}</span>
                @enderror
                <label for="password_confirmation">Confirm Password</label>
                <input id="password_confirmation" type="password" name="password_confirmation" required>
                <button type="submit">Sign up</button>
            </form>
        <p>Do You have an account? <a href="{{ url('login') }}" id="signup-link">Login</a></p>
    </div>
@endsection